クモのようにコツコツと

フロントエンドエンジニア イイダリョウの技術ブログ。略称「クモコツ」

2018-10-01から1ヶ月間の記事一覧

【CSSドット絵】マリオ立ちポーズとジャンプポーズの切り替え

CSS

以前、CSSだけでドット絵がかけるのか、というシリーズをやってて、中断していたのですが、ツイッターで素敵なドット絵マリオ作品に出会ってまたモチベーションが湧いてきました。今回は立ちポーズを作って、ジャプポーズとhoverアクションで切り替えるとこ…

linear-gradientでストライプじゃなくて斜線を作る方法【CSS de 幾何学模様】

CSS

背景などでいつもお世話になっているCSSグラデーション(linear-gradient)。他にもいろいろな模様を描くことができます。そのなかでも「ストライプ(縞模様)」はよく知られています。これを応用して「斜線」を作れないかなー、と試行錯誤してみました。「C…

【WordPress、PHP、SQL文】Webデザイナーでもわかるサーバサイドの基本まとめ!(6記事)

Webデザイナーが主戦場とするのはフロントエンド言語(HTML、CSS、JS)ですが、サーバサイド言語もわかればできることが増えます。一体どうやって?? WordPressはダッシュボードからテーマやプラグインを入れれば動的サイトが作れる素敵なCMS。一番身近なサ…

AdminerからSQL文で「我輩は猫である」を「犬」にしてみる(WordPressのDB操作:その2)

前回の続きです。ターミナル(黒い画面)を叩かずにDB(データベース)をSQL文でコチョコチョしたい。 一番身近でSQL文に触れられるのは「Local by Flywheel」の「Adminer」でした。 今回のテーマはWordPressに投稿した「我輩は猫である」を「犬」にする、で…

SQL文はLocal by FlywheelのAdminerから慣れよう(WordPressのDB操作:その1)

DB、すなわちデータベース*1。普段あまり触れることがないDB。黒い画面(ターミナル)でコマンド打ってゴニョゴニョ操作するイメージのDB。おそらく一番身近な入り口である「Local by Flywheel」の「Adminer」から、WordPressのDBをSQL文でコチョコチョ操作…

【HTML、CSS、JSの書式】これを読めばコードが読める!書ける!まとめ!(基本5+応用1記事)

以前、「書ける前に読む!HTML、CSS、JSの書式」*1という連載記事を書きました。コードを書くにはまず読める方が先という考えから、コードの読み方をHTML→CSS→JSにステップアップ方式で解説しました。当ブログでは様々なテーマを連載していますが、そのどこ…

【Textastic】もしかしてだけどスマホで技術ブログかけちゃうんじゃないの?

前回、タブレットだけで技術ブログが書けるのか検証した結果、もしかしてだけどこれならスマホだけでも技術ブログが書けるんじゃないの?という気になってきたので、実際にやってみる。実録です。