サイト構築 -制作

レスポンシブの確認が簡単に! iPhone, iPad, Androidなど各モデルのサイズ、操作や動画にも対応した優れもの -モバイルシミュレーター

Post on:2022年8月4日

iPhoneをはじめ、PixelやGalaxyのAndroidスマホ、iPadやGalaxyのタブレット、ラップトップ、ワイドスクリーンなど各モデルのサイズでWebページを表示して確認ができるChromeの機能拡張を紹介

...記事の続きを読む

imgタグのwidthとheightを省略したらダメ! 画像によるレイアウトシフトを回避する最近登場した2つの優れた解決方法

Post on:2022年7月21日

レイアウトシフトとは、Webページがロードされる時に画像のスペースが確保されず、画像が表示された時にその分レイアウトがずれてしまうことです。 このレイアウトシフトを回避するために10年以上もの間、アスペクト比を手動で適用

...記事の続きを読む

簡単にすぐできる! Chrome デベロッパーツールの新機能、ブラウザ外でもスポイトでカラーを取得できるようになりました

Post on:2022年7月20日

Chrome デベロッパーツールのスポイトツールは、ブラウザ内のカラーしか取得できませんでしたが、Chrome 103の新機能として、ブラウザ外のカラーも取得できるようになりました。 ブラウザ外がOKになったので、別アプ

...記事の続きを読む

Webやスマホアプリに最適なSVGアニメーションのスピナー! 超軽量サイズで、くるくる快適に動くぞ -SVG Spinners

Post on:2022年7月14日

商用プロジェクトでも完全に無料、コピペで簡単に利用できるSVGアニメーションのスピナーを紹介します。よく見かけるものから変わったものまで、さまざまなスピナーが揃っており、スピナーの素材として重宝すると思います。 SVGの

...記事の続きを読む

このダークテーマは目に優しく、コードも見やすい! VS Codeのエレガントなモノクロームのテーマファイル -Sequoia

Post on:2022年7月5日

ダークテーマは好きだけど、#000のブラックだったり、テキストが派手なカラーだったりすると、目が疲れませんか? 背景のブラックはほんの少しだけブルーがかった夜空のように落ち着いた色合いで、グレーの濃淡だけのMonochr

...記事の続きを読む

マイクロソフトによるInternet Explorer 11サポート終了ページ

Post on:2022年6月15日

2022年6月15日、Internet Explorer 11(IE11)のサポートが終了しました。 マイクロソフトのライフサイクルに該当ページがあったので、メモ代わりに紹介します。 Internet Explorer

...記事の続きを読む

FigmaでUIのアイコンを使うならコレ! 高品質でシンプルにデザインされた1100種類のアイコン素材 -Untitled UI Icons

Post on:2022年6月13日

WebサイトやスマホアプリのUIデザインにぴったり、Figma用の高品質でシンプルにデザインされたアイコン素材を紹介します。 たとえば、アローだけでも90種類以上、ホーム・サーチ・カート・メールなども複数のデザインで用意

...記事の続きを読む

フォントや画像の素材管理には、WinMacで同期できるEagleが便利すぎる! ver.3の神アップデートでさらに使いやすく

Post on:2022年6月9日

私が愛用しているEagleが、ver.3に神アップデートしました! Eagleは簡単に説明すると、素材を一元管理できるWin, Mac対応のアプリです。フォントや画像をはじめ、動画・音源・PDF・テキストなど、なんでも管

...記事の続きを読む

商用利用無料! UIデザインに最適、シンプルで控えめにデザインされたSVGの高品質なアイコン素材 -Humbleicons

Post on:2022年5月30日

WebサイトやスマホアプリのUIデザインにぴったりなSVGアイコンを紹介します。「Humble」の名の通り、主張しすぎない控えめでシンプルなデザインです。 オープンソースで個人でも商用でも無料で利用できます。アイコンはS

...記事の続きを読む

デザインに適したアイコンがこれで見つかる! UIデザイン用のさまざまなアイコン素材をまとめて比較・カスタマイズ・ダウンロードできる -Iconer

Post on:2022年5月18日

Bootstrap, Material Designのアイコンをはじめ、Feather, heroicons, tabler iconsなど、人気が高いUIデザイン用のアイコン素材をまとめてカスタマイズ・ダウンロードでき

...記事の続きを読む

top of page

©2022 coliss