[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を使っていた人に新しい驚きと喜びを与えます。主要なブラウザすべてにサポートされ、採用するプロジェクトも増えてきました。 しかし、以前の […]
フォント好きの心をくすぐる素敵なフォント「Futuracha Pro」はデザインするのが楽しくなる！
Post on:2017年6月5日
素敵なフォントに出会えると、とても幸せな気持ちになれます。 先日ようやく本リリースされた「Futuracha Pro」もその一つ。 @colisscomでもつぶやきましたが、改めて記事にして紹介します。 Futurach […]
[JS]スマホにも対応！ページをスクロールした際、要素をアニメーションで表示する軽量スクリプト -t-scroll
Post on:2017年6月5日
スマホやタブレットに対応、もちろんデスクトップにも対応、ページをスクロールした際に、要素にさまざまなアニメーションを簡単に適用できる単体で動作する軽量(4KB)のスクリプトを紹介します。 jQueryなど、他のスクリプト […]
フロントエンドの制作者が、HTML, CSS, JavaScriptでWebページのパフォーマンスを改善するためのテクニックを磨ける良書
Post on:2017年6月2日
Webサイトやアプリを制作する際、パフォーマンスは重要なポイントの一つです。ページが早く表示されることは、それだけでユーザーの満足度に繋がり、Googleにおいても非常に重要な項目に挙げられています。 ページを表示するブ […]
sponsors
