サイト構築
[CSS]擬似クラス:nth-childの便利な使い方をまとめたスタイルシート -Family.scss
Post on:2016年11月9日
リストやセルなどの何個目を選択する時によく利用する擬似クラス:nth-childの便利な使い方26種類をSCSSでまとめられた「Family.scss」を紹介します。 :nth-childでアイテムが5個以上なら選択、5 […]
デザインやイラストに水彩のスタイルを取り入れたい人にぴったり！商用利用無料の水彩デザインの素材セット
Post on:2016年11月9日
水彩のスタイルをデザインやイラストに簡単に取り入れることができる、水彩デザインの素材セットを紹介します。 個人でも商用でも無料利用、永く使えるPhotoshop用のデザイン素材です。 Aquarelle Designer […]
最近のWeb制作の勉強になる！Webサイトのワイヤーフレームやプロトタイプのまとめ
Post on:2016年11月8日
プロジェクトのメンバーでないとなかなか目にすることができないワイヤーフレームやプロトタイプ、他の人がどのように作っているか気になります。 最近のWebサイトやスマホアプリの制作で参考になりそうなワイヤーフレーム、フローチ […]
[CSS]レスポンシブ対応、高さ可変のアコーディオンをピュアCSSで実装するテクニック
Post on:2016年11月7日
パネル全体の高さは可変、幅はレスポンシブ対応、各アイテムの中身は少なかったり多かったり、開閉はアニメーション、そんなアコーディオンをピュアCSSで実装するテクニックを紹介します。 異なる高さにアニメーションを適用するため […]
Photoshop CC 2017の気になる新機能のまとめ、Web制作者は要チェック！
Post on:2016年11月4日
サンディエゴで開催中のAdobe MAXに合わせて、CC 2017がリリースされました。 Adobe Photoshopをはじめ、Adobe Illustrator, Adobe XDなど、Web制作者が愛用しているソフ […]
「そこ、スペース空いてるね」Webデザイナーとクライアントのあるあるがちょっと切ない
Post on:2016年11月4日
Webデザイナーとクライアントの関係は共通の認識で目的をもち、ゴールを目指すことが理想です。しかし現実では些細なことで異なってしまうこともあります。 そんなWebデザイナーとクライアントのあるあるを軽快なアニメーションで […]
CSSが苦手なWebデザイナーが知っておきたい、デザインに関係するCSSのテクニックのまとめ
Post on:2016年11月2日
Webデザイナーはデザインの知識やテクニックだけでなく、どのような実装テクニックがあり、何が実現可能なのか知っておくことで、さらに素晴らしいデザインを作りだすのに役立たせることができます。 Webデザイナーにとって、CS […]
[CSS]超簡単！Flexboxでグリッドを実装する時のベースになるスタイルシート -Fukol Grids
Post on:2016年10月31日
レスポンシブに完全対応、でも面倒なブレイクポイントの設定は必要なし、すべてのブラウザを配慮したプログレッシブエンハンスメントを取り入れ、Flexboxでグリッドを実装するスタイルシートを紹介します。 ファイルサイズはわず […]
世界各国での数字の区切り方、カンマ・コンマのルール
Post on:2016年10月30日
世界各国によって、数字の区切りに用いる「,（カンマ・コンマ）」と「.（ピリオド）」の使い方が異なるので、主要なものをまとめました。 ドイツやフランスなどは、小数点の区切りが「,（カンマ・コンマ）」になるので、注意が必要で […]
個人のデザイナーさんがフォントやグラフィック素材を販売した売上額が大台突破で、すごすぎる！
Post on:2016年10月27日
当ブログでたびたび紹介するCreative Marketで、個人のデザイナーさんがなんと1億円（$1,000,000）の売上を達成したそうです！ Creative Marketは名の通り、クリエイティブを扱ったマーケット […]
sponsors
