「Tone.js」シリーズの続きになります。前回、十三音鍵盤を作ってみましたが、こちらの音色を変えてみたく思います！

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

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

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

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

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

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

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

お絵描きしたくて購入したiPad。触っているうちに、お、もしかしてこれで「What’s a Computer?」れるんじゃない？という気がしてきて文字入力についていろいろ検証した。本当いうとソフトウェアキーボードだけで完結して「What’s a Keyboard?」る野望があっ…

iPhone Xsのページで背景画像が文字の形で切り抜かれた表現があり、調べてみたらbackground-clip: textというスタイルだった。このスタイルで出来ること、出来ないことを検証してみました。