[CSS]ネガティブマージンの理解を深め、活用するテクニック集
スタイルシートのmarginで使用する「ネガティブマージン（マイナスマージン）」について理解しておくべきこと、ネガティブマージンを使用したテクニックなどをSmashing Magazineから紹介します。 The Definitive Guide to Using Negative Margins 1. ネガティブマージンの理解 2. ネガティブマージンの使い方 3. ネガティブマージンのテクニック集 4. ネガティブマージンのバグフィックス 5. 終わりに 1. ネガティブマージンの理解 スタイルシートを使用する際、必ずといっていいほどマージンを使用するでしょう。しかし、ネガティブマージンになると意見は分かれ、それは悪魔の仕事であると考える人たちもいます。 ネガティブマージンをは、例えばこういうのです。
» 初心者必見!!Twitter Bootstrap の導入方法
version 1.3 までは、トップページにコードが書いてあって、それをそのまま<head>にコピペしたら、使えるようになってました。 しかし、versionが2.0になって、なぜそれがなくなったので、せっかく新しいversionが出たのに使えないじゃん!!っていう初心者も多いかなと思います。ちなみに、自分はそうでした。英語のサイトって読む気にならないんだもん（笑） でも、しっかりcssファイルをダウンロードして使うほうが後々いろいろやりやすと思うので、その方法をご紹介します。別に、なにも特別なことはやってないのだけど。 手順はかんたん ファイルをダウンロード <head>とかに記述 これだけです。いや、かんたんです。普通のcssファイルを使う時と一緒です。 まあ、これがわかっている人もあおの英語のサイトを見ただけで嫌になる人も多いと思います。ので、以下に詳細にまとめましたので、ぜひ活用
もうファイル管理で困らない！ デザイナーのためのSubversion/TortoiseSVN入門
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに はじめまして、Yahoo!検索のデザイナー担当の竹内美帆と申します。 今Yahoo! JAPANでは、プロジェクト毎にバージョン管理システムを使い分けていますが、Subversionを使用しコードを管理しているプロジェクトもあります。2011年1月～3月には、デザイナーが所属する部署でもデザイナーが作成するHTML・CSS・JavaScriptファイルなどをバージョン管理システムであるSubversion（サブバージョン）で管理しようという動きがありました。 デザイナーにとってはとっつきにくい印象がある「バージョン管理」ですが、うまく利用すれば「あのファイルどこいった？（汗）」「いつこのファイル書きかえたっけ？（汗）」「
文字数カウンタ
テキストボックスに入力された文字の数を数えます。 受信できる文字数に制限がある携帯にメールを送るときに便利かもしれません。 上の大きなテキストボックスに，文字数を数えたい文章を入力して 「カウント」ボタンをクリックします。すると， 「バイト数」欄には，入力された文字列のバイト数が， 「文字数」には，入力された文字列の文字数が， 「制御文字を含めたバイト数」には，制御コードの文字（バイト）数＋ 入力された文字列のバイト数が表示されます。 バイト数 半角文字を１バイト，全角文字を２バイトとして数えた数が表示されます。 NTT DoCoMo や au は，ここに表示された数字を参考にしてください。 文字数 半角文字・全角文字ともに１文字として数えた数が表示されます。改行文字は数えません。 改行，空白を除いたバイト数 改行文字と空白文字（タブ，半角全角空白）を除いたバイト数が表示されます。 行数
Color Table
色のサンプルです。 このようなRGBの16進数で色指定を行います。 「red」や「blue」のような英語でのコード指定も可能です。 このボックスにカラーコードを入れてボタンをクリックすると、 背景色が変化します。 いろいろと試してみてください。 なお、JavaScriptが使える環境でないと動きません。 背景色：
図解 Git
もし図の表示がおかしかったら、このページの SVGでないバージョンを試して下さい。 SVG の画像処理を中止しています。 (SVG の画像処理を再開) このページのオリジナルは、Mark Lodato さんが執筆した A Visual Git Referenceです。 このページでは、よく使われる git のコマンドを簡潔に図を用いて説明します。 git について少し知識があるなら、このページはその知識を整理するのに役立つかもしれません。このページがどのようにして作られたのか興味があるなら、私のGitHub リポジトリを見て下さい。(日本語訳の GitHub リポジトリ) 内容 基本的な使い方 凡例 コマンドの詳細 Diff Commit Checkout 分離HEADでの commit Reset Merge Cherry Pick Rebase 技術メモ 基本的な使い方 上記4つのコマ
ストックフォト：ロイヤリティフリーの画像＆写真の検索 | iStockphoto.com
iStockの特徴 クリエイティブ制作のためのオリジナルストックコンテンツサイトです。すべてiStockにお任せください。オーディエンスにアピールするユニークな画像や映像を、ご予算に合った価格でご提供します。他にもご期待以上の素材を取り揃えております。
HTMLカラーコード
HTMLカラーピッカー 縦のスライドを動かしてカラーを選択し、左のマスをクリックして好きなカラーキャストのHTML カラーコードを入手します。 HTMLカラーコードの決まり 「この文字と数字の奇妙な組み合わせには何か意味があるのかな。」とお思いかもしれません。その通りです。このように決まっています。 HTMLコードのフォーマット 各HTMLコードには、「#」の記号と6つの文字や数字が含まれています。これらの数字は、16進法で表されています。例えば、16進法の「FF」は、10進法の255を表しています。 記号の意味 HTMLカラーコードにある最初の2つの記号は、赤色の濃さを表しています。00が最も薄く、FFが最も濃くなっています。3番目と4番目は緑色の濃さを、そして5番目と6番目は青色の濃さを表しています。ですから、赤、緑、青の濃さの組み合わせで、自分の望み通りの色をほぼ何でも作ることができ
色比率
ベースカラー RGB データ ≫ R : - G : - B : ／ RGB 平均値 :: ／ ベースカラー 補色 ::
フッターデザイン.com -Webデザインの“フッター”を集めたサイト-
はてブ ツイートする シェアする 他のギャラリー ファビコンギャラリー 見出しデザイン ウェブコレクション このサイトについて いろんなWEBサイトのフッター（ページ下部も含む）部分を集めました。デザインの参考に。掲載サイトがリニューアルした場合はご紹介のフッターが使用されていない場合があります。 連絡先：manage.hp+footer@gmail.com copyright © footer-design.com All Rights Reserved.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サル先生のGit入門〜バージョン管理を使いこなそう〜【プロジェクト管理ツールBacklog】
GLYPHICONS - Visual language that everybody understands
デザイナーのためのGithub for Mac入門