サイト構築 -実装
アイコンデザイン 7つの原則、優れたアイコンをデザインするために
Post on:2020年2月20日
Webサイトでもスマホアプリでも、アイコンのデザインは非常に重要です。優れたアイコンをデザインするために必要な7つの原則を紹介します。 アイコンだけでなく、UI全体のデザインにも通じるプロのデザインテクニックが詳しく解説 […]
Google Fontsのファイルサイズを簡単に軽量化できる！日本語フォントにも対応
Post on:2020年2月19日
Google Fontsは英語フォントだけでなく日本語フォントもあり、すでに使用している人、もしくは使用を検討している人も多いと思います。その際に懸念されるのが、フォントファイルのサイズです。 フォントファイルのサイズを […]
これはすごい！ビアズリーやテニエルなど、19〜20世紀に活躍したイラストレーターの作品が無料でダウンロードできる -Old Book Illustrations
Post on:2020年2月17日
19〜20世紀に出版された本や雑誌からパブリックドメインで利用できるイラスト作品をコレクション、そしてダウンロードできるサイトを紹介します。 当時活躍していたビアズリー、テニエル、ポター、ラッカムなどのイラストが数千点あ […]
fit-content, min-content, max-contentの便利な使い方、CSSでコンテンツに依存してサイズを決める
Post on:2020年2月14日
CSSで要素やレイアウトのサイズを指定する方法には、幅や高さを固定値にサイズを定義する方法とその中のコンテンツに依存してサイズを決める方法があります。 この2つの方法それぞれのメリットと使い分け方、特にレスポンシブで効果 […]
ローカルファイル・カメラ・SNSなど、さまざまな画像に対応したJavaScriptの画像アップローダー -Uppload
Post on:2020年2月13日
デスクトップからの画像ファイルはもちろん、PCのカメラで今撮影した写真のアップロード、写真サイトからのアップロード、Twitter、Instagramからのアップロードにも対応したJavaScriptの画像アップローダー […]
IEでのブラウザ確認にまだ意味はあるのか？
Post on:2020年2月12日
IEでのブラウザ確認にまだ意味はあるのでしょうか？ 2020年1月14日にWindows 7のサポートが終了し、翌15日にはChromium ベースのEdgeがリリースされました。そんな2020年の現在でもInterne […]
CSSファイルから未使用のスタイルを削除する4つの方法
Post on:2020年2月6日
CSSの未使用のスタイルを削除するツールPurgeCSS、PurifyCSS、UnCSSの使い方、また、Chrome デベロッパーツールで手動で削除する方法を紹介します。 BootstrapやTailwind CSSなど […]
ダークモードの検証が簡単にできるようになった！Chrome 79 デベロッパーツールの新機能
Post on:2020年2月5日
ダークモード対応のサイトを制作する時に面倒なのが、ダークモードとライトモードでの表示確認方法です。OSでモードを切り替えたり、2つ用意するのは面倒です。 Chrome 79 デベロッパーツールの新機能で、簡単にダークモー […]
GoogleやAppleも！すでにVue.jsを採用している企業サイト・プロジェクトのまとめ
Post on:2020年2月4日
Vue.jsの人気がすごいですね。 いくつかの企業はすでにVue.jsを使い始めており、一部はメインのプロダクトに、一部は二次的なプロジェクトに使用しています。 Vue.jsへの関心が高まる中、人気が高いフレームワーク、 […]
Web制作にすごい役立つ！無料で使える便利なオンラインツールのまとめ -Tiny Helpers
Post on:2020年2月3日
CSSやHTMLやJavaScriptをはじめ、カラーやフォントやアクセシビリティなど、Web制作時に役立つオンラインツールをまとめたTiny Helpersを紹介します。 無料で利用できるツールがまとめてあるので、非常 […]
sponsors
