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への対応も予定されています。
オリジナルのカラースキームが作成できるHSVコンバーター -yafla
yaflaは、選択した色をHSV変換し、カラースキームが作成できるオンライン カラー コンバーターです。 下のキャプチャ画像は、当サイトのカラースキームを「yafla」で再現したものです。 yafla 選択した色は10色がストックでき、それぞれ色相(Hue)・彩度(Saturation)・明度(Value)を表示します。 色相には、4つの配色が利用されています。 Triad Color Schemes 色相環の三等分した際の配色。 Analogous Color Schemes 色相環の隣接している配色。 Complementary Color Schemes 色相環の反対色。 Split Complementary Color Schemes 色相環の隣接色と反対色とその隣接色。
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/
【黄金比・計算ツール・2カラム対応】 - 黄金比計算ツール
重要なお知らせ：このページのツールは、Flashの技術を用いて表示させていたため、現在は動かすことができません。申し訳ございませんが、ご了承下さい。 Webデザインに黄金比を取り入れよう - Re:Creator’s Kansaiに、黄金比をWebデザインに活用する海外の記事の翻訳が載っていました。 黄金比とは、最も美しいとされる比「1:(1+√5)/2」のことで、近似値は1:1.618、約5:8です。「その美しさをWebデザインでも」というのがエントリの趣旨です。 Webデザインの場合、横幅を固定し、縦幅は固定しないデザインが一般的です（ディスプレイサイズを考え、文字数の増加は横方向のスクロールなしに、縦方向へのスクロールで対応している）。Flashで作られたサイトなどは、縦幅も横幅も固定している場合があります。 Webデザインに黄金比を取り入れようとした場合、全体の横幅と横幅の比からそ
住太陽の「SEO 検索エンジン最適化」
私がSEOを始めたときから住太陽さんやその書籍からたくさんのことを学ばせていただきました。 このボーディーSEOには多くの人が学ぶべき正しいSEOの情報が詰まっています。このサイトの情報をもとにして自身のウェブサイトに合うようにアレンジすることで、SEOの成功に近づけると思います。 日本でトップのSEOコンサルタントを3人挙げろと言われたら、絶対に住太陽さんを含めます。実績と経験、知識ともに間違いなくトップです。でも、住さんの最も素晴らしいところは、知識の共有です。住さんが惜し気もなくボーディーSEOで公開している情報は、ウェブのどこにもない独自のもので、かつ極めて有用です。僕自身も多くのことを学ばせてもらっています。 SEO(検索エンジン最適化)の意味SEO(Search Engine Optimization: 検索エンジン最適化)とは、自社のウェブページがGoogleやBingなどの
サイト制作に役立ちそうなWeb 2.0的ツールが400以上まとまっている『Web2Rain』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
ただのリンク集といえばそうなのだが、うまいことカテゴリー分けされていて使いやすそうなのでご紹介。 Web2Rainはサイト制作に役立ちそうな2.0っぽいツールを集めたサイトである。全部で400を超えるツールがまとめられているようだ。 サイトはゼロから作ってもいいが、便利なツールが日々登場しているのでこうしたツールをうまく使ってスピーディに仕上げたいところだ。 紹介されているツールはきちんと機能別にタグ付けもされているので、ピンポイントな要望にも応えてくれるだろう。またタグクラウドやキーワード検索にももちろん対応している。 日々登場するネットツールの全容をつかむことは難しい。こうした探しやすいサイトは知っておいても悪くないですな。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Color Hunter
