[CSS]ネガティブマージンの理解を深め、活用するテクニック集
スタイルシートのmarginで使用する「ネガティブマージン（マイナスマージン）」について理解しておくべきこと、ネガティブマージンを使用したテクニックなどをSmashing Magazineから紹介します。 The Definitive Guide to Using Negative Margins 1. ネガティブマージンの理解 2. ネガティブマージンの使い方 3. ネガティブマージンのテクニック集 4. ネガティブマージンのバグフィックス 5. 終わりに 1. ネガティブマージンの理解 スタイルシートを使用する際、必ずといっていいほどマージンを使用するでしょう。しかし、ネガティブマージンになると意見は分かれ、それは悪魔の仕事であると考える人たちもいます。 ネガティブマージンをは、例えばこういうのです。
これさえやれば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 テキスト長に応
[使える 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
![[使える CSS テクニック] CSSで実現するプルダウンメニュー | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f4390ea5b2b558adfd9c349b9a080aae407daff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fshared%2Fpublic%2Fimg%2Fcommon%2Ficon_ogp02.png)
KompoZer(Nvu)マニュアル
KompoZerのヘルプファイル全訳です。一通り目を通すことで、KompoZerの基本的な使い方がマスターできる構成になっています。またKompoZer≡Nvuとして語句を置き換えることで、そのままNvuのマニュアルとしても読むことができます。 最初のチュートリアル編では、ごく簡単にKompoZerの諸機能が概説してあります。これを読むだけでもKompoZerで簡単なウェブページが作れるようになるでしょう。KompoZerの機能をもっと詳しく解説してあるのが、次のヘルプファイルです。初めてサイトを作成しようという方でも、最初から読み進めていけばバッチリだと思います。
ブラウザだけでCSSレイアウトに対応したページをさくさく作ることができる『Drawter』 | 100SHIKI
CSSとHTMLの知識は必須だが、慣れている人には超絶便利そうなツールのご紹介。 Drawterはブラウザ上でDOM要素を配置、さまざまなカスタマイズを施したあとにコードを生成してくれるツールだ。 つまるところ、CSSレイアウトに対応したサイト製作ツールといってもいいだろう。 要素ごとにさまざまな属性を直感的に追加していける点が素晴らしい。インターフェースもシンプルで職人ぽいので個人的に好みである。日本語も入力可能だ。 当然ながら作り終えたあとは「Generate Code」コマンドでコードを生成、そのまま使うことができる。 似たようなツールはすでにいくつかあるが、Drawterの完成度はかなり高いのではないだろうか。是非試してみてもらいたい。
KompoZerでウェブページ作成
KompoZerで自分自身のウェブページが作成でき、ウェブ上に公開することができます。KompoZerを扱うのにHTMLを理解している必要は無く、ワープロ感覚で容易に作成することができます。 ツールバーのボタンによってリスト、テーブル、画像を追加したり、他のページにリンクをしたり、色やフォントの種類を変更することができます。ウェブ上でページがどのように見えるかが容易にわかり、他のユーザーとのドキュメントの共有も簡単で、ブラウザーやメーラーに制約されることがありません。 新しいページから開始する タブ - 複数の文章を編集する 新しいページを保存し、閲覧する トップページに戻る インストール方法 日本語化する 目次 チュートリアル このチュートリアルの目的 ユーザーインターフェイスの説明 新しいページから始める 文章の基本的な書式を決める 画像や表を挿入する 踏み込んだ書式の変更をする 文章
KompoZer and Nvu User Guide 日本語訳 について
KompoZer and Nvu User Guide日本語訳について お知らせ いま、更新お休み中です。 手をかける時間と意欲がなく、もう1年半以上更新していません。 訳も英語版の最新の状況を反映していませんので、ご了承ください。 なお、KompoZerとNvu後継のBlueGriffonについては、最近でもいろいろ動きがあるようです。 とりあえず、そういう動きがあることが最近やっと分かったので所感でも。(Apr. 20, 2009) はしがき KompoZer and Nvu User Guideと日本語訳作成の動機 KompoZer and Nvu User GuideはCharles Cooke氏により作成されたもので、KompoZerのきわめて詳細な操作方法に言及している、非常に有用なガイドです。すごい詳しいです。びっくりで す。 わたくし、ふぅる21勝手に日本語訳を開始したのは
Webデザイン・デザイナーに役立つネタのまとめ | デザインフィードデータベース
Webデザイン・デザイナーに役立つネタを収集して、データベースにまとめて公開しています
Online Linux!
LightBoxの例 Lightboxの使い方 Part 1 - セットアップ方法 まず表示させたいhtml文書のヘッダー部分に下記のコードを加えておきます。 <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects"></script> <script type="text/javascript" src="js/lightbox.js"></script> lightbox.cssというスタイルファイルを読み込むために，下記のコードもヘッダー部分に加えます。 <link media="screen" type="text/css" href="css/lightbox.css" re
ブログが作りたい！＋FC2ブログの作り方＋
「ピラティス」で心と身体を整えよう！ 突然ですが問題です。次の3人に共通することと言えば、何でしょう？ お分かりになるでしょうか？ 渡辺満里奈さん（1970年11月生、タレント） 米倉涼子さん（1975年8月生、女優） クルム伊達公子さん（1970年9月生、テニスプレーヤー） 3人とも美しい？ 芯が強そう？ おしゃれ？ たしかにそれもあるかもしれませんね。じつは、ご存知のかたもいらっしゃることと思いますが、この御三方は「ピラティス」と深い関わりをもった方々なのです。 ※：私の記憶違いでなければ、米倉さんと伊達さんはピラティスのインストラクターの資格を持っていらっしゃるはずです。 さて、そこで今回は、「なぜこの3人はいつまでもしなやかで美しく、均整のとれたスタイルを保っていられるのか？」と疑問をもっていらっしゃる方々のために、ピラティスをご紹介させていただきます。 そろそろ健康に不安を感じは
ＨＴＭＬタグ
[HTMLタグのサイト説明] あなたは「HTMLタグ」という言葉を知っていますか？HTMLタグを使うとホームページやブログ上の文字の色を変えたり、文字を改行したり、好きな画像を貼ることが出来たり、お気に入りのホームページやブログなどのリンクを貼ることが出来ます。またHTMLタグを使うことで表を作成することが出来たり、ボタンを作ることも出来ます。HTMLタグを知っていると面白いホームページやブログを作ることが出来るかも知れませんよ。当サイト「ＨＴＭＬタグ」では、そういったHTMLタグを初心者の方にも、より使い易く・解り易く、HTMLタグが使えるように工夫して作成しました。HTMLタグは全て無料公開！初めてHP(ホームページ)やブログを作成する人も、今のHP(ホームページ)やブログを一工夫したい人にもお勧めです。また学校の授業や課題の為にHTMLタグを勉強したい方やホームページ作成の為にHTM
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
色見本大辞典 伝統色や366日の誕生色占いのWEB色見本サイト
HTML5.JP - 次世代HTML標準 HTML5情報サイト
スチーム速報 ＶＩＰ
HTML、CSS、JavaScriptの練習に最適な便利ツール『rendur』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
IDEA * IDEA
サービス終了のお知らせ
サービス終了のお知らせ
ClockLink.com - Free Flash World Clock
HTMLタグボード - HTMLタグ一覧、CSSリファレンスなど
