Web制作者は絶対チェックしておきたい、デザインやコーディングに取り入れていきたい便利なツールのまとめ
Webサイトのデザインやコーディングは、やるべきタスクが年々増えてきました。それらの手間がかかる面倒な事が楽にできるツールやアプリも年々リリースされています。 これからのWeb制作にどんどん取り入れていきたいツールやアプリを紹介します。 Adobe Experience Design(Adobe XD) Adobe XDはWebサイトやスマホアプリのデザインやプロトタイプを作成するベクターベースのツールで、PhotoshopやIllustratorともスムーズに連携して利用することができます。 以前は「Project Comet」の名称で発表されていた新ツールが、2016年3月に「Adobe Experience Design(Adobe XD)」としてプレビュー版が公開されました。現在はOS X版のみですが、2016年後半にはWindows 10への対応も予定されています。
RIP Colorhunter.com June 7 2007 - March 23 2026
RIP June 7, 2007 - March 23, 2026 2.4 million palettes generated over 19 years.
[Bookmarklet]リアルタイムに変更できるグリッドを表示するブックマークレット -Grid v0.4
Grid v0.4は、ブラウザで表示中のページにグリッドを表示し、リアルタイムにサイズの変更もできるブックマークレットです。 Grid v0.4 Grid v0.4で表示されるグリッドは、ページの表示位置・サイズ・マージン、縦・横のカラムの数とサイズ、カラム間のサイズの指定がリアルタイムに変更できるので、どんなデザインのページでもグリッドを合わせることができます。
CSS Lint
Errors (All) | (None) Beware of broken box sizing Require properties appropriate for display Disallow duplicate properties Disallow empty rules Require use of known properties Compatibility (All) | (None) Disallow adjoining classes Disallow box-sizing Require compatible vendor prefixes Require all gradient definitions Disallow negative text-indent Require standard property with vendor prefix Requi
Typescale - Create stunning typography, generate CSS, and find inspiration.
Typescale Save CSS Go Pro Login Typescale New Board My Boards Bookmarks Likes Explore Login Go Pro Support Terms Privacy © Typescale Board Settings Responsive Font-size Scale Responsive Min-width Font-size Scale Body Font Weight Line-height Letter-spacing Color Background Headings Font Weight Line-height Letter-spacing Color
本文と見出しのフォントサイズを数学的にバランスの良い比率でデザインする -Type Scale
本文と見出し、中見出し、小見出しのフォントサイズはどのように決めてますか？ 一つの方法として、一定の比率でそのサイズを決めるのも有りです。というか、そうやってよく決めてました。 さまざまな比率をベースにして、本文や見出しの各フォントサイズを検討できるオンラインサービスを紹介します。 Type Scale 左の各項目は、下記のようになっています。 Base Size ベースにするフォントサイズを入力します。 Scale 比率を選択します。 1.2, 1.414, 1.618などよく使う比率だけでなく、カスタムで数値を入れることもできます。 Preview Text 表示するテキストを入力します、日本語でも可。 Google Fonts 日本語で利用する場合は、特に変更はいりません。 Font Family 明朝体の時は「serif」、ゴシック体の時は「sans-serif」を入力。 Weig
Web情報アーキテクチャ（IA）とツール 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2026 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
Django を体験しよう | Djangoと日本の仲間たち
Django et compagnie Japonais. Djangoと日本の仲間たちDjango を体験しよう The Web framework for perfectionists with deadlines - www.djangoproject.com Django は Python で書かれたオープンソースのWebフレームワーク。見通しのよい MVC 分離、洗練された O/R マッピング API、そして汎用性の高い強力なテンプレートエンジンを備え、高い柔軟性とパフォーマンスを同時に要求されるWebアプリケーション開発をサポートします。 オブジェクト管理インタフェースやユーザ認証、セッション、国際化といった Webフレームワークとしての基本はもちろん、汎用のビューロジックや配信フィード (RSS/Atom) の生成など、Webアプリケーション開発に共通するメカニ
Superdenim
Xoilac TV | Xem Trực Tiếp Bóng Đá HD - Link Trực Tuyến Miễn Phí Xoilac TV trở thành người bạn đồng hành cực kỳ thân thiết của người hâm mộ thể thao trong nước. Kênh mang đến những trận cầu đỉnh cao với chất lượng HD kèm theo nhiều tính năng cực chất. Để hiểu rõ hơn về website trực tiếp bóng đá này, mời mọi người dành chút thời gian nghiên cứu nội dung bài viết. Nội dung giới thiệu sơ lược về Xoila
Allan Jardine | Reflections | Design
Design is a suite of web-design and development assistive tools which can be utilised on any web-page. Encompassing utilities for grid layout, measurement and alignment, Design is a uniquely powerful JavaScript bookmarklet. Usage Using Design is extremely simple: Drag the Design link below to your bookmark bar (or add it to your bookmarks by right clicking the link and selecting 'Add to bookmarks/
slayeroffice : color palette creator v1.6
This tool was inspired directly by the excellent Creating Color Palettes article by Andy Clarke. It will create 10 shades of the base color, located top-left, at varying degrees of opacity. The top row emulates opacity over a white background, the bottom over black (or colors of your choosing as of v1.4). The opacity values are 100% opaque, 75%, 50%, 25% and 10% on the top row. The bottom row begi
ColorBlender.com | Your free online color matching toolbox
To get started, choose a preferred color using the color picker below, and a 6-color matching palette (a "blend") will be automatically calculated. You may swicth to Direct Edit mode to tweak or edit individual colors of your blend. Saved blends will be associated with your account if you signed in or stored in your browser cookies if you are not a member yet.
Compressor.io - optimize and compress JPEG photos and PNG images
Fast & efficient imagecompressionOptimize JPEG, PNG, SVG, GIF and WEBP
Zendesk: AIエージェントで顧客と従業員へのサポートを強化
CXトレンドレポート2026年版 CX×AIは次のフェーズへ。顧客体験を変革するコンテクスチュアル・インテリジェンスとは？ 無料で読む
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webydo | Professional Website Builder | Website Builder Free
CSS Stats
MockFlow - Wireframe Tools, Prototyping Tools, UI Mockups, UX Suite, Remote designing
Online Mockup, Wireframe & UI Prototyping Tool
Loading...
UXPin | The Full-Stack UX Design Platform
