Posted by Brian Posted on August 13th, 2007 View Comments Very few designers appreciate the aesthetic of a text input field, and styling form fields cross-browser on any Web site can be a tedious and frustrating experience. The compromise typically involves applying a simple colored border and background to the fields. I think this is the right approach for Web sites and applications that are form
A CSS sticky footer that just works We've all tried to use a sticky footer one time or another, but they never seem to come out right, do they? Well, the days of a hard to understand CSS-based sticky footer are thankfully over. In just a few simple CSS classes with minimal extra HTML markup, I've fashioned a sticky footer that even beginners can get a handle on. It's been tested in IE 5 and up, Fi
Blog Welcome to Web Design Library, the ultimate source of all sorts of info that you need in your professional life. 6 Signs That Your Website Is Missing Out on SEO Friendliness For a website to be found online, search engine optimization, or SEO, is necessary. Whether you're running a blog or a company website, ensuring it's optimized for search engines can determine how easily potential visitor
Bullet Madness / a free bullets project at Stylegala Bullet madness is a list of 200 bullets, arrows and icons uploaded by our users. A handy collection of bullets for your webdesign needs - these icons can add that little extra to your design and make your site stand out from the crowd. You may use these icons as you wish, but since the bullets are uploaded by anonymous users, some of them mig
Account Suspended This Account Has Been Suspended
A note from the editors: While brilliant for its time, this article no longer reflects modern best practices. A rarely discussed advantage of CSS is the ability to layer background images, allowing them to slide over each other to create certain effects. CSS2’s current state requires a separate HTML element for each background image. In many cases, typical markup for common interface components ha
102 South Street , 3rd floor Boston MA 02111 Phone: 617.482.7120 Fax: 617.687.0212 Email: hello@filamentgroup.com Posted by Scott and Maggie on 05/23/2007 Topics: cssui designvisual design Particle Tree recently posted an article describing a technique for styling the HTML button element. For those not familiar, form buttons are notoriously difficult to customize because they render differently ac
FavIcon Generator Use this online tool to easily create a favicon (favorites icon) for your site. A favicon is a small, 16x16 image that is shown inside the browser's location bar and bookmark menu when your site is called up. It is a good way to brand your site and increase it's prominence in your visitor's bookmark menu. More information on favicon After you've created a neat favicon, it's time
WEBデザイナーの方なら誰もが一度は作ってみたいとおもうであろうフルFLASHサイトを18個選び抜いてご紹介いたします。 各サイトの特徴が、あとで役に立つ日が来る（かも？） 最終的にFLASHサイトの最後の壁は使いにくさ、わかりにくさ。 この辺を画期的な方法でわかりやすくする基準みたいなのがあると便利なんですけどね。 neovision 久々にすごいユーモアがあり、ユーザビリティがあるFLASHを見た気がする。 ここは説明よりも是非とも見ておいて欲しい。 【私の注目】 ・上から下へ移動する一つの動画の流れの中から商品を掴む遊び心 ・どの幅にも『ある程度』対応している ・商品カゴに入れることへの抵抗の無さ loworks 各メニューの動きが面白い。 また、開いたあとの上下移動フレームもストレスがないのがいい。 【私の注目】 ・シンプルなデザイン ・メニューの見せ方が好き ・下部の各アイコンの
“Silk” is a smooth, free icon set, containing over 700 16-by-16 pixel icons in strokably-soft PNG format. Containing a large variety of icons, you're sure to find something that tickles your fancy. And all for a low low price of $0.00. You can't say fairer than that. Current version: 1.3. View all icons (.png file, 1Mb) Download License I also love to hear of my work being used, feel encouraged to
May 08, 2007 17,771 Comments Tags: Javascript If you are a big Mac fan, you will love this CSS dock menu. It is using Jquery library and Fisheye component from Interface and some of my icons. It comes with two dock position: top and bottom. This CSS dock menu is perfect to add on to my iTheme. Here I will show you how to implement it to your web page. CSS dock menu screenshot Update: I no longer s
ということで、今まで数限りなくネットのあちこちで紹介されてきたCSSデザイン関連のサイトがリスト化されてまとめられたようです。これだけあれば当分はブログなどのデザインのネタに困ることはなさそう。インスピレーションを得るのに使うもよし、デザインの参考にするのもよし、知っておいて損はないものばかりです。 リストは以下の通り。 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards http://www.cssbeauty.com/ CSS Drive- Categorized CSS gallery and examples. http://www.cssdrive.com/ Stylegala - Web Design Publication http://www.stylegala.com/ CSS Mania http:
yamaokaです。 エラスティック・レイアウトというwebサイトのレイアウト手法をご存知でしょうか？ 「エラスティック（elastic）」とは、ゴムのように弾力性がある状態のことです。 言い換えると「伸び縮みするレイアウト」になるでしょうか。 webサイトの代表的なレイアウト手法として、次の2つが挙げられるかと思います。 固定幅レイアウト リキッド・レイアウト 固定幅レイアウト 固定幅レイアウトでは、 コンテンツを格納するボックスの幅を以下のように絶対値で指定します。 div#container { width: 800px; } 固定幅レイアウトの場合、ウィンドウや文字のサイズが変更されてもレイアウトの枠は変わりません。 したがって、ウィンドウを大きくすると表示されるエリアが小さくなってしまったり、 文字のサイズを変更すると外枠が変わらないので読みづらくなってしまったりします。 リキ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
