Web制作– tag –
-
Chrome拡張機能
Chromeの画面サイズをスマホやデスクトップサイズに変更できるWeb制作にも便利な拡張機能 『Window Resizer』
Chromeのウィンドウサイズを変更できる 便利な拡張機能。スマホやタブレット、 デスクトップサイズに一瞬で変更可能で レスポンシブチェックにもとても便利です。 -
Webサービス
タワーディフェンスを攻略しながらCSSのFlexboxを習得できるWebサービス 『FLEXBOX DEFENSE』
CSSのFlexboxを学習しながら タワーディフェンスゲームを楽しめる 面白いWebサービス。分かりづらい配置を 楽しみながら学習が可能です。 -
Chrome拡張機能
Web制作に便利なシンプルで使いやすいChrome拡張機能 『レスポンシブ チェック!』
シンプルな使いやすいレスポンシブを チェックできるChrome拡張機能。 画面を分割してスマホ版、PC版を表示して 確認が可能、デベロッパーツールも使えます。 -
Webサービス
404ページだけを集めた面白いWebサービス 『404s』
404ページだけを集めたWebサービス。 ページが見つからない時に表示される404。 世界中の面白い404を見ることができます。 思わず見入ってしまうデザインも。 -
Webサービス
吹き出し専門のCSSデザイン集Webサービス 『CSS Generators:Tooltips & speech bubbles』
吹き出し専門のCSSデザイン集。 使いたいデザインをクリックするだけで CSSコピーが可能。説明や会話など Web上の様々なシーンで活用できます。 -
Webサービス
CSSアニメーションを自由自在に編集、コード出力できるWebサービス 『Animotion』
CSSアニメーションを自由自在に編集、 Web上のエディターで作成できるWebサービス。 プレビューで確認しながら調整、 CSSコード出力も可能です。 -
Webサービス
実例サイト6つを作ってWebコーディング学習ができるWebサービス 『無料コーディング練習所』
入門から上級まで実例の6サイトを 実際に作ってWebコーディング学習。 無料で学習できるWebサービスです。 開発環境から制作の流れも学習できます。 -
Webサービス
Webサイトのパフォーマンスを徹底的にチェックできるWebサービス 『SpeedVitals』
Webサイトのパフォーマンスを徹底的に チェックできるWebサービス。 読込スピードやCLS、LCPなど細かな数値、 要素の読込時間などを計測できます。 -
Webサービス
デザインに便利なWebサービスやツールをまとめて紹介するWebサービス 『Design Resources』
デザインに便利なWebサービスやツールを まとめて紹介しているWebサービス。 アイコンや配色、フォントやモックアップなど カテゴリで綺麗にまとめられています。 -
Webサービス
各種SNSのメディアサイズに合わせたFigmaやPhotoshopテンプレートをダウンロードできるWeb 『SocialSizes』
YouTubeやInstagram、Xやアプリストアなどの メディアサイズに合わせたテンプレートを配布する Webサービス。FigmaやSketch、PhotoshopやIllustrator XDのテンプレートを無料でダウンロード可能です。 -
Webサービス
Web制作者に!! プライバシーポリシーページが簡単に作れるジェネレーター 『作成料金無料のプライバシーポリシーの雛形』
プライバシーポリシーページの文章を簡単に 作成できるWebサービス。 クッキーやAdsenseなどの利用規約などを まとめて出力することができます。 -
Webサービス
アコーディオンメニューが簡単に作れるジェネレーター 『CSS Accordion Slider Generator』
Web上でよく使われるアコーディオンメニューを 簡単に作成できるWebサービス。 画面上で必要な項目を調整していくだけで コピペだけで簡単にメニューを作成できます。