サイト構築 -実装
デザインの神は細部に宿る！最近のWebサイトで見かけるナビゲーションのアイデアのまとめ
Post on:2017年8月3日
Webサイトをデザインする時にナビゲーションをどうするか、けっこう頭を悩ませると思います。コンテンツを見せるために、サイトの構造を伝えるために、ページを移動するために、ナビゲーションはデザインで重要なアイテムです。 最近 […]
1クリックで簡単！写真画像が印象的になる美しいDuoToneをつくりだすPhotoshopの無料アクション
Post on:2017年8月1日
DuoToneを使ったデザインは、去年くらいから爆発的に増えてきました。DuoToneとは2つの色相をベースに色調を変化させたもので、最近の使い方としては画像にDuoToneのグラデーションを加えて、画像に強いインパクト […]
[JS]レスポンシブ対応！テキストを親コンテナに応じて、ぴったりに配置するスクリプト -Fitty
Post on:2017年8月1日
テキストを親コンテナの幅に応じて、ぴったりに配置されるようにサイズ変更する超軽量スクリプトを紹介します。 レスポンシブ対応で、日本語にもWebフォントにも対応しています。 Fitty Fitty -GitHub
[CSS]レスポンシブ対応の最新版！サイズが不明な要素を天地左右の中央に配置するスタイルシートのまとめ
Post on:2017年7月31日
div要素やp要素に画像やテキストなどを配置した高さや幅のサイズが分からない要素を外側の容器の高さが不明でも天地左右の中央、ビューポートの中央に配置するスタイルシートのテクニックを紹介します。 Centering hor […]
デザイナーがチェックしておきたい、おすすめの新作フォント！プロユース向け日本語の有料フォントのまとめ
Post on:2017年7月28日
新しいフォントに出会うと新鮮で嬉しい気持ちになりますよね！ 今年リリースされたばかり、おすすめの日本語フォントを紹介します。 AXIS FontをリリースされているType Projectの新作フォントなど、注目すべきフ […]
[CSS]Web制作者が知っておきたい、Webフォントを快適に表示するCSSの新しいプロパティ「font-display」
Post on:2017年7月26日
Webフォントを使用しているサイトやブログが増えてきました。そして、近日アップデートされるChrome 60では、Webフォントの使い勝手を向上する「font-display」プロパティがいよいよ正式に実装される予定です […]
デザインにもどんどん人工知能がすごいぞ！ディープラーニングで、フォントの最適な組み合わせをつくりだす
Post on:2017年7月25日
先日の記事で、カラーセオリーに基づいた学習型AIで色の組み合わせを作成できるツールを紹介しました。デザインの世界にも人工知能がどんどん進出しているように感じます。 今回は、フォントの最適な組み合わせをつくりだすことができ […]
ひと昔前といろいろ違う、Webサイトを公開した時に確認しておきたい項目のまとめ -Web Launch Checklist
Post on:2017年7月24日
Webサイトを公開した時に、サイトのパフォーマンス、SEO、セキュリティ、アクセシビリティ、コンテンツ、機能性の面から確認しておきたい項目がまとめられたチェックリストを紹介します。 2017年、最近のWebのテクノロジー […]
LEGO好きにはたまらない！大人も子供も楽しめる、ブロックを組み立てて遊べるバーチャルモデルツール -LeoCAD
Post on:2017年7月21日
使い方は簡単、Windows, macOS, Linux対応。 10,000種類以上のLEGO風のブロックを自由に組み立てて遊べる無料のバーチャルモデルツールを紹介します。 何千パーツものブロックを使って、壮大な建築物を […]
[CSS]アニメーションの動きもデザインも新しくて気持ちいい！コピペで実装できるローディングスピナーのまとめ
Post on:2017年7月20日
ページのローディング時によく使われる、アニメーションの動きが新しく、デザインもかわいいCSSで実装されたスピナーを紹介します。 一昔前のと比べると、そのデザインも動きも洗練されています。 Spinners & Page […]
sponsors
