[B! Webデザイン] [9ページ] utohのブックマーク

Wordmark

Wordmark helps you choose fonts by quickly displaying your text with your fonts.

utoh 2014/01/24

リンク

Gridulator: Make pixel grids, lickety-split

Gridulator is back online! NEW: Gridulator now exports SVG files for greater flexibility.

utoh 2014/01/24

webデザイン

リンク

Seamless Pattern Background Designs

Seamless Pattern Background Design Editor Create Color Coordinated Seamless Pattern Themes With this new editor I've attempted to create a very direct and easy way to browse through the database of pattern color variations and edit selected designs all in one place. The editor allows users to save palettes and apply them to all designs quickly and easily. This ability combined with a shuffle tool,

utoh 2014/01/20

webデザイン

リンク

フォントやレイアウトで人にいい印象を与え好意的に文章を読んでもらう方法

画像や文章のレイアウトはウェブサイトをデザインする時だけではなく、資料やポスターなどを作成する時にも必要になりますが、正しいフォントの選択やレイアウトは文章を読みやすくするのに加えて、人の脳に作用し読み手を心地よくさせます。ということで、以前記事化した「自分のアイデアをアプリ化するための予算を自動計算してくれるウェブサービス『How Much Does It Cost To Make An App？』」を提供しているooomfの創設者・Mikael Choさんが、すぐにでもできる効果的な文書の作成方法をまとめています。 The science behind fonts (and how they make you feel) | ooomf blog https://ooomf.com/blog/the-science-behind-fonts-and-how-they-make-you-

utoh 2014/01/14

リンク

CSSMENUMAKER.COM

Get a price in less than 24 hoursFill out the form below. One of our domain experts will have a price to you within 24 business hours.

utoh 2013/12/21

webデザイン

リンク

CSS3 box-shadowジェネレーター

ボックスの装飾ボーダー：px (HSB:#ccc ccc R:204 G:204 B:204) 角丸：全部変更左上px 右上px 左下px 右下px ボックスの装飾色： (HSB:#7187a4 R:113 G:135 B:164) 透明度：% オフセット：内側横px 縦px ぼかしのサイズ：px (0以上のみ) 影の広がり：px (0以上で広がり、0以下で縮小) CSSソース

utoh 2013/12/11

webデザイン

リンク

一つのカラーから配色セオリーに基づいてカラースキームを作りだす配色設計に役立つツールのまとめ

コーポレートカラーなど、一つのカラーをベースに配色セオリーからカラースキームを設計したり、同系色やグラデーションを作りだしたりできるオンラインツールを紹介します。またカラーのストックを増やしたり、カラーをベースにしたムードボード作りに役立つツールもいくつか。最初は、国産のツールから。配色の見本帳 | キーカラーで選ぶ配色パターン一つのカラーをベースに、さまざまな色の法則から配色パターンを表示します。上は緑みの青（#0099CE）をベースにしたもの。キャプチャの他に、彩度や明度による配色、色相環による配色など、さまざまな配色を表示します。説明付きなのも嬉しいポイントです。

utoh 2013/12/10

リンク

Ultimate CSS Gradient Generator from ColorZilla

background: linear-gradient(); /* W3C, IE10+, FF16+, Chrome 26+, Opera 12+, Safari 7+ */

utoh 2013/12/10

Webデザイン

リンク

『jQuery 最高の教科書』サンプルサイト

Chapter 02 3 ステップではじめるかんたん jQuery 入門 # Easing Chapter 04 確かな基礎力を養う jQuery の基本テクニック 01 さまざまなホバーエフェクトで学ぶ動きのある表現の基本 02 画像とキャプションの表現 03 丸いボタンのレイアウト 04 見え隠れするサイドバー 05 タイポグラフィの表現 # Chaper 04 完成版 Chapter 05 活用の幅を広げる jQuery の必修テクニック 01 なめらかな動きのスライドショー Basic 02 多機能なスライドショー Advanced 03 スティッキーヘッダー Basic 04 デザインが変化するスティッキーヘッダー Advanced 05 画面領域を有効活用できるタブ Basic 06 高機能で拡張しやすいタブ Advanced 07 スムーズスクロール Basic 08 拡

utoh 2013/12/07

webデザイン

リンク

商用利用可能なアイコン・イラスト素材ならICON HOIHOI

This domain may be for sale!

utoh 2013/11/16

リンク

レスポンシブWEBデザインについて

目次レスポンシブWEBデザインとは国内外のレスポンシブWebデザインの事例レスポンシブWEBデザインを実現する3つの技術レスポンシブWEBデザインの大まかな制作手順レスポンシブWEBデザインの制作 IE対応について最後にレスポンシブWEBデザインとはレスポンシブWebデザイン（Responsive Web Design）とは、PC・タブレット・スマートフォンなど、あらゆるデバイスに最適化したWebサイトを、一つのHTMLで実現する制作手法です。 PCスマホ・スマホサイトを用意することなく、様々な解像度のデバイスに対応したサイトを製作することが出来ます。レスポンシブWEBデザインが普及したのは、スマホやタブレットが登場してからです。スマートフォンの小さな画面でも見やすい・リンクが押しやすいレイアウトを実現させるために「スマートフォン用サイト」が登場しました。サイトにアク