サイト構築 -実装
デザイナーがチェックしておきたい、おすすめの新作フォント！プロユース向け日本語の有料フォントのまとめ
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 […]
フォントの組み合わせが分かるとデザインが楽しくなる！Googleフォントの美しい組み合わせ総まとめ
Post on:2017年7月19日
美しく見せるGooleフォントの組み合わせをクラシック名画と共に紹介します。 文字を使って、モダンな雰囲気を演出したり、ミニマルなデザインを作り出したり、タイポグラフィを勉強するときの参考にどうぞ。 The Ultima […]
[CSS]「:before擬似要素」と「:after擬似要素」の使い方を基本からマスターするためのチュートリアル
Post on:2017年7月19日
HTMLを汚したくない、もしくは変更することができないときに役立つ擬似要素の基本的な使い方から応用テクニックまでを紹介します。 擬似要素で、div要素の両端にシャドウをつけたり、一枚の画像を重ねたりすることができます。 […]
日本語にもしっかり対応してる！PhotoshopのPSDファイルをSketchファイルに変換する -PSD to Sketch
Post on:2017年7月18日
ツールを移行する時にネックになるのが、既存のファイルです。 Photoshopで作成したPSDファイルをSketchファイルに変換するオンラインサービスを紹介します。レイヤー、シェイプ、スマートオブジェクト、マスクなどに […]
これからは今まで以上に、jQueryが必要なくなるかもしれない
Post on:2017年7月14日
3, 4年前あたりから、jQuery無しでこう記述するとか、jQueryの一部の機能を代替する軽量スクリプトなどが出始めました。 2017年も半年が過ぎ、その状況はさらに変わり始めています。 (Now More Than […]
sponsors
