CSSでボタンを綺麗にスタイルするサンプル集:phpspot開発日誌
22 CSS Button Styling Tutorials and Techniques : Speckyboy Design Magazine CSSでボタンを綺麗にスタイルするサンプル集が Speckyboy Design Magazine にて紹介されています。 なんとも美しいボタンのサンプルが色々と紹介されていて、もうボタンデザインに迷うことはないかもしれません。 Submit button should look same everywhere 綺麗なアイコン付きSubmitボタン How to make sexy buttons with CSS 角丸グラデーション付きボタン Scalable CSS Buttons Using PNG and Background Colors 文字を長くしても伸縮するボタン CSS Overlapping Arrow Buttons 階
CSSレイアウトの定石 WinIE6バグ回避法
CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました（つまり回避法を用いない場合にどんなバグが発現するか）。 フォントサイズ関係 font-sizeは%かpxで指定する。 キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。 ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう （ブロックレベル要素を内包するボックスにはpaddingを指定しない。） 左右ボーダーとパディングを設
CSSとHTMLをリアルタイムに書き換えてプレビューできる「rendr」 - GIGAZINE
「CSS」タブをクリックして、中のコードを書き換えると、リロードせずにそのままリアルタイムにページ全体を再レンダリングしてくれます。「Markup」タブをクリックすればHTMLコード自体を書き換え可能。元に戻すには「clear markup and css」をクリック。 Firefoxの拡張である「greaseMonkey」バージョンもあるので、自分のサイトで同じようなことができるようになり、CSSデザインの試行錯誤が楽になります。 詳細は以下から。 rendr http://gregtaff.com/rendar2.html greaseMonkey版はキャッシュが有効な場合に、ローカルキャッシュのHTMLファイルを直接書き換えてリアルタイムプレビューするというモノになっています。 インストールするにはgreaseMonkeyをインストールした状態で上記ページの「greaseMonkey
今度こそフリーの画像編集ソフト『GIMP』をマスターしようという人の為のまとめ*ホームページを作る人のネタ帳
フリーの画像編集ソフト『GIMP』のまとめ。 GIMPは高機能でありながらフリーのオープンソース画像編集ソフトです。 フォトショップは高価なもので、自宅の趣味での画像編集にまで使えないという人もいるだろう。 そんなときはGIMPを使ってみるといいかもしれませんね。 本体ファイルのダウンロード ・Windows版 ・Mac OS X ・Linux版 インストールした後に GTK+ Runtime Environment → Select languageで日本語にしておけば日本語もいけます。 インターフェイス使いやすく すこしでも使い慣れたフォトショップインターフェイスにしたいという人は、以前も紹介した日本語ローカライズを導入するといいだろう。 Photoshopユーザーのための日本語ローカライズ これを導入することで、フォトショップに似たインターフェイスで作業を行うことが可能となる。 また
第5回 デザインのセンス，持ってますか？
この連載は，ウェブ系エンジニア向け，ということで書いていますので，読んでいる皆さんも，仕事でウェブサイトの構築に携わってる方が多いと思います。そんな皆さんへ突然質問なのですが，皆さんは自分の「ウェブページをデザインするセンス」についてどう感じていますか？ デザインのセンスといっても，ここで言っているのは絵を描くのがうまいとかいうことではなくて，見やすくて使いやすい画面をデザインするセンスのことです。例えば情報や広告，リンクやボタンなどをどう配置するのか，どういう文言を使うのか，配色はどうか，といったことが含まれるでしょう。 なんで改めてそんなことを聞くのかといえば，そもそも筆者がそうしたセンスをぜんぜん持ち合わせていないからなのです。エンジニアと呼ばれる職種の人の中には，筆者と同じように感じている人も多いんじゃないかな，と思っています。 われわれエンジニアは，こうしたデザインセンスの部分は
私がWEB制作ネタを探している海外サイトベスト10
最近よく聞かれるのですが、一体Yamada氏のネタ元はどこですかと聞かれます。 ネタ師であるブロガーがネタ元を晒すのはどうかと思っていたのですが、有益である情報は晒すべきだと友人に言われてしまったのと、海外でまとめエントリにされていたので公開に乗り切ります。 より有益な情報を得る為に 友人いわく、公開してその上を目指せ、とか意味がわからないことを言われましたが、結局のところ海外の数々の有益な情報からピンポイントで発信するからこそ価値があるのであって、まとめサイトが有益なものであるとは限りません。 これらネタ元をつかって、より多くの方にピンポイントで面白い記事の発掘が出来るようになれば、それはそれで自分にかえって来るんだなぁと思います。 WEB制作者向け発掘サイト DZone - fresh links for developers デザイン、CSS等に関して有益なエントリが上ってくるシステ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2007/06/tilt_shift.html
有料ソフトとデザイン作業を無力化させる30のブックマークまとめ*ホームページを作る人のネタ帳
phpspot開発日誌 - PHP/Ajax/JavaScript/CSS等の最新技術情報をお届け
ホームページを作る人のネタ帳