サイト構築

最近見かけるレイアウト・ナビゲーション・スライダー・フォームなどがどうやって実装されているのかのまとめ

Post on:2017年2月15日

Webページやスマホアプリで見かけるレイアウト、ナビゲーション、ボタン、スライダー、フォーム、タイムライン、ボタンなど、CSSを使って実装されたテクニックがまとめられたコンテンツを紹介します。 デザインのアイデアとして、

...記事の続きを読む

Web制作者が知っておきたい、ハンバーガーメニューに代わるスマホ向けのナビゲーションのまとめ

Post on:2017年2月14日

スマホのナビゲーションをどうするか、Web制作者の間で多くの議論が交わされてきました。スマホのスクリーンは小さく、掲載する情報量には限りがあるため、多くの情報を格納できるハンバーガーメニューが候補にあがるでしょう。 しか

...記事の続きを読む

[CSS]背景は固定、美しいブラーがかかった半透明のパネルやサイドバーやボタンを実装するスタイルシート

Post on:2017年2月13日

背景画像は固定表示で、美しいブラーがかかった半透明のパネルやサイドバーやボタンがスクロールするコンテンツを実装するスタイルシートのアイデアを紹介します。 例えばパネルをクリアにして、背景をブラーにするなど、反転させてみる

...記事の続きを読む

[CSS]レスポンシブ対応のグリッドの幅は? カラム数は? 溝のサイズは? グリッド作成に役立つ万能ツール -Graaf

Post on:2017年2月13日

人気が高いWebサイトやフレームワークなどで、実際に使用されているグリッドをページ上にオーバーレイで重ねて表示できるデザイン用のツールを紹介します。 既存のグリッドだけでなく、幅・カラム数・溝の数値を簡単に変更できる優れ

...記事の続きを読む

美しいフォントは日本の宝、さまざまなデザインで使いやすい日本語フォント「たづがね™角ゴシック」

Post on:2017年2月10日

「たづがね™角ゴシック」をブログの画像にちょいちょい使っていたところ、そのフォントはどこで手に入るのですか? 無料ですか? などの問い合わせを頂いたので、その入手方法・購入方法(無料ではないです)、そして今だけお買い得な

...記事の続きを読む

[CSS]「calc()」を使うとスゴイ便利!ページのレイアウト、要素やフォントのサイズ指定など実装テクニックのまとめ

Post on:2017年2月9日

pxでも、%, em, rem, vw, vhなどの相対単位でも、異なる単位の計算式で値を指定できる「calc()」がどのように機能し、どのように使うのか、「calc()」を使うと便利になる要素のセンタリング、フォントサ

...記事の続きを読む

Web制作者に朗報!SketchのファイルをWindowsで開くことができる無料アプリ -Lunacy

Post on:2017年2月8日

Sketchで一番のネックはWindows版がないこと、と思う人も少なくないでしょう。 そんな人に朗報です。 Sketchで作成したファイルをWindowsで開くことができる無料アプリを紹介します。 Lunacy

[JS]コンテンツの見出しを目次にし、スクロールしてもサイドバーに固定表示されるナビゲーション -Progress Nav

Post on:2017年2月8日

コンテンツの見出しを目次代わりにし、スクロールしてもサイドバーに固定表示されるナビゲーションを実装するJavaScriptのライブラリを紹介します。 ページのスクロールに合わせて、ナビゲーションの現在位置はアニメーション

...記事の続きを読む

デザインやイラストで備えておきたい、Photoshopの商用無料おすすめブラシ素材のまとめ

Post on:2017年2月7日

さまざまな美しい光のエフェクト、硝子が割れたエフェクト、水面や煙のエフェクト、インクやペイントのストロークなどが描けるPhotoshopのブラシ素材を紹介します。 写真やイラストに重ねたり、背景に添えたり、デザインのちょ

...記事の続きを読む

Flexboxでどのようにレイアウトをつくるのか、アニメーションで分かりやすく解説 -How Flexbox works 

Post on:2017年2月6日

Flexboxの基本原則は、CSSでのレイアウトを柔軟かつ直観的にすることです。 Flexboxでどのようにレイアウトをつくるのか、Flexboxで最もよく使う5つのプロパティがどのように機能するのかをアニメーションで紹

...記事の続きを読む

 Prev 1 2 3 4 5 ... 377 378 Next

top of page

©2017 coliss