サイト構築 -制作
2023年最新版: HTMLのheadの書き方、head内に記述する要素の総まとめ
Post on:2023年1月25日
HTMLページのhead内に記述する最小限の構成、そしてmeta要素やlink要素、ソーシャルサービス用の要素、デスクトップ・スマホのブラウザ用の要素などがまとめられた「HEAD」を紹介します。 HEAD: A simp
2023年、Adobeユーザーにさっそくの朗報🎉 フォントワークスのUD書体がAdobe Fontsに追加されました!
Post on:2023年1月23日
2023年さっそく、Adobe CCユーザーに朗報です 🎉 フォントワークスのUD書体がAdobe Fontsに追加されました。 フォントワークスのフォントは今まで、筑紫明朝、筑紫丸ゴシック、スーラ、ロダ
最近のWeb制作に役立つ、CSSの便利ツール総まとめ
Post on:2023年1月19日
最近のWeb制作に役立つ、CSSの便利ツールをまとめました。 CSS Grid, Flexboxで実装するときに役立つレイアウトのツール、CSSやSVGでさまざまな背景・区切り線を生成するツール、美しいシャドウやグラデー
便利なのが登場! 最近見かけるさまざまなUI要素600種類以上をシンプルなHTMLとCSSで簡単に実装できる -UIverse
Post on:2023年1月18日
Webサイトやスマホアプリでよく使用される、ボタン、カード、検索ボックス、チェックボックス、ローダーなど、HTMLとCSSで実装されたUI要素がオープンソースで利用できるUIverseを紹介します。 2023年現在、UI
UIデザイン用のシンプルにデザインされた高品質なSVGアイコンが2000種類以上! 改変・再配布も可の太っ腹ライセンス -Atlas Icons
Post on:2023年1月16日
WebサイトやスマホアプリのさまざまなUIデザインに適した、シンプルなデザインのSVGアイコンが完全無料で利用できるAtlas Iconsを紹介します。 UIデザインをはじめ、ビジネス、ソーシャル、ハンドジェスチャー、ガ
便利なのが登場! これ一つでWeb制作に役立つ機能がたくさん使用できるChromeの拡張機能 -SuperDev
Post on:2022年12月22日
Web制作に役立つ機能、ルーラー・ガイドを表示したり、ボックスモデルを視覚化したり、カラーピッカーやカラーパレットを取得、気になった要素のHTMLとCSSをCodePenに表示させたりなど、たくさん用意されているChro
2022年のUIデザインツールのまとめ、注目されているプロトタイプ・デザインシステム・リモートワーク・ユーザーテストなど
Post on:2022年12月21日
2022年現在、UIデザインツールの使用状況を調査した「2022 Design Tools Survey」を紹介します。 急いでいる人用に一言でいうと、Figmaがっょぃ。 2022 Design Tools Surve
ブラウザのロゴを高解像度でダウンロードできる! Chrome, Safariの現在のロゴをはじめ、IE, Netscapeなど古いのも
Post on:2022年12月14日
Chrome, Edge, Firefox, Opera, Safariをはじめとする現在のロゴから古いバージョンのロゴをはじめ、デベロッパーツールやCanaryなどのロゴ、古いIE, Netscape, Mosaicな
Chromeの新機能「メモリセーバー」と「省エネモード」Web制作時に認識しておくべき重要なことを解説
Post on:2022年12月12日
先日リリースされたChrome 108で「メモリセーバー(Memory Saver)」と「省エネモード(Energy Saver)」が導入されました。これらは、Chromeがシステムリソースをどのように利用するかをユーザ
Web制作者はブックマークしておくと便利! ランディングページ500種類以上のデザインのまとめ -Landings
Post on:2022年11月17日
先日ローンチされたばかり、500種類以上のランディングページのデザインをまとめたLandingsを紹介します。 ランディングページのデザインは、テーマやカラーでフィルタリングができ、アイデアを膨らませるのに役立つと思いま
sponsors