サイト構築 -実装
Sketchでデザインが快適に！要素の幅だけ、高さだけ、X軸だけ、Y軸だけをコピペできる便利なプラグイン -CPPS
Post on:2016年11月14日
デザイン作業をしている時、要素の幅だけ、高さだけ、X軸の位置だけ、Y軸の位置だけをコピペできるSketchの無料プラグインを紹介します。 それぞれを組み合わせて、幅と高さのサイズ、X軸とY軸の位置をペーストするだけという […]
若きデザイナーが思い描く期待と厳しい現実とのギャップ、デザイナーたちの切ないあるある
Post on:2016年11月10日
デザイン学校で学び、デザイン会社に就職。 デザイナーには、夢や希望がたくさん詰まっています。 しかし思い描いた期待とは裏腹に、厳しい現実を目の当たりにすることがあります。そんなデザイナーたちの切ないあるあるを紹介します。 […]
[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でグリッドを実装するスタイルシートを紹介します。 ファイルサイズはわず […]
sponsors
