Opera Logo with CSS David DeSandro CSSを使ったOperaブラウザのロゴがすごいです。 次のように、ブラウザごとに表示の差はあるものの、見事なOperaロゴが再現されています。（IEだけ四角くなってしまいます） Chromeで見てみたところ、次のような綺麗なロゴ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
休日なのでマニアックな話題でｗ。あなたが開発者ならDev Cheat Sheetは覚えておくべきサイトだろう。このサイトではPHPやCSS、ActionScriptといった主要な技術のチートシートがこれでもか！というぐらいまとまっている。まだ慣れないうちはこうしたチートシートを手元においておくとい... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Morning Sunset スクロールさせると日が沈んでいく面白いサイト「Morning Sunset」 スクロールが進むにしたがってbackground-imageが徐々に変化して青空が夕焼けになるというもの。 次のように夕焼けに。 面白い驚き効果なので応用してみると面白いことができるかもしれ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[N] ウェブ開発者に人気のFirefoxアドオン10 フィード](/thumbnail/407550.png)
10 Popular Firefox Add-ons for Web Developersというエントリーで、ウェブデベロッパーに人気のFirefoxアドオンが10種類まとめられていました。知っている人には当然のアドオンかもしれませんが、これからウェブデザイナーを目指そうといった人には参考になると... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
「XHTML/HTML+CSSスーパーレシピブック」を読む書籍「HTML/HTML+CSSスーパーレシピブック」エ・ビスコム・テック・ラボ著 2,940円エ・ビスコム・テック・ラボの新作「XHTML/HTML+CSSスーパーレシピブック」は、イマドキのWebデザイナーは避けて通れないXHTMLとC... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Windows Internet Explorer 8オンザフライでCSSを調整してブラウザの表示に反映させるツールはいくつもある。WebデザイナやWebデベロッパにとって、WebサイトやWebページを制作する段階において欠かせないツールといえる。主要ブラウザにはそれぞれデバッグツールが付属してい... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Category ： CSS3最近は CSS3 ネタばかりですが、今回は CSS3 で使える background 関係のプロパティを紹介、解説です。background-size背景画像のサイズを指定します。横幅 縦幅の順で記述します。対応ブラウザ（2010 3/8 現在）Safari , Go... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ショートカット背景｜ 画像加工｜ ボタン｜ ナビゲーション｜ ロゴ｜ CSS｜ 素材サイト背景Fresh Generator グラデーションや角丸をpng形式で作成できます。【Box】ボックスのサイズ・色・不透明度・影【Corners】角丸の有無・カーブの加減【Border】ボーダーのサイズ・色・... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
みなさん、こんにちは、まーしーです 週末の不摂生がたたって唇が荒れるやら口内炎やら。食事がつらくてげんなりなこの頃です。さて、Webサイトを多メディアに対応させるという話は先日の「webデザインNight!」でも話題にあがっていました。その簡単な例としてiPhoneとPCとで分ける方法を考えてみま... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
少し変えるだけでサイトのレイアウトが完成してしまう、とてもクオリティの高いフリーのPhotoshopファイル2010年03月03日-30 High-Quality Free Website Templates to Download|Dzine Blog 少し変えるだけでサイトのレイアウトが完成し... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
ウェブページを表示するブラウザのウィンドウサイズは環境によってさまざま。特定サイズを想定して作成すると、それ以外ではコンテンツが読みづらくなる問題が発生する。最近はiPhoneのような端末に対応する必要もあるが、サイズ別にページを用意するのは制作・管理両面で手間。こんなときはCSS3のMedia ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
photoshop×960 Grid SystemでWEBデザイン「How to create an elegant web layout in Photoshop」画像処理ソフトは様々なものがリリースされており、WEB制作において利用されているソフトも多様にありますが、photoshopで作って... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
かっこいいCSSメニューを作れるサービスは数えきれないほど存在します。そのなかでも、今回ご紹介するサービスは、デザインがクールな上に、シンプルかつ軽量なCSSメニューを作成できるサービスです。シェア癒し系テープのり OJ スイングバードグルーこのブログは、さくらのレンタルサーバで動いています。この... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]レイアウトのベースを設定する超軽量のフレームワーク -EZ-CSS | コリス フィード](/thumbnail/400397.png)
1カラム、2カラム、3カラム、ヘッダ、フッタなどレイアウトのベースを設定する超軽量のCSSのフレームワークを紹介します。EZ-CSS_ An easy to use, lightweight, CSS framework.フレームワークにはあらかじめ多種なモジュールが用意されており、多彩なレイアウ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 そこで、公開前に色々と確認出来たり、 最適化できる様なフリーのサービスや フリーソフトをご紹介します。 ここで言う「公開前」とは「サーバーにアップする」事ではな... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
今日は、Webページの作り方に関して、ちょっとした細かい話を。ページに画像を入れるときに、imgタグの「文字の色」をCSSで指定しておきましょう。画像に文字色？ と思ったあなた、ちゃんと理由があるのです。なぜ画像なのに「文字の色」を指定しなければいけないのでしょうか。それは、画像が表示されない状態... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
話題のHTMLやCSSコーディングあしすとツールのzen-codingを触ってみました。すごい楽ちんこ!zen-codingって何？使い方は？という人は以下のページを見てくださいね。Zen-Codingでできるあんなことこんなこと知らない人は損してる？コーディングが3倍速くなるZen-Coding... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
CSS3 「gradient」と 「ウェブフォント（@font-face）」このページは背景画像を一切使用していません。 背景のストライプ模様はCSS3のbackground-image:gradient、フォントはCSS3の@font-faceでサーバー上に置いたフォントを読み込んで表示していま... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ユーザーの行動への呼びかけを促す「ダウンロード」や「サインアップ」などのボタンをデザインする際に気をつけたい5つのポイントをLee Munroeから紹介します。Web Design Trends: Call To Action Buttons先日とりあげた「ハイパーテキストリンクのスタイル大全」の... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Web技術でネイティブアプリを作れるTitanium（1）HTML＋JavaScriptでiPhone/Androidアプリを作れる Titanium Mobileとは立薗 理彦 2010/2/18iPad/iPhone VS Androidに戸惑っていませんか？2010年1月5日、グーグルがAn... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
