サイト構築 -制作

便利なツールが登場!SVGアイコンを簡単に一元管理できるWindows, macOS対応の無料アプリ -Iconset

Post on:2020年3月2日

アイコンをどのように管理していますか? 大量のSVGアイコンを効率的に管理でき、デザイナー・デベロッパー、制作チームで一元管理もできる無料アプリを紹介します。個人でも複数人でも利用できます! Windows, macOS

...記事の続きを読む

Google Fontsのファイルサイズを簡単に軽量化できる!日本語フォントにも対応

Post on:2020年2月19日

Google Fontsは英語フォントだけでなく日本語フォントもあり、すでに使用している人、もしくは使用を検討している人も多いと思います。その際に懸念されるのが、フォントファイルのサイズです。 フォントファイルのサイズを

...記事の続きを読む

これはすごい!ビアズリーやテニエルなど、19〜20世紀に活躍したイラストレーターの作品が無料でダウンロードできる -Old Book Illustrations

Post on:2020年2月17日

19〜20世紀に出版された本や雑誌からパブリックドメインで利用できるイラスト作品をコレクション、そしてダウンロードできるサイトを紹介します。 当時活躍していたビアズリー、テニエル、ポター、ラッカムなどのイラストが数千点あ

...記事の続きを読む

IEでのブラウザ確認にまだ意味はあるのか?

Post on:2020年2月12日

IEでのブラウザ確認にまだ意味はあるのでしょうか? 2020年1月14日にWindows 7のサポートが終了し、翌15日にはChromium ベースのEdgeがリリースされました。そんな2020年の現在でもInterne

...記事の続きを読む

Web制作にすごい役立つ!無料で使える便利なオンラインツールのまとめ -Tiny Helpers

Post on:2020年2月3日

CSSやHTMLやJavaScriptをはじめ、カラーやフォントやアクセシビリティなど、Web制作時に役立つオンラインツールをまとめたTiny Helpersを紹介します。 無料で利用できるツールがまとめてあるので、非常

...記事の続きを読む

同じUIコンポーネントをCSSで静的に、Vue.jsやプレーンのJavaScriptで動的に実装する -Tailwind Starter Kit

Post on:2020年1月20日

最近のWebページやスマホアプリのUIでよく使用されるさまざまなコンポーネントをCSSで静的に、Vue.jsやReact.jsやプレーンのJavaScriptで動的に実装するためのコードをまとめたTailwind Sta

...記事の続きを読む

2020年最新版、Font Awesome アイコンの使い方と便利な機能のまとめ

Post on:2020年1月9日

Font Awesome アイコンの基本的な使い方をはじめ、Webサイトやスマホアプリでアイコンを使う時の便利な機能をまとめて紹介します。 Font Awesome guide and useful tricks you

...記事の続きを読む

Adobe XDは確実に進化している!テキストには依存せず、アクセシブルなUIを構築するためのUIキット

Post on:2019年12月20日

先月のAdobe MAXを経て、Adobe XDも大きく進化しましたね。 リアルタイムの共同編集、ドキュメントの履歴、共有モードといったワークフローに役立つものをはじめ、コンポーネントのステート、ホバーのアクショントリガ

...記事の続きを読む

2020年、注目されているWebデザインの最新トレンドと技術の進化

Post on:2019年12月19日

Webデザイナーとデベロッパー向けに、2020年参考にしたいWebデザインの最新トレンドと技術の進化を紹介します。 最近注目されているWebサイトやスマホアプリのトレンドを調べ、デザインと技術の変化とそのトレンドの根底に

...記事の続きを読む

サイトを高速化したらロード時間は1.6秒に、Lighthouseは100を獲得、その際に実施した手順を解説

Post on:2019年12月17日

サイトのロード時間とパフォーマンスを改善するために再構築した結果、ロード時間が1.6秒に短縮され、Lighthouseのスコアで100を獲得した際に、実施した手順を紹介します。 HTMLとCSSベースの改善が主で、ロード

...記事の続きを読む

top of page

©2020 coliss