サイト構築 -実装
Webサイトのアイデアを形にする！ワイヤーフレームやフローチャートに使える素材のまとめ
Post on:2016年6月21日
最近のWebサイトで使われているさまざまなレイアウト、ヘッダやフッタやナビゲーションやコンテンツのパターンがキット化されたワイヤーフレームやフローチャートを作成するのに役立つ無料素材を紹介します。 ランディングページや縦 […]
UI/UXデザインツールの大本命、Adobe XDの私が大好きな便利な機能をすべて紹介します
Post on:2016年6月20日
Adobe Experience Design（以下、Adobe XD）の評判はいいって聞くけど、実際のところどうなの？ 使えるの？ そんな疑問がすっきりするAdobe XDで何ができるのか、Webサイトやアプリのワイヤ […]
いつものデザインからバリエーションを広げるの役立つフォントとグラフィック素材 -The Tasty June Bundle
Post on:2016年6月20日
Webデザインやアプリでも、同人誌やポスターなどの紙でも、動画やプロダクトのデザインでも安心して商用利用できる有料フォント34種類とグラフィック素材12種類、計46種類の総額$925(約100,000円)分のセット全部を […]
[CSS]フッタを最下部に表示する5つのテクニック-コンテンツ量が少ない時は最下部に、多い時は成り行きに
Post on:2016年6月17日
高さが分かってるフッタ、高さが不明なフッタをコンテンツ量が少ない時は最下部に表示、コンテンツ量が多い時は成り行きで表示させるスタイルシートのテクニックを紹介します。 ちょっと前のテクニックから、calc()やflexbo […]
Flexboxの特性をうまく使い、Media Queries無しでレスポンシブ対応のレイアウトを作成するCSSのテクニック
Post on:2016年6月16日
非常にシンプルなHTMLで、Flexboxの特性をうまく使い、Media Queries無しでレスポンシブ対応のレイアウトを作成するCSSのテクニックを紹介します。 スマホ時はサイドバーを下に落とすレイアウトなど、利便性 […]
日本語フォントにも完全対応！字形の相違を比較できるオンラインサービス -glyphdiff
Post on:2016年6月15日
パソコンにインストールされている日本語フォントや英語フォント、オンラインのGoogleフォントで、2つのフォントの字形の相違を比較できるオンラインサービスを紹介します。 glyphdiff glyphdiff -GitH […]
[JS]埋め込みはこれでOK！Google Mapも動画も音楽もコードもツイートも簡単に埋め込めるスクリプト -embed.js
Post on:2016年6月14日
Google Mapをはじめ、YouTube, Vimeo, Vine, TEDなどの動画、SpotifyやSoundCloudなどの音楽、GitHub, CodePen, JS Binなどのコードなど、さまざまなメディ […]
最近の気になるデザインテクニックが身につくPhotoshopのチュートリアルのまとめ
Post on:2016年6月13日
打ち出し画像やポスターの印象的なグラフィック、フローラルを組み合わせるタイポグラフィ、Duotoneのグラデーション、幾何学的な形状を使ったデザインなど、最近の気になるデザインテクニックが身につくPhotoshopのチュ […]
イラストレーター・絵師さん向けの塗りブラシ！絵筆のストロークが表現できるプロ仕様のブラシ素材 -Paint ProBrush™
Post on:2016年6月13日
絵筆やペイントブラシで描いたようなストロークがすぅーっと線をひくだけで表現できる、イラストレーター・絵師さん向けのIllustrator用ブラシ素材を紹介します。 今回もコリス限定ライセンスで、商用利用無料でダウンロード […]
[JS]コンテンツに応じたレスポンシブデザイン！要素の幅や高さや数に基づいてスタイルを定義できるスクリプト -EQCSS
Post on:2016年6月10日
レスポンシブ対応のWebページを制作する時に「Media Queries」を使用する人は多いでしょう。Media Queriesはメディア、いわゆるデバイスの幅や高さや解像度や種類に基づいて、スタイルを定義できます。 こ […]
sponsors
