サイト構築
2017年に注目されたインターフェイスデザインのトレンドを解説
Post on:2018年1月9日
2017年はインターフェイスデザインにとって多様性の一年でした。中でもユーザーフレンドリーに注目された年と言えるでしょう。 2018年これからのWebサイト、スマホアプリのデザインで押さえておきたいインターフェイスデザイ […]
Web制作者がチェックしておきたい、最近のWebサイトで使用されているナビゲーションのデザインとアイデア
Post on:2017年12月22日
最近のWebサイトで使用されているデザイン的にも機能的にも優れたヘッダ ナビゲーションを紹介します。 テキストをリスト状に配置するだけでなく、アイコンや画像を添えたり、タブを効果的に採用したり、配置自体を工夫したり、さま […]
[CSS]コピペで簡単に利用できる、シンプルでセンスのあるアニメーションが気持ちいいプリローダー
Post on:2017年12月20日
円の軌跡に沿って、ドットだけをさまざまなアニメーションで動かしたシンプルでセンスのあるプリローダーを紹介します。 cubic-bezier()を使用した緩急のあるアニメーションは、タイミングをずらすことで、気持ちいい動き […]
CSSの素晴らしいアイデアが満載！2017年スタイルシートを使ったテクニックのまとめ
Post on:2017年12月15日
2017年も、CSSの進化がすごかったですね。 CSSを使ったアニメーションはより繊細に、vwやvhやcalc()などを効果的に使用したり、レイアウト、ナビゲーション、カードなどもより洗練されて実装されています。 さまざ […]
CSSの進化がすごい！レスポンシブ対応の六角形のヘキサゴン レイアウトを簡単に実装できるスタイルシート
Post on:2017年12月13日
シンプルなHTMLで、レスポンシブ対応の六角形のヘキサゴン レイアウトを簡単に実装できるスタイルシートを紹介します。 JavaScriptは完全に不要で、CSS Gridを使用してdiv要素にclassを付与するだけで実 […]
CSS Gridを使ってみたい人にぴったり！さまざまなレイアウトをシンプルなHTMLで実装できる -iota
Post on:2017年12月12日
CSS Gridを使ったレスポンシブ対応のレイアウトを簡単に実装できる超軽量フレームワークを紹介します。 シンプルなレイアウトから、複雑なレイアウトまで、ブレイクポイントごとにレイアウトを定義することができます。ブレイク […]
最近のロゴのデザインに使われている、注目しておきたいデザイントレンドのまとめ -Logo Design Trends 2018
Post on:2017年12月12日
オンラインで本格的なロゴを作成できる「Logaster」で作成された6,000,000個の中から、2017年に人気だったロゴのデザインを概説し、2018年に注目されるロゴデザインのトレンドを紹介します。
2018年のトレンドカラーは想像力に溢れるスミレ色「Ultra Violet（ウルトラ バイオレット）」
Post on:2017年12月11日
Pantoneから来年のトレンドカラーが発表されました。 2018年のトレンドカラーは、独創的で想像力に溢れるスミレ色「Ultra Violet」です。 Pantone Color of the Year 2018
HTMLメール用のCSSリセットとテンプレート、主要なメールクライアントのバグにも対応 -normalize.email.css
Post on:2017年12月6日
WebブラウザがFlexboxやCSS Gridをサポートしていく中、HTMLメールではXHTMLとtableレイアウトがまだまだ主流です。 HTMLメールを作成する時のベースになる、HTMLのテンプレートと有用なデフォ […]
[JS]カードやリストをアニメーションで移動できるレスポンシブ対応のグリッドを実装するスクリプト -Muuri
Post on:2017年12月5日
レンガ状のカードやリスト状のパネルをドラッグ&ドロップで移動したり、フィルタリングやソートも可能なレスポンシブ対応のグリッドを簡単に実装できるスクリプトを紹介します。通常だと複数のライブラリを組み合わせないと実装 […]
sponsors
