これはすごいですね。プロの技だなぁ。実に細かいところまで操作して、雑誌の表紙をPhotoshopやらで作っている映像です。↑ 画像修正ってなんでもできますな・・・。無から有、有から無を作り出していますねぇ・・・職人技はすごいですな。» Time-lapse of book-cover design... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Category ： CSS3最近は CSS3 ネタばかりですが、今回は CSS3 で使える background 関係のプロパティを紹介、解説です。background-size背景画像のサイズを指定します。横幅 縦幅の順で記述します。対応ブラウザ（2010 3/8 現在）Safari , Go... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
CSSで角丸ってよくやりますよね（IEなんかどうでもいいや！というときｗ）。ただ、左上だけ直角にしたいときだけなどはコードが煩雑になりがちです。そこで活用したいのがCSS Border Radiusです。四隅の角丸度合いを指定するだけで適切なCSSコードを出力してくれます。↑ 説明不要のシンプルさ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
SEO対策に無駄なコストをかけないためにも、無料で使えるツールたちは欠かせない存在です。その中でも使えるヤツに限定してまとめておきます。サイト分析ツールSEOチェキ！ URLからサイトの総合的な分析を行う。SEOチェック、Whois情報、順位チェック、HTTPヘッダ情報、ページランク偽装チェックな... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
企業用のロゴをデザインする場合、ブランドイメージと合うようにオリジナルフォントをデザインする場合が多いのではないでしょうか。オリジナルに勝るものはありませんが、できるだけ簡単にサクっとロゴをデザインしたいときはフリーフォントを使うこともひとつのポイントです。今回はそんな企業用ロゴデザインにも使える... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Make Tech Easier - Uncomplicating the complicated, making life easierWebサイトやWebページ、WebアプリケーションにとってCSSはデザインを実現する中核技術となっている。このCSSを最適化する3つのツールが3 Useful ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
cssの情報まとめです。ローカル 環境にストックしていた情報を 開放してみますのでシェアして 頂ければ幸いです。内容は 結構偏っていると思いますので 参考程度になさってください。 全てのcss情報が有るわけではありません。主観でストックしていたリンク集です。ツールとかメニュー関連とかハックとかいろ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
CSS HappyLife ZEROは、CSS初心者・中級者の方を対象にしたリファレンスやレイアウト講座など、CSSに関するアレコレがつまったサイトです。CSS HappyLife ZEROは、主にCSS初心者・中級者の方を対象にしたCSSに関するアレコレがつまったサイトです。プロパティやセレクタ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
スタイルシートだけで1px欠けの角丸を作る方法です。この角丸を使用することでシャープすぎるボックスを少し柔らかい印象にすることができます。HTML下記の通りHTMLを記述します。<div class="outer"><div class="inner">1px rounded corners</d... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]floatを解除する「clearfix」のIE6/7に対応した改良版 | コリス](/thumbnail/369637.png)
floatを解除する際にclearを使用せずに解除する「clearfix」の改良版をPerishable Pressから紹介します。The New Clearfix Methodいわゆる旧タイプのclearfixはMac IEも対応ブラウザに含まれているため、スタイルシートは下記のようになります。... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄いです。 普通、高さの違うボックス要素を float とかで並べると次のような、どう見ても見れない崩れたデザインになってしまいます。 が、今回紹介するjQuery Masonry を使うと、次のように、綺麗にテトリスっぽく... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
復習用。探すのが面倒なので備忘録的 に2009年のまとめをまとめます。時間 がある時に見て自分の必要なものを 確認しようと思います。同じお思いの 方とシェアしようと思ってエントリー。 Web制作関連のみになっています。かなり時間がかかりそうなので正月辺りにもチェックします。こういうのは一気にやりた... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Webサイトの制作時にいつも 時間がかかるのがカラー選定 で、少し困っているのでもう少し 時間を短縮したいと思い、使って いるツールも含めていろいろご紹介。いろいろ有りすぎるので使いやすいと思ったサービスに厳選しています。順不同。使いやすさとか好みもあると思うので参考程度に。。。ネタ帳さんのweb... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
hail2u.net – Weblog – Pure CSS な吹き出し に触発されて、画像や JavaScript を使わずに CSS だけを使って「吹き出し」を作る方法を僕も考えてみた。Demo: CSS のみで吹き出しマークアップは 2 重の要素があれば OK。ここではそれぞれ bubble... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
「ピクトグラム」をご存知ですか。ピクトグラムとは、通常「絵文字」「絵単語」などと呼ばれ、何らかの情報や注意を示すために表示される視覚記号（サイン）のひとつです。交通施設、観光施設、スポーツ施設、商業施設等など街のいたるところで使用されています。今回はそんなピクトグラムのいろいろな種類をまとめた「8... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![携帯サイト[xhtml]のコーディング前のチェックポイント │ これからゆっくり考L +α](/thumbnail/365310.png)
前回のhtml版に引き続き、今回はxhtmlの場合です。htmlと比べて出来ることが増えるので色々なデザインの再現が可能ですが、やはり3キャリア1ソースとなると気をつけるべきポイントがいくつかあります。コーダー（もしくはディレクター？）さんは、デザインをパッと見て「このデザインで組めます！」「組め... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
今年も沢山のアイコンセットを発見しましたが、2009年に発見した秀作アイコンをまとめてみました。 WEBアプリ汎用、ソーシャルアイコン、Eコマース用アイコン、その他に分類してます。 WEBアプリ汎用 Led Icon Set - Psdtuts+ MinIcons by ~kyo-tux on d... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
今回ははじめて携帯サイトを作る時、目を通しておきたい11の記事を紹介します。 デザイン1. かちびと.net – 『モバイルサイトのWebデザイン15選】 携帯サイトの良デザイン15選です。ぜひ参考にしてください。 2.『モバイルデザインアーカイブ』 私自身非常にお世話になっている携帯デザインのカ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
色々と使えそうなデータのビジュアリゼーションライブラリ集が２２個まとまったエントリのご紹介です。 FlashからPHPで描画するものや、APIを叩いて表示するものなど、既知の物も含まれていると思いますが、多数のグラフ作成用の仕組みが紹介されています。 Fly Charts マウス位置によって情報が... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
有限会社タグパンダ 喜安 亮介 2009/11/17Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック＆フィルタTipsをお届けします（編集部）We... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![デザイン・アート情報のまとめ [ DESIGN ARCHIVE ]](http://img.awasete.com/image.phtml?u=http%3A%2F%2Fart.designlinkdatabase.net%2F)