サイト構築
CSSリセットの新しい考え方、リセットと有用なコンポーネントだけのスタイルシート -Shoelace.css
Post on:2017年8月9日
レイアウトにfloatを使用していた頃はグリッドを構築するために、複雑なHTMLやテクニックが必要になることがありました。しかし、flexboxやCSS Gridの登場で、レスポンシブ対応の柔軟なグリッドを簡単に利用でき […]
CSSのコードを整理し、効率的に管理する方法のまとめ
Post on:2017年8月7日
CSSのコードを書くことは簡単ですが、コードを整理し、効率的に管理する方法は難しいものです。大規模なプロジェクトだけでなく、小規模なプロジェクトにも、そして未来の自分のためにも必須と言えます。 CSSを効率的に管理する一 […]
デザインの神は細部に宿る！最近の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のテクノロジー […]
sponsors
