サイト構築 -実装
[CSS]レスポンシブ用にフォントのサイズと行の高さを可変で指定する極上テクニック -The math of CSS locks
Post on:2016年10月4日
CSS lockはレスポンシブWebデザインのテクニックで、フォントのサイズなどを指定した2つの値の間でスムーズに移行させることができます。レスポンシブのテクニックは通常、指定した値でフォントのサイズが急に変化しますが、 […]
Webでも紙でも商用利用OK！落ち葉の一枚ごとのイラスト素材、落ち葉を敷き詰めたシームレスなパターン素材
Post on:2016年10月4日
10月になっても暑い日が続きますが、秋の気配が少しずつ感じられるようになってきました。 グリーティングカード、招待状をはじめ、Webサイトやアプリ、動画やゲーム、ポスターや同人誌などの紙デザインにも利用できる落ち葉のイラ […]
Photoshopを使ってる人に今年一番の朗報！カラーのグループ化ができるようになる便利なスウォッチパネル -Swatchoos
Post on:2016年9月30日
Photoshopのデフォルトのスウォッチはカラーが選択できるシンプルなツールですが、すこし物足りないと感じませんか？ 例えば、カラーをグループ化したり、指定したカラーを混色したり、複数のカラーの明度を変更したり、形を丸 […]
ユーザーインターフェイスを母親にも分かりやすくデザインするために大切な6つのポイント
Post on:2016年9月29日
わたし達が知っている最も大切な人、母親にとって、ユーザインターフェイスを分かりやすく、有用にデザインするために大切な6つのポイントを紹介します。 彼女たちは、わたし達が何をしているか知らないことを数多く知っています。 D […]
通常は有料で販売されているフォント100種類がなんと！すべて商用利用無料でダウンロードできます
Post on:2016年9月28日
通常は有料で販売されているフォント、個人利用のみ無料のフォントが、すべて個人でも商用でも無料で利用できるラインセンスでダウンロードできるキャンペーンを紹介します。
どこか神秘的！靄に包まれた森の奥深くを撮影したミステリアスな写真素材 -Mysterious Forest
Post on:2016年9月28日
Web・アプリ・紙・プロダクトなどの商用でも利用できる怪しい雰囲気の神秘的な森を撮影した写真素材を紹介します。 通常は有料ですが今週末まで無料なので、ダウンロードはお早めに！ Mysterious Forest Hall […]
CSS3の便利なセレクタをおさらい、「:nth-child()」と「:nth-of-type()」疑似クラスの使い方
Post on:2016年9月27日
「:nth-child()」と「:nth-of-type()」セレクタは、他の単純なセレクタでは表現できないドキュメントツリー内の情報に基づいて要素を選択することを可能にする構造的な擬似クラスです。 この2つの疑似クラス […]
すぐに使える！UIデザインで効果的なカラースキームをまとめたスウォッチ素材 -Open Color
Post on:2016年9月26日
UIデザインで使う、フォント、背景、ボーダー、ボタンなどのカラーを効果的にするグレーと基本の12色から展開されたカラースキームを紹介します。 Open Color Open Color -GitHub
CSSの単位（em, rem）を使った、これから取り入れていきたい実装テクニックのまとめ
Post on:2016年9月23日
CSSの相対的な単位（em, rem）を使って、Webページで使われるUIコンポーネントのさまざまなサイズを変化させるスタイルシートのテクニックを紹介します。 em, remは文字の大きさだけでなく、画像やアイコンのサイ […]
真ん中に配置したらバランスが悪い！画像の見た目のウェイトから中心を見つける方法 -Visual Center
Post on:2016年9月21日
正円とか正方形を中心に配置するのは簡単ですが、見た目の中心が中央にないものを中心に配置するためには、見た目のウェイトから中心を見つける必要があります。 画像の見た目の中心を見つけることができるオンラインツールを紹介します […]
sponsors
