これでもう、グラデーションにできてしまう濃淡の縞に困らない！バンディングをおさえるJavaScriptライブラリ
Post on:2019年9月17日
制作時の最適なモニターや最適な照明環境で美しいグラデーションを作成しても、ビジターの環境ではバンディングと呼ばれる濃淡の縞ができてしまうかもしれません。
Webページの背景などに使用するグラデーションにできてしまうバンディングをおさえ、滑らかに表示するためのJavaScriptライブラリを紹介します。
ここ1,2年でかなり進化したWordPress、カスタマイズに必要なPHPの知識を身につけたい人にお勧めの解説書
Post on:2019年9月13日
本書はずばり、PHPは苦手という人のための解説書です。WordPressはPHPの知識無しでも利用できますが、ちょっとしたカスタマイズをする際、テーマファイルを修正したり、function.phpの設定など、PHPは避けては通れません。
HTMLとCSSは問題ないけれど、PHPはちょっと苦手という人に、PHPの基本からWordPress特有の使い方まで、優しくていねいに解説された一冊を紹介します。
これなら簡単！CSSのみで、ボタンやアイコンに気持ちいいさまざまなアニメーションを加える -UI interactions
Post on:2019年9月13日
ボタンやアイコン、アロー、ハンバーガーメニューなど、UIでよく使用される要素にインタラクションを加えるスタイルシートを紹介します。HTMLはbutton要素だけのシンプルな構成で、classを与えるだけで簡単に利用できます。
かなり便利！VS CodeでCSSを書きながらFlexboxのチートシートを利用できる -CSS Flexbox Cheatsheet
Post on:2019年9月12日
Visual Studio CodeでCSSを書きながら、CSS Flexboxのチートシートを利用できる機能拡張を紹介します。
justify-contentやalign-itemsはどう使うんだっけ？ justify-contentの値は？ など、Flexboxの各プロパティや値がどのように配置されるか、一目で分かります。
CSSを書きながらFlexboxのチートシートをVS Codeに表示中
Design Cutsの今回の99％オフセールはテクスチャやパターン、背景素材がたっぷり入ってかなりお買い得です
Post on:2019年9月11日
商用でも安心して利用できる、さまざまなデザインのプロジェクトにぴったりなテクスチャ、パターン、背景素材、計228,265円分が、99%オフの3,200円で購入できる期間限定の特大セールを紹介します。
販売期間は、9月24日12時までとなっています。
テクスチャとパターン素材はWebデザイン、アプリ、動画、紙のデザインなどに利用でき、クライアントのプロジェクトでも販売する同人誌に使用してもOK。
Figmaがこれからの人にも、すでに使用中の人にもいい！公式より快適に動作するmacOS用アプリ -Figmac
Post on:2019年9月11日
Figmaがこれからの人にも、すでに使用中の人にもお勧めです。macOS対応の公式より快適に動作するFigmaアプリを紹介します。
.figファイルはもちろん、.sketchファイルを編集したり、.pdfに書き出したり、共同作業やバージョン管理なども簡単にできます。
Figmaは無料で利用でき、Figmacも無料で利用できます。
CSSで実装したレイアウトの構造や階層を簡単に確認できる、私のお気に入りのCSSハック -My favorite CSS hack
Post on:2019年9月10日
flexboxで実装したレイアウトはもちろん、floatでもgridでもCSSで実装したレイアウトの構造や階層を確認できるスタイルシートを紹介します。
ページ上の各要素のサイズ・マージン・パディングなどに不整合がないか簡単に確認でき、スニペットやブックマークレットに登録しておくと便利です。
My favorite CSS hack
by Gajus Kuizinas
通常は有料だけど、今週末まで無料！走り書きがかっこいい、デザイン性の高いシグネチャフォント -Mayestica
Post on:2019年9月10日
通常は有料ですが、今週末まで無料でダウンロードできる、かっこいいシグネチャフォントを紹介します。
フォントはたくさん持っているほど、デザインのバリエーションが増えるので、今のうちにダウンロードしておくのをお勧めします。
.otf, .ttfをはじめ、Webフォントも揃っています！
