美しい光や炎や霧や煙、魔法のエフェクトや幻想的な世界観を描くPhotoshopのブラシ素材のまとめ
Post on:2017年6月15日
美しい光の軌跡、閃く炎、漂う煙、揺らめく衝撃波など、魔法のエフェクトのような特殊効果や幻想的な世界観を簡単に描けるPhotoshopのブラシ素材を紹介します。
CSSの関数はどんどん便利になっている！minmax()を使うとMedia Queries無しでレスポンシブが簡単に実装できる
Post on:2017年6月14日
CSSの関数には便利なものがたくさんあります。例えば、div要素に「width: calc(100% - 50px);」と指定することで、幅いっぱいから50pxを引いた値を幅に適用できます。 minmax()関数はcal […]
最近よく見かけるレスポンシブ対応のUIコンポーネントやレイアウトがよく分かるHTML, PSD, Sketchの素材 -Now UI Kit
Post on:2017年6月13日
最近のWebサイトやスマホアプリでよく見かける、Bootstrap 4をベースにした180種類以上のUIエレメントやコンポーネント、50種類以上のレイアウト、それらがPSDとSketchファイル、そしてHTMLも揃った無 […]
[CSS]デザイナーには透明に見えてしまう背景を実装するスタイルシートのテクニック
Post on:2017年6月12日
透明が見える、というのはおかしな日本語ですが、どこからどう見ても透明な背景を実装するスタイルシートのテクニックを紹介します。 透明な背景を使いたい時用に、スニペットに登録しておくと便利です。 サンプル: 透明に見える背景 […]
Webのディレクターに必要な知識がぱっと開いてすぐ分かる、制作だけでなく法律関係など苦手なジャンルも完璧にフォローできる良書
Post on:2017年6月9日
Webディレクターは便利屋ではありませんが、さまざまなジャンルの知識を求められます。プロジェクトの受注時から、立案・企画、制作、納品、運営、マーケティング、そしてプロジェクトのマネジメントまで、本当に幅広いシーンで必要と […]
CSSやJavaScriptの新しい動き、フロントエンドのWeb制作の現状とこれから必要とされるテクニックや考え方
Post on:2017年6月9日
ここ1, 2年で、フロントエンドの制作事情は大きく変化してきました。 スマホの登場によりレスポンシブ対応からモバイルファースト・モバイルオンリーへ、HTMLは構造化され、CSSはモジュール単位で実装され、JavaScri […]
2017年のロゴデザインのトレンド -2017 Logo Trend Report
Post on:2017年6月8日
ロゴのデザインには、タイポグラフィ、線、形、色、質感、バランス、リズム、配置など、デザインの基本となる要素や原則が詰まっています。最近のトレンドが効果的に取り入れられたロゴデザインに使われているトレンド、デザインテクニッ […]
Web制作者は使わないと損！Chrome 59でアップデートされたデベロッパーツールの便利な新機能
Post on:2017年6月7日
5日にリリースされたChrome 59で、ブラウザと共にアップデートされたデベロッパーツールの新機能を紹介します。 What's New In DevTools (Chrome 59) Chrome 59 - What' […]
シンプルなデザインで使いやすい！商用でも無料で利用できるSVGのアイコン素材 -Feather
Post on:2017年6月7日
無料のアイコン素材はたくさんありますが、シンプルなデザインで使い勝手のよいものとなるとなかなか見つかりません。 個人でも商用でも無料で利用でき、豊富なアイテムが揃ったアイコン素材を紹介します。 Feather Feath […]
CSS flexboxのレイアウトで困った時に使えるスタイルシートのテクニックまとめ
Post on:2017年6月6日
flexboxを使ってレイアウトを実装するのは、何年もの間floatやclearfixを使っていた人に新しい驚きと喜びを与えます。主要なブラウザすべてにサポートされ、採用するプロジェクトも増えてきました。 しかし、以前の […]
sponsors
