CSS - Clearing floats
A common problem with float-based layouts is that the floats' container doesn't want to stretch up to accomodate the floats. If you want to add, say, a border around all floats (ie. a border around the container) you'll have to command the browsers somehow to stretch up the container all the way. The problem Let's try it. This is the CSS we'll use throughout the page: div.container { border: 1px s
非デザイナーのためのデザイン基本テクニック その１ | 07design.blog
デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、実はデザインというものは数々のルールによって成立しています・・・デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。 デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、 実はデザインというものは数々のルールによって成立しています。 そのルールの知識があればデザイナーレベルとはいかないものの、見た目がきれいなグラフィックは作れるはずです。 デザインという言葉の定義やソフトの使い方から始めてしまうとややこしくなるので、 今回はあくまでも「とりあえず見た目をキレイにする」ということに重点を置いて説明します。 記事内で
iPhone 4 発売を前にして今一度「復元機能」をおさらいしておこう〜現iPhone環境をiPhone4に移行する方法。[追記あり/SS追加] | 覚醒する @CDiP 【個人ブログ】
ちょうど1年前にエントリーした内容の焼き直しです。 [2011.10.13] iOS5 リリースに伴い、iCloudを利用した復元方法エントリーをアップしました。 ◇ 明日発売の iPhone 4S を iCloud から快適に復元しよう！ 〜バックアップ機能からの復元を実践 / iCloud 容量節約 5つのコツ https://www.donpy.net/standard-entry/tips/14622.html （via @CDiP ） [2011.5.3] iPhone初期化から手動で環境、アプリを復元する方法についても解説しました。 ◇ iPhoneを「手動復元」してパフォーマンスも復元しよう 〜 「クリーンインストール」から元環境を構築する手順とポイント。 https://www.donpy.net/standard-entry/tips/13483.html （via @C
[CSS]IE6/7/8でもCSS3のようにボックスにシャドウをつけるスタイルシート
<textarea name="code" class="css" cols="60" rows="5"> <!--[if IE]> <style type="text/css"> .container {padding-left:14px;} .frame {left:4px; top:4px;} .shadow {background:#000; margin:-4px -4px; filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5', MakeShadow='true', ShadowOpacity='0.60');} </style> <![endif]--> </textarea>
| test
yellow-fellowさん ともみ日記 atashipukoさん アタシの生活 bananasakanaさん 犬系男子のワンダフルライフ sonnawakanaさん 山下若菜ブログ「山下若菜の☆そんな若菜ー！！！」Powered by Ameba officeblackさん ヨーヨー世界チャンピオンBLACKオフィシャルブログ「BLACK’s Yo-Yo life」 Powered by Ameba asobiba-makibaさん 渋谷のカフェ＆麻雀・あそびば★まきば★スタッフブログ usagitabetaiさん のんたん日記 mikagamireiさん れぃの日記 amora-chanさん アモラちゃんのメンタルヘルスライフ dabo-blogさん DABO Official BLOG『PAPER MOON MAN』powered by アメブロ fankypankyさん ふぁんき
液晶保護シートを微塵の混入もなく貼るコツ | 週アスPLUS
最近の保護シートは固めなので混入した気泡は逃がしやすくなりましたが、埃はどうしても入ってしまいますよね。お風呂場など湿気のある所で作業するといいなんて説もありますが、デジガジェをそんな危険地帯に持って行くなんてオススメできません。それに、さほど効果ないッス（実践経験アリ）。 私が推奨する貼り方は、“とにかくまず貼ってしまう”です。何度貼り直してもいいので、位置だけは正確に。 そして、粘着性の高いテープ（フツーのセロハンテープでいい）でエッジを持ち上げ、裏から丸めたテープをペタペタし、埃を除去してからまた貼る！ を各エッジで行なうのです。ペタペタ用テープは、できれば粘着性の低いモノがいいですが、なければセロハンテープの粘着面を指の腹で少し触り、粘着度を低下させて使ってもいいです。
Amazon EC2/S3を使ってみた - まとめ (Amazon Web Services関連エントリ目次) - RX-7乗りの適当な日々
Amazon EC2/S3および、その他Amazon Web Servicesについて、具体的な使い方を中心に、これまでこのブログ内で色々とエントリを書いてきたので、このエントリに目次代わりとしてまとめておきます。 今後も関連エントリを書いた際に、以下に追記していきますが、場合によっては記載されている情報が古い場合もありますので、その点はご了承ください。(できるだけ気づいた時点で修正しています。) # 尚、ここで紹介しているエントリは、全て私(id:rx7)自身が書き記したものです。 基本の流れを知る Amazon EC2/S3を使ってみた - 1.AWSへの登録〜S3を使う Amazon EC2/S3を使ってみた - 2.EC2が起こすイノベーション Amazon EC2/S3を使ってみた - 3.EC2起動後〜AMI作成 Amazon EC2/S3を使ってみた - 4.EC2で固定IP
ウノウラボ Unoh Labs: サーバのネットワーク速度の調査/測定方法
こんにちは。kyagi です。先日データセンタ内のサーバ群のうち、なぜか特定の１台だけネットワークの速度が極端に遅いという問題がありました。今回はサーバマシンのネットワーク速度の測定方法と原因についてお話しします。同様のトラブルが発生している方のお役に立てば幸いです。問題解決までの手順としては以下になります。 1. 現在の状態を調べる 2. ハード/ソフト含めて考えられる原因をいくつか挙げる 3. 原因について改善されるまでひとつひとつ検証していく まず現在の NIC の HW 情報とドライバを lspci で調査します。ここでは Broadcom の NetXtreme BCM5722 という NIC を使用していることがわかります。 # lspci -vvv | grep Ether 01:00.0 Ethernet controller: Broadcom Corporation
「SEOの意外な裏技」その10：robots.txtでリンクジュースの受け渡しをうっかりブロックしないために | Moz - SEOとインバウンドマーケティングの実践情報
自分のドメイン名にあるページにロボットをアクセスさせないための手段として、robots.txtを採用しているWebサイトが結構ある。確かにいいやり方だけど、僕らの元に寄せられる質問を見ていると、robots.txtを使ってグーグルやヤフー、MSNといった検索エンジンのロボットを排除するとは一体どういうことなのかってことに関して、少々誤解があるようだ。以下に、ロボットの排除方法をざっと分類してみよう。 robots.txt ―― URLへの訪問はさせないが、URL自体をインデックスに取り込んで検索結果ページ（SERP）に表示するのは許可する（よくわからない人は、下の例を見てほしい）。 メタタグ（meta要素）のnoindex ―― 訪問は許可するが、URLのインデックス化や、SERPへの表示はさせない。 nofollow属性の付いたリンク ―― 賢いやり方ではない。あるリンクにnofollo
IE 6で泣かないための、9つのCSSハック (1/3) - ＠IT
有限会社タグパンダ 喜安 亮介 2009/10/8 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック＆フィルタTipsをお届けします（編集部） 最も多く使われているのに……、いや、だからこそ 多くのWebデザイナの悩みの1つは、レイアウトの表示ずれ問題だと思います。これは、各Webブラウザが採用しているレンダリングエンジンの違いから起因している場合が多いです。その中でも、最もWebデザイナ泣かせのWebブラウザなのは、マイクロソフトが開発しているIE（Internet Explore）のバージョン6です。 IE 6は、発売開始当初のWindows XPにデフォルトでインストールされていたWebブラウザということもあり、世の中の多くのユーザー
正規表現をいまのうちに覚えておきたい人のためのリソース集
HTML5で正規表現がサポートされる、といったことをきっかけに、正規表現はプログラマだけでなくWebクリエイター全体のスキルとして求められていくものになっていくのではないでしょうか（参考：あまり知られていないけれど、HTML5では正規表現が使えるようになる ）。 ここではそうした正規表現の初学者や、一度挫折したけど再入門したい人、そしてより高度な内容をマスターしたいすべての人のためのリソース集を作りました。 初学者向けには「はじめての正規表現」 「はじめての正規表現」は、文字通り正規表現という言葉は知っていても中味はよく分からない、という初学者の方にぴったりのコンテンツ。紙芝居形式のプレゼンテーションで楽しく正規表現について把握できます。 はじめての正規表現 初学者の方には、次の2つの記事も手っ取り早く読めて概要を把握できますので紹介しておきます。 使うほどに良さが分かる正規表現（1/2）
IE6のバグや仕様の解決方法のまとめ -Ultimate IE6 Cheatsheet
IE6のCSSやJavaScriptなどのバグや仕様で困った時の解決方法をまとめたチートシートをVirtuosi Mediaから紹介します。
ブラウザごとの面倒で分かり辛いCSSハックとはサヨナラできそうな「PHP CSS Browser Selector」:phpspot開発日誌
ブラウザごとの面倒で分かり辛いCSSハックとはサヨナラできそうな「PHP CSS Browser Selector」 2009年09月14日- ブラウザごとの面倒で分かり辛いCSSハックとはサヨナラできそうな「PHP CSS Browser Selector」。 CSS の記述の単純化 PHPでUserAgentを解析し、<html> に class を振ってしまうことで、CSSの指定が次のように楽になります。 /* IEのみに適用 */ .ie body { background-color: yellow } /* IE7のみに適用 */ .ie7 body { background-color: orange } /* geckoベースのブラウザのみに適用 */ .gecko body { background-color: gray } 使い方 (1) 必要なPHPファイルをインク
【CSS】ページ送りナビゲーションには display:inline-block が超便利 | バシャログ。
こんばんは、ishidaです。 CSS2.1 で定義されている displayプロパティの値、inline-blockの使いどころを探してみたところ、ページ送りにかなり使えそうです。 まずは以下のサンプルをご覧下さい。Yahoo 検索結果のページ送りデザインをまねています。 ページ送りのサンプル 1 2 3 4 5 6 7 8 9 10 次へ> XHTML のサンプルは以下です。とてもシンプルです。 <ul class="pager"> <li><strong>1</strong></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">6</a></li> <li><a href="#">
あめ色たまねぎを20分→5分で作る方法 | nanapi[ナナピ]
あめ色たまねぎを20分→5分で作る方法 nanapi[ナナピ]は、「７分以内で生活を便利にする」をコンセプトにしたライフレシピの共有サイトです。20分も炒めてられない！！ 美味しいカレー、ハヤシライスなどを作るのに欠かせないのが”飴色たまねぎ”ですが、マジメに作るとなると最低20分は炒めなければなりません。 これはやっていられない。。 炒め時間を5分にできる飴色たまねぎの作り方 (1)たまねぎをみじん切り (2)冷凍する 冷凍も多少時間がかりますので、できればここまでは前日に。 (3)5分炒める できあがり！！ 一旦冷凍する事でたまねぎの細胞壁が破壊されて、炒める時間を短くする事ができる、というのが理屈のようです。 こんなカレーも時間短縮でできるかも。 タモさんカレーレシピ http://www.1101.com/curry_club/pdf/recipe.pdf
【デジ一眼初心者レンズガイド】絶対欲しい3つのレンズ（＋やっぱり欲しい2つのレンズ）
【デジ一眼初心者レンズガイド】絶対欲しい3つのレンズ（＋やっぱり欲しい2つのレンズ）2009.08.19 15:005,745 さて、あなたの欲しいレンズは？ 最近デジ一眼を買ったみなさーん、写真撮るの楽しんでますかー？ パシャパシャやるのも一息ついて、次の課題はレ・ン・ズ。 レンズ交換ってどうなの？ どんなレンズがあるの？ どういう時どれを使ったらいいの？ 値段も高いなぁ。とまぁ、？？？だらけの人いると思います。このエントリーで初心者レンズガイド、写真つきでお届けします！ 初めに、米GIZMODOのWilson記者が周りの専門家達（Canon、Nikon、Sigma）に電話で意見を聞いてみたところ、返ってきたアドバイスはどこもほぼ同じで｢カメラ、写真に興味があるなら、ポートレートレンズ（ノーマルレンズ）の後は、望遠レンズの購入をオススメする｣とのこと。 望遠レンズがどんな特徴を持ったレン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MdN Design｜総合情報サイト
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
IDEA * IDEA
IDEA * IDEA
