CSS

メモ:今更ながらCSSの@keyframesを使ったアニメーションを試す

CSSだけでアニメーションを作ることが出来る@keyframesの記述。 ブラウザの互換性を理由にして今まで勉強をサボってきたのですが、Can I UseによるとIE11を含めてすでに主要なブラウザには対応しているようなので、今更な.....
Gulp

メモ:ローカルフォルダに入れたGulpをGitに検知させたくない時は.gitignoreにこう追記しよう

最近、ようやくGulpを実用レベルで使える程度の知識を手に入れることができたので、作業中のサイトフォルダにGulpを入れてみました。ところが、Gulpのインストールが完了すると、Gitの管理ツールのSourceTreeには、数千レベルの「.....
Gulp

“学習しては忘れ”を繰り返してきた「Gulp」への再入門。今度こそ身につけるために記事を書いてみた

Webサイトを制作する時に細かい作業を自動化してくれる「Gulp」というツールの話をします。 数年前(2017年頃)に断片的に(時にガッツリと)Gulpのことを勉強した事があるのですが、学習した後、あまり使う機会がなく、2019年5.....
AdobeXD

メモ:Adobe XDでファイル新規作成時に「Creative Cloud同期が正しく開始しませんでした」と出た時の対策

Adobe XDは、新規でドキュメントを作成した時に、デフォルトでは保存先がローカルではなくクラウドに指定されている。 データがクラウドに保存されるのでどこでも作業ができるというメリットがあるけど、時々「Creative Cloud.....
AdobeXD

メモ:Adobe XDでクラウド上のドキュメントを読み込めない場合の対処法

Adobe XDには、作業データをローカルではなくクラウドに保存するという選択肢があります。クラウドにデータを保存することで、ファイルの転送の手間を省いていろいろなPCでファイルを編集できるメリットがあり、一見便利に見えます。 ・・.....
CSS

メモ:CSS Grid Layoutの書き方を(2019年5月になってやっと)学んでみる

2017年あたりからノウハウの紹介記事が増えてきた、Webサイトの新しいレイアウト手法「CSS Grid Layout」。今まで「まだ一部のブラウザの対応が怪しいし・・・」という理由でタッチしてこなかった領域でしたが、2019年春になって.....
スマートスピーカー

メモ:Google Homeの環境音一覧(2019年5月現在)

Google Homeの環境音を室内でよく流しているのですが、公式のヘルプページに、流すことが出来る環境音の一覧がありました。扇風機の音とか、知らなかった!今後も、機会あらばバリエーションを増やしてほしいなと密かに願っています。 自.....
サーバー

メモ:非エンジニア・プログラマーから見たNetlify(静的サイトホスティングサービス)

エンジニア向けの静的サイトホスティングサービスのNetlifyに登録して、これは非エンジニア・プログラマーで、HTML+CSSのコーディングを少しやる程度の自分にも役に立つサービスなのかどうかを検証してみました。 登録画面 ま.....
Webサービス

まとめ:オンラインホワイトボードサービス「miro」で使えるテンプレート

複数名でオンライン上のドキュメントを同時に編集できるWebサービス「miro」(旧 Realtime Board )で利用できるテンプレートをまとめてみました。 miroについての詳細はこちらが詳しいです便利なオンラインホワイトボー.....
サーバー

メモ:静的サイトのホスティングサービスについて調べてみた

最近、Webサイトを高速化する手段の1つとして「静的サイトのホスティングサービス」なるものがあるのを、どこかの記事で知った。 ホスティングサービスというと、個人的には、いわゆる「レンタルサーバー」を連想してしまうのだけど、どうもそう.....
AdobeXD

Adobe XD 画像読み込み系プラグイン3点の比較

2017年あたりからWeb制作業界にてメキメキと存在感を大きくしているプロトタイピングツール「AdobeXD」。特徴の1つにあるのが、アプリに様々な機能を追加できる「プラグイン」の存在です。 プラグインの機能は2018年10月頃に実装され.....
Mac

メモ:MacでプライベートIPアドレスを固定する

インターネットにつながらない時の最初の対応として、ルーターを再起動する。原始的な方法だけど、これで問題が解決することも多いから馬鹿には出来ない。 が、先日、ルーターを再起動することでローカルのプライベートIPアドレスが変化してしまう.....