Slideshows In Web Design: When And How To Use Them — Smashing Magazine
The key to smart strategic Web design is finding an appropriate and interactive way to display information. One comes upon endless possibilities when searching for ways to display information. One solution, slideshows and sliders, is an excellent way to display information such as images in an organized and compact manner. Slider galleries are excellent for organizing content into a nice clean mod
どこでもドアをくぐってリンク先へ飛ぶ「dokodemodoor.js」 - Mynet DOOR - マイネット・ドア
マイネットサプライズラボのこのサイトには、「どこでもドアエフェクト」が実装してあります。 サイト内のリンクをクリックすると発動するエフェクトがそれです。 この「どこでもドアエフェクト」は、dokodemodoor.jsとして公開しています（MITライセンス）。 既存のサイトにもすぐに導入することができ、簡単に「どこでもドアエフェクト」が実装できてしまいます。 さらに。始めのうちは物珍しいからいいとして何度も見ているとしつこく感じてしまう！というごもっともな意見のために、エフェクトON/OFFのスイッチも実装しています。ブラウザ右上に切り替えスイッチが表示され、これをOFFにするとエフェクトが発動しなくなります。 コードはかなり汚くて見苦しいのですが（汗）・・モノはこちらになります。こちらからお持ち帰りください。<script>タグでjsファイルを読み込むだけでOKです。 dokodemod
ケータイWebアプリ開発、9つの注意点 - ＠IT
初心者にとってはトラブルが発生しやすいケータイWebアプリの開発。携帯電話への対応サイトを初めて開発するときに想定するべき9つの注意点を紹介する（編集部） 携帯対応サイトを開発するときの注意事項 携帯電話が普及してもう随分たちます。いまでは、サイトを作るときにケータイに対応するかどうか、必ず意識されるようになりました。しかし、ケータイ対応のWebアプリを作ろうとするとPC用のサイトと違う部分も多く、Web開発経験はあるけれど携帯の開発経験がない人にとっては取り組み難く、実際に想像できなかったトラブルがいくつも発生します。 本記事は、Webサイトのモバイル対応を担当した私が、実際に携帯対応サイトを作ったときに発生したトラブルを踏まえて、携帯対応サイトを初めて開発するときに想定するべき注意事項を中心に説明していきます。 ケータイ向けとPC向けのWebページの相違点 インターネットへの接続方法に
画像写真素材 足成
「写真素材 足成」は、全国のアマチュアカメラマンが撮影した写真を、写真素材として無料で提供しています。個人、商用を問わず全て無料でお使い頂け、その上、煩わしいクレジットやリンクの表記、ユーザー登録は一切不要。Web、紙、動画他、あらゆる媒体で写真素材としてのご利用が可能です。更新も365日毎日行っております！
ウェブデザイナーのための16のFirefoxのアドオン | コリス
Mashableのエントリーから、ウェブ制作に役立つ、16のFirefoxのアドオンを紹介します。 Another 16 Firefox Add-ons For Web Designers Font Finder テキストに指定されているスタイルシートを表示します。 Link Evaluator ページのリンクをチェックします。 LiveHTTPHeaders ヘッダ情報を表示します。 OperaView Operaでのレンダリング確認用に。 Pagediff 別々の2ページの差分をチェックします。 Python Sidebar for Mozilla サイドバーにPythonのリファレンスを表示します。 RankQuest SEO関連の各種情報を表示するツールバー。 SEOforFriefox GoogleやYahoo!の検索結果ページに、SEO関連の情報を表示します。 SEOQuake
CSS で外部リンクにだけアイコンを表示
当サイトの各カテゴリーごとのエントリー数を見ていたら、(X)HTML / CSS に関するエントリーがとっても少ないことに気がついたので、CSS ネタでも書いて... 当サイトの各カテゴリーごとのエントリー数を見ていたら、(X)HTML / CSS に関するエントリーがとっても少ないことに気がついたので、CSS ネタでも書いてみますよ。 で、今回はエントリーなんかでリンクを張るときに、当然外部サイトへのリンクと、自分のサイト内へのリンクが混在することになるかと思いますが、このとき外部リンクだけに 「外部リンクですよ」 とわかるようなアイコンを表示させてみたいと思います。 まずは、アイコンを用意しますね。こんなやつ↓ あとは CSS を書くだけですが、ここは 2段階に分けて考えます。どういうことかというと、まずはすべてのリンクにアイコンをつけてしまって、そのあとで、サイト内リンクのみアイコン
Lithoglyph | Mondrianum
Powerful plug-in that enables Mac apps to leverage the color themes of the kuler community. Adobe® kuler is an online community where you can explore, create, and share color themes. The color themes in kuler are contributed by its users, many of them designers or in the creative business. You can share with the community your own chromatic ingenuity, too. Lithoglyph’s Mondrianum enables Mac appli
オンラインショップのための無料で使えるクレジットカードアイコン集『Free Credit Card Icons For Online-Shops』 – creamu
Design オンラインショップのための無料で使えるクレジットカードアイコン集『Free Credit Card Icons For Online-Shops』 クレジットカードのアイコンを使いたい。 そんなあなたにおすすめなのが、『Free Credit Card Icons For Online-Shops』。オンラインショップのための無料で使えるクレジットカードアイコン集だ。 以下にご紹介。 » PayPal Online Logo Center 3タイプのグラフィックを提供。 » Free Credit Card Logos & Images 75種類のクレジットカードロゴを提供。 » VirtuaLNK Credit Card Icons 3Dのアイコンセット。↑のキャプチャはこちら。 » Images Of Credit Cards 様々なサイズでアイコンを提供。 » Kjel
デザイナーのための便利なFirefoxのエクステンション10+α | コリス
You the Designerのエントリーから、デザイナーのための便利なFirefoxのエクステンションを10+アルファ、紹介します。 10 Best Firefox Addons for Designers
Navigation Menus: Trends and Examples | Design Showcase | Smashing Magazine
Navigation is the most significant element in web design. Since web-layouts don’t have any physical representation a user can stick to, consistent navigation menu is one of the few design elements which provide users with some sense of orientation and guide them through the site. Users should be able to rely on it which is why designers shouldn’t mess around with it. Navigation is the most signifi
70+ Visually Impressing Header Graphics | Noupe
We were inspired by Smashing Magazine's Header Graphics Contest to create a small showcase of more than 70 outstanding header graphics with excellent use of visual elements and interface design. Feel free to comment upon these selected header graphics as nothing is more important to us than your opinion. 1) Sam Tech 2) Gotocss3 < !–more–> 3) Split Dadiz 4) DaleHarris 5) alisa 6) Alegodesign 7) Bnw
検索フォームや見出しなどエレメントのデザインを集めたサイト -Elements of Design | コリス
Elements of Designは、ブログなどのウェブサイトでよく使うエレメントのデザインを集めたサイトです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Markadee
Business-Class Web Hosting by (mt) Media Temple
Designers Toolbox: OS Form Elements
jQueryでweb制作をする時にキープしておきたい30リストまとめ*ホームページを作る人のネタ帳
背景パターンいろいろ - DesignWalker
Lightboxスクリプトいろいろ - DesignWalker