サイト構築 -制作

WebサイトやスマホアプリのUIでよく使用するアイコンのSVGコードをコピペで簡単に利用できる -Akar Icons

Post on:2021年6月28日

アロー・ホーム・サーチ・カート・メール・ソーシャルメディア・ハートをはじめ、WebサイトやスマホアプリのUIでよく使用するアイコンのSVGコードをコピペで簡単に利用できるAkar Iconsを紹介します。 コピーしたSV

...記事の続きを読む

これなら分かりやすい!Webサイトのデザイン仕様書・指示書の作り方

Post on:2021年6月17日

デザイナーがWebサイトのUIを実装する際にデベロッパーに渡すデザイン仕様書・指示書の作り方を紹介します。 仕様書を作成する基本ツール、指示に適したフォントやカラー、グリッドや要素間の距離を自動的に計算するツールをはじめ

...記事の続きを読む

GitHubで注目をあつめているHTML, CSS, JavaScriptのライブラリ・リソースのまとめ

Post on:2021年6月15日

GitHubで注目をあつめているHTML, CSS, JavaScriptのライブラリ・リソースを紹介します。 当ブログでもよく紹介しますが、見逃していたものがありました。 1年間分、52個もあるので、時間のあるときにチ

...記事の続きを読む

HTMLを書いたり、修正する時に役立つVS Codeの機能拡張のまとめ

Post on:2021年6月11日

VS Codeには便利な機能拡張がたくさんありますが、その中から特にHTMLを書いたり、修正する時に役立つ機能拡張を紹介します。 VS Code Extensions for HTML by Chris Coyier

Visual Studio Codeで見やすいテーマファイルのまとめ

Post on:2021年6月3日

Web制作時などのコーディングの作業が捗る、コードがはっきりと見やすくて、使いやすい Visual Studio Codeのテーマを紹介します。 ダーク系が好きな人も、ライト系が好きな人も、そしてクリーム系やMateri

...記事の続きを読む

2021年、Webフォントの表示を最適化するテクニック

Post on:2021年6月3日

Webページに表示するフォントは通常、システムフォントとWebフォントの2種類があります。システムフォントはOSにインストールされているフォントで、Webフォントは表示用にフォントファイルを用意する必要があります。 We

...記事の続きを読む

これが完全版!レスポンシブ対応のwebp画像を実装するHTMLのコード

Post on:2021年5月26日

画像を実装するには、以前はimg要素にsrcで画像を指定するだけで簡単でしたが、レスポンシブ対応、Retina対応、遅延読み込み、そしてさまざまな画像フォーマットの登場により、HTMLのコードが複雑になっています。 レス

...記事の続きを読む

Adobe Fonts日本語書体全436フォントの一覧PDF、2021年9月に提供停止になるフォントと追加されるフォント

Post on:2021年5月20日

Adobe Fontsユーザーに、悲報と朗報です。 2021年9月10日にAdobe Fontsのアップデートが予定されており、一部のMorisawaフォントが使用できなくなります。朗報としては、同時にMorisawaフ

...記事の続きを読む

全部まとめられていて便利!iPhone, iPadなど、Appleデバイスのスクリーンサイズ・解像度のまとめ -Screen Sizes

Post on:2021年5月17日

Webサイト制作者・スマホアプリ開発者向け、Appleデバイスのスクリーンサイズ、各サイズを採用しているモデル、解像度、PPI、表示タイプ、比率、最後にサポートされたOS、セーフエリア、サイズクラス、ウィジェットのサイズ

...記事の続きを読む

最近の実装に合わせたHTMLテンプレート、基本のコードとすべての要素の役割も解説

Post on:2021年4月27日

最近の実装に合わせた、Webページ用のHTMLテンプレートを紹介します。 レスポンシブ用のHTML、ソーシャルメディア用のHTMLをはじめ、高速表示に欠かせないrel="preload"なども含まれて

...記事の続きを読む

top of page

©2021 coliss