[B! html][css] aburamusiのブックマーク

色見本大辞典伝統色や366日の誕生色占いのWEB色見本サイト

aburamusi 2009/10/28

リンク

[CSS]ネガティブマージンの理解を深め、活用するテクニック集

スタイルシートのmarginで使用する「ネガティブマージン（マイナスマージン）」について理解しておくべきこと、ネガティブマージンを使用したテクニックなどをSmashing Magazineから紹介します。 The Definitive Guide to Using Negative Margins 1. ネガティブマージンの理解 2. ネガティブマージンの使い方 3. ネガティブマージンのテクニック集 4. ネガティブマージンのバグフィックス 5. 終わりに 1. ネガティブマージンの理解スタイルシートを使用する際、必ずといっていいほどマージンを使用するでしょう。しかし、ネガティブマージンになると意見は分かれ、それは悪魔の仕事であると考える人たちもいます。ネガティブマージンをは、例えばこういうのです。

aburamusi 2009/08/21

リンク

HTML、CSS、JavaScriptの練習に最適な便利ツール『rendur』 - 100SHIKI ～世界のアイデアを日替わりで～

サイト製作の練習に便利そうなツールのご紹介。 rendurを使えば、ブラウザだけでHTML、CSS、JavaScriptの編集ができ、その結果をリアルタイムに確認することができる。もちろん日本語もOKだし、HTMLやCSSの命令文の色を変えて見やすくすることもできる。本格的なサイトをつくるにはもちろん十分ではないが、ちょっとした構文を試したいときに便利なのではないだろうか。

aburamusi 2009/02/27

リンク

これさえやればCSSをマスターできるかもしれないCSSチュートリアル＆サンプル20:phpspot開発日誌

皆さん、新年あけましておめでとうございます。今年も読んでいただき、ありがとうございます。では、早速ですが記事のご紹介。 20 Ultimate CSS Tutorials That Will Help You Master CSS | DWSmg.com これさえやればCSSをマスターできるかもしれないCSSチュートリアル＆サンプル20。全部、そのメカニズムについて覚えたらかなりCSSに詳しくなるのは間違いなさそう。 Advanced CSS Menu カーソルを合わせたときにメニューがCSSオンリーで切り替わる CSS Based Navigation こちらも同様。JavaScriptレスでメニューを切り替えます CSS Fancy Menu CSSとJSを使ってFlashばりのアニメーションメニューを作成 Expandable CSS Tabs Tutorial テキスト長に応

aburamusi 2009/01/25

リンク

[使える CSS テクニック] CSSで実現するプルダウンメニュー | バシャログ。

使える CSS テクニックの第 4 回は「CSS で実現するプルダウンメニュー」です。確認ブラウザは IE7、Firefox2、Opera9、Safari3.1 です。 CSS のみでは IE6 対応が不可能ですが、IE の独自機能（DHTML）を併用することで IE6 でもプルダウンメニューを実現しています。まずは、以下のサンプルをご覧ください。シーブレインコーポレート WEBサイト制作マニュアル制作ローカライズ検索エンジン Yahoo! Japan Google Goo excite Biglobe 週刊少年漫画少年ジャンプ少年マガジン少年サンデーこのサンプルの HTML は以下のようになっています。 <ul id="pulldown-menu"> <li><a href="#">シーブレイン</a> <ul> <li><a href="http://c-brai

aburamusi 2009/01/20

リンク

ブラウザだけでCSSレイアウトに対応したページをさくさく作ることができる『Drawter』 | 100SHIKI

CSSとHTMLの知識は必須だが、慣れている人には超絶便利そうなツールのご紹介。 Drawterはブラウザ上でDOM要素を配置、さまざまなカスタマイズを施したあとにコードを生成してくれるツールだ。つまるところ、CSSレイアウトに対応したサイト製作ツールといってもいいだろう。要素ごとにさまざまな属性を直感的に追加していける点が素晴らしい。インターフェースもシンプルで職人ぽいので個人的に好みである。日本語も入力可能だ。当然ながら作り終えたあとは「Generate Code」コマンドでコードを生成、そのまま使うことができる。似たようなツールはすでにいくつかあるが、Drawterの完成度はかなり高いのではないだろうか。是非試してみてもらいたい。