Morning Sunset スクロールさせると日が沈んでいく面白いサイト「Morning Sunset」 スクロールが進むにしたがってbackground-imageが徐々に変化して青空が夕焼けになるというもの。 次のように夕焼けに。 面白い驚き効果なので応用してみると面白いことができるかもしれ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[N] ウェブ開発者に人気のFirefoxアドオン10 フィード](/thumbnail/407550.png)
10 Popular Firefox Add-ons for Web Developersというエントリーで、ウェブデベロッパーに人気のFirefoxアドオンが10種類まとめられていました。知っている人には当然のアドオンかもしれませんが、これからウェブデザイナーを目指そうといった人には参考になると... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Windows Internet Explorer 8オンザフライでCSSを調整してブラウザの表示に反映させるツールはいくつもある。WebデザイナやWebデベロッパにとって、WebサイトやWebページを制作する段階において欠かせないツールといえる。主要ブラウザにはそれぞれデバッグツールが付属してい... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
みなさん、こんにちは、まーしーです 週末の不摂生がたたって唇が荒れるやら口内炎やら。食事がつらくてげんなりなこの頃です。さて、Webサイトを多メディアに対応させるという話は先日の「webデザインNight!」でも話題にあがっていました。その簡単な例としてiPhoneとPCとで分ける方法を考えてみま... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
軽量で非常に高機能なjavascriptプラグイン。豊富な機能に加えて、デザイナーでも何とかわかる範囲の言語として最近さらに人気を集めていますが、今回紹介するのは最新の使えるjQueryプラグインを集めた「25 Amazing and Fresh jQuery Plugins」というエントリー。M... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
話題のHTMLやCSSコーディングあしすとツールのzen-codingを触ってみました。すごい楽ちんこ!zen-codingって何？使い方は？という人は以下のページを見てくださいね。Zen-Codingでできるあんなことこんなこと知らない人は損してる？コーディングが3倍速くなるZen-Coding... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Web技術でネイティブアプリを作れるTitanium（1）HTML＋JavaScriptでiPhone/Androidアプリを作れる Titanium Mobileとは立薗 理彦 2010/2/18iPad/iPhone VS Androidに戸惑っていませんか？2010年1月5日、グーグルがAn... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
連載インデックス 「Web技術でネイティブアプリを作れるTitanium」iPad/iPhone VS Androidに戸惑っているWebデザイナ／開発者のために、Web技術でネイティブアプリを作れるオープンソースの開発ツール「Titanium」を紹介し、その利点や使い方を連載で解説します HTM... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
CSS3を応用したテクニック集「18 Incredible CSS3 Effects You Have Never Seen Before」WEB業界では最近度々話題になるCSS3。先日DesigndevelopでもCSS3を使ったボタンデザインのテクニックを紹介しましたが、今回はボタンデザインに... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
先日、ナビゲーションのロールオーバーについて以下のようなご質問をいただきました。グローバルナビゲーションをJSで制御しているサイトもあれば、CSSの背景で制御しているサイトもあるけど、結局どれがベストなの？まず、テキストは元より、画像であっても代替テキストを指定すれば『コンテンツ』というレベルで情... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]複数の打ち出し画像をスライドのアニメーションで変更するスクリプト | コリス フィード](/thumbnail/395445.png)
サイトのトップページやプロモーションページに最適な複数の画像をスムーズなアニメーションでスライド表示するスクリプトをSoh Tanakaから紹介します。実装のイメージ画像のスライドはコントローラーでの手動操作と自動操作に対応しています。スクリプトのベースにはjQueryが使用されており、HTML/... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]現在位置のハイライトをアニメーションで移動させるナビゲーション -MagicLine | コリス フィード](/thumbnail/395216.png)
並列に配置されたナビゲーションの現在位置を明示したハイライトをアニメーションで移動させるスクリプトをCSS-Trickから紹介します。jQuery MagicLine Navigation デモページ現在位置を明示するサインは、ライン（キャプチャ：上）と背景（同：下）の2種類が用意されています。 ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
IE8のCSS、HTML、DOM、JavaScript関連のバグ情報がまとまったリストをJames Hopkinsから紹介します。IE8 Bugs掲載されているバグの数は現在、CSS：63、HTML：4、DOM： [...] [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]写真撮影のように画像を切り取るスクリプト -Photoshoot | コリス フィード](/thumbnail/392342.png)
大きな画像から指定した一部だけを切り抜いて、写真の撮影をシミュレートしたスクリプトをTutorialzineから紹介します。Making a Photoshoot Effect With jQuery & CSS デモページデモではカーソルに合わせて、カメラのファインダーで覗いているような矩形が表... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
IEにだけできないことを可能にしたい。そんなときにおすすめなのが、『10 ways to make Internet Explorer act like a modern browser』。IEをモダンブラウザのように扱う方法です。便利そうなのが揃っているので、ざっとご紹介しますね。HTML5をI... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
PushingPixelsからPNG画像の影をコントロールするデモとアニメーションで二つの画像を表示するデモを紹介します。dynamic PNG shadow「dynamic PNG shadow」では左下のスイッチをオンにすると、その光源の位置に従ってロゴに影が表示されます。また、ロゴと光源はマ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
HTMLで図まで描ける！進化した「HTML5」ってどんなもの？HTML言語の最新バージョンとして、現在標準化作業が進められている「HTML5」。はてなブックマークでもこのキーワードを目にする機会が増え、「HTML5って何？」と疑問に思っている人も多いのではないでしょうか。今回は、「HTML5って何... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]多くのコンテンツが設置できるドロップダウン型のナビゲーション -jDiv | コリス フィード](/thumbnail/391313.png)
洗練されたエフェクトでドロップダウンが開閉するナビゲーションをSkyrocket Labsから紹介します。jDiv デモページデモでは左端の「Rollover Me!」のドロップダウンに多くのコンテンツが設置できるパネルが設定されており、リストや画像など複雑なものも配置が可能です。ナビゲーションは... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]スタイルシートのすご技、スムーズに回転するコーラの空き缶 | コリス フィード](/thumbnail/388920.png)
テクスチャをスクロールに合わせて移動させる「displacement maps」のテクニックを使用したスタイルシートをRomán Cortésから紹介します。Pure CSS Coke Can「displacement 」は移動、転置、置き換え、といった意味で、CSS1のbackground-at... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
