Adobe XDがSketchよりも優れている理由
Post on:2019年9月19日
最近、私の周りでもAdobe XDを使用する人が増えてきました。特に日本では、SketchユーザーよりAdobe XDユーザーの方が勢いがあるように感じます。
SketchとAdobe XDを長きに渡り使用し、その結果Adobe XDを使用することにしたUIデザイナーの比較記事を紹介します。海外だとSketchの方が多く感じてましたが、そういう流れなのでしょうか。
Why Adobe XD is better than Sketch.
by Simon Fairhurst
通常は有料だけど、今週末まで無料！走り書きの流れるような文字がかっこいいフォント -Outlander
Post on:2019年9月19日
通常は有料ですが、今週末まで無料でダウンロードできる、走り書きの流れるようにデザインされた文字がかっこいいフォントを紹介します。
フォントはたくさん持っているほど、デザインのバリエーションが増えるので、今のうちにダウンロードしておくのをお勧めします。
フォントファイルには、.otf, .ttfが揃っています！
かなりお買い得！40万円分のヴィンテージのデザイン素材がまとめて3,200円で購入できる期間限定セールが開催
Post on:2019年9月18日
商用でも安心して利用できる、ヴィンテージのデザインにぴったりな飾り、飾り罫、イラスト、フォント、エフェクト、テクスチャなどのデザイン素材、計403,878円分が、99%オフの3,200円で購入できる期間限定の特大セールを紹介します。
販売期間は、10月1日12時までとなっています。
ヴィンテージのデザイン素材はWebデザイン、アプリ、動画、紙のデザインなどに利用でき、クライアントのプロジェクトでも販売する同人誌に使用してもOK。
div要素の見た目は矩形だけじゃない！UI要素をさまざまな形状のデザインに拡張するスタイルシート -augmented-ui
Post on:2019年9月18日
Webページやアプリに、サイバーパンクにインスパイアされたユーザーインターフェイスを簡単に実装できるCSSを紹介します。
下記の要素はdiv要素が一つだけ。角を斜めにカットしたり、辺に窪みを加えたり、ボーダーを美しくしたり、augmented-uiのCSSで用意されているclassを与えると、サイバーパンクにインスパイアされたさまざまなデザインが実装できます。
これでもう、グラデーションにできてしまう濃淡の縞に困らない！バンディングをおさえる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に表示中
