float解除の決定版。clearfixを考えたら、進化した。
現在この中でclearfixでよく使用されているプロパティは display:inline-block; height:1%(min-height:1%) zoom:1; でも良く考えたら、全て微妙です。 zoom:1はIEの独自仕様ですし、heightを使用する場合は、IE6,7に対応させるために2つのプロパティが必要です。 display:inline-blockもボックスの要素を変形させることになります。 hasLayoutのスイッチを見た時に、一番理に適ったプロパティはwidthかなと思いました。 子要素を囲む要素として、divやulなどデフォルトCSSがdisplay:blockのプロパティのものが多く、display:blockのプロパティの場合、width:100%で問題ないと思ったからです。 現在のブラウザ状況に適したclearfix 上記を踏まえ見直したclearfixが
WordPressをインストールしたら最初にやってることまとめ
仕事でも、プライベートでも本当にかかすことのできない存在になっているWordPress。 今回は、そんなWordPressを設置したとき毎回やっているカスタマイズに入る前の下準備についてまとめてみました。 毎回やっているのにうっかり忘れたりしてしまうので自分のメモもかねて…！ 初期設定 プラグインを入れる テーマを準備する functions.phpの設定をする 1.初期設定 1.1 パーマリンクの設定をする デフォルト設定のままだと http://blog.v-colors.com/?p=123 とかでちょっとかっこわるいので パーマリンクの設定を変更します。 管理画面メニュー 設定->パーマリンクの設定からお好みの設定に。 いろんな設定ができます。どんな設定ができるかは公式サイトのパーマリンク設定についてにまとめられています。 1.2 メディアの設定をする 管理画面メニューの 設定->
調子が悪い･重くなったWindowsを数分でサクッと安定化、高速化させちゃう裏技
手順１．新しいユーザー プロファイルを作成する 最初に新しいユーザーアカウントを作成します。 コントロールパネルを開きます ▲「コントロール パネル」 ＞ 「ユーザーアカウントと家族のための安全設定」 ＞ 「ユーザー アカウント」 「ユーザーアカウントの追加または削除」 または「別のアカウントの管理」をクリック 管理者のパスワードまたは確認を求められた場合 → パスワードを入力または確認情報を入力 「新しいアカウントを作成する」 をクリック ▲「新しいアカウントを作成する」 をクリックします。 ユーザー アカウントの名前を入力 ▲新しいアカウント名を入力し、アカウントの種類を選択します。 ※アカウント名は半角英数字を使うのがお奨めです。 （英語ソフトなどで不具合が出るのを防ぐ為） 「アカウントの作成」 をクリックすれば完了です。 ２．元のユーザープロファイルにアクセス出来るようにする 重要
より良いPHPerになるための20Tips
去年の話ですが、海外でこんな記事が上がっていました。 20 Tips you need to learn to become a better PHP Programmer 記事の内容は、かなりレベルが低いです。 しかし、初心者のうちに知っておけば、より早く成長出来るでしょう。 初心者PHPerのために、この記事の翻訳を載せます。 20 Tips you need to learn to become a better PHP Programmer PHPは、同じオブジェクトの扱い方でも複数の書き方を持っている、とても気まぐれなプログラミング言語だ。 詳しくは、私の書いた”The Art of Programming“を読むと良い。 これから書くTipsは、過去のプロジェクトから私が学んだコードの可読性、メンテナンス性を上げ、あなたを素晴らしい、より進んだPHPプログラマーにするもの
【地震発生時緊急マニュアルまとめ】 | 地震マニュアル
TwitterにてたくさんRTされていたツイートをまとめさせていただきました。 まとめ元の方々には、ここから御礼申し上げます。 情報に関して疑問に思われるところがありましたら、どうぞ該当記事のコメント欄まで。 2011/6/4 2:24 ブログ更新 3/16 22:56 pdf更新 印刷、拡散なさる際はURL添付のもと、こまめに更新をご確認ください。 詳しくはこちら http://mblg.tv/enokiiii/entry/10/ 印刷用pdfファイル作りました。 印刷して保存される方はこちらをどうぞ。 http://bit.ly/hUqTgz TwitterにてたくさんRTされていたツイートを文字のみでまとめさせていただきました。 まとめ元の方々には、ここからお礼申し上げます。 ためになる情報をどうもありがとうございます！ 情報の取捨選択に関して疑問に思われるところがありましたら、どう
Illustrator（Photoshop） のペンツールできれいなパス、ベジェ曲線を描くためのコツ（私流）
Illustrator や Photoshop のペンツール。 初心者の頃は、きれいな曲線が描けなくて悩んだものでした。そんなペンツール、パスの初心者さんのための、ペンツールできれいなベジェ曲線を描くコツを、一連の操作方法とともにまとめてみました。 ペンツールに挫折しちゃった人も、もう一回チャレンジしてみるきっかけになればうれしいです！ ペンツール初心者さんが対象の記事です。 Photoshop や Illustrator のペンツール … はっきり言って私はへたっぴーです。ペンツールは切り抜きをするときやイラストを書く時など、絶対に使いこなしたいツールですよね。ペンツールで描く曲線をベジェ曲線、アンカーやハンドル（後述）も含めてパスって呼んだりもしますが、この曲線が初心者さんにはとにかく難しい …。初心者さん向けの Illustrator の本や Webサイトを見ても、ペンツールできれい
PNGの画質を劣化せず極限までファイルサイズを落とす、たった1つの方法 | フリーソフトラボ.com
ウェブ上で使用される画像ファイルのフォーマットには、主にJPEG、GIF、PNGという3種類の圧縮形式があり、この中で可逆圧縮かつフルカラー、つまり元画像の画質を見た目上一切劣化させることなくファイルサイズを縮小できるのがPNGですが、欠点は高画質な分ファイルサイズが大きくなってしまいがちなこと。 このため、フルカラーのPNGをウェブ上で使用する場合は専用ツール（有名なものではAzConvPNGなど）を使用してファイルサイズの最適化を行い、画質を劣化せずにできる限りサイズを落とした上でサーバーにアップロードされることがよくありますが、それでも削減できるファイルサイズは良くて1割といったところでしょう。 実は、一般にはほとんど知られていませんが、この他にもフルカラーPNGを画質劣化なしに、さらに大幅にファイルサイズを削減できる裏技的な方法が存在します。やり方は少し面倒ですが、うまく使えば非常
初めての企画書が、最終選考に残った アイデアの出し方
販促会議賞という企画コンペに出させていただき、ファイナリストに残ることが出来ました！ 本職デザイナーが、どうやって考えて企画を立てたか。思考の足跡をつらつらと書きます。 ちなみに出した企画はこちら。 ただいまWeb投票もしているので、企画見てオモロイ！と思った方は、ぜひ投票お願いしまーす！ まずは販促会議賞ってなに？という人にご説明。 販促会議賞は、いろんな企業から「この商品の販促アイデアを考えて下さい」という感じでお題が出され そのどれかに応募するというものです。 企画をパワーポイントにA4サイズ10枚以内で、容量は5MB以内にまとめてくださいというルール。 誰でも参加可能、いくつでも提出OKです。 今回は、全27社から28課題出てました。 1.まずやったこと どうしたら勝てるか研究しました。 販促会議賞は第2回目だったので、1回目の受賞作品をざざっと拝見。 思ったこと 第１回の優勝者、
Photoshop初心者さんが写真のレタッチ（色調補正）などをするために覚えたい機能
私は毎日使っている Adobe Photoshopですが、まだまだ使いこなせてません ...。 初心者だったころは今以上に分からないことだらけでした。 今回はとても長い記事になってしまいましたが、初心者だった頃分かりにくかったなーと思った Photoshop の機能についてまとめてみました。 私が Web制作をするときに、いつもお世話になってるのが Adobe Photoshop。Photoshop は Webデザイナーでなくても、DTP デザイナーさんやカメラマンさんなど、職種を問わずいろんな所で使われていますよね。もちろん仕事で使っていないけれど、趣味のことに Photoshop を使っている … という人もたくさんいると思います。 Photoshop はとっても高機能でいろんな機能がついていて、分からないことだらけ …。難しい用語もあったりして、取っ付きにくいなーと思ってる人も多いは
【How To】消えたデータを取り戻したい、しかも（ほぼ）無料で簡単に！
【How To】消えたデータを取り戻したい、しかも（ほぼ）無料で簡単に！2011.01.28 10:0013,887 福田ミホ うっかりDeleteボタンを押してしまったり、ハードディスクドライブのエラーが起きたり、パソコンを使っているとときどき、データ消失事件が発生します。今回は、そんな事件に対処する方法をご紹介します。 データ復旧ソフトは、アンチウイルスソフトほどメジャーな存在ではありません。アンチウイルスソフトはたいていパソコンにバンドルされていますが、データ復旧ソフトにはあまり関心が払われていないようです。マイクロソフトはアンチスパイウェアとしてWindows Defenderを提供していますが、面白いことにデータ復旧関連には手を出していません。Windowsの回復コンソールがあるにはありますが、あれはWindowsから問題のあるドライブを読み込めなければ役に立ちません。 そんなわ
スタジオグラフィックス プロが教える デジタルカメラの撮影＆レタッチテクニック
運営会社情報 株式会社スタジオグラフィックス 〒164-0012 東京都中野区本町2-51-10 中野坂上OKビル801 TEL 03-6300-5987 / FAX 03-6300-5988
2011年、WordPressに効果があるSEOの15のテクニック
WordPressで作成したサイトをより有益にするために、Googleなどの検索エンジンに最適化を行うSEOの15のテクニックを紹介します。 The 15 Best SEO Tips for WordPress in 2011 [ad#ad-2] 下記は、各ポイントを意訳したものです。 1. コンテンツを充実させる 2. コンテンツへのリンク 3. キーワードは適切に 4. タイトルにもキーワードを 5. Trackbacksを可能に 6. URL構造の最適化 7. 記事の画像の最適化 8. Google Sitemapの活用 9. 投稿スラッグの利用 10. 内部リンクの精査 11. validなコードで 12. キャッシュの利用 13. SEO用のプラグイン 14. 古い記事のリサイクル 15. 関連記事へのリンク 1. コンテンツを充実させる ごく当たり前のことですが、これは本当に本
Gmailをさらに便利にカスタマイズ！ Gmail Labsの人気機能TOP10 | ライフハッカー・ジャパン
Gmailには、デフォルトの機能だけでは物足りない人のために、様々な実験的機能を追加できる「Gmail Labs」があります。Gmailユーザーなら説明不要だとは思いますが、念のために説明しますと、Gmailの上部にある「設定」の左の緑のフラスコが、Gmail Labsのアイコンです。そこをクリックすると、Gmail Labsの機能一覧を見られます。 今回は、数あるGmail Labsの機能の人気TOP10をご紹介しましょう。 10位：送信取り消し 怒りに任せて、もしくは思いのままに、思いのたけを込めた長文メールを書き上げ、「これでどうだ！」とメールを送信した直後に「やっぱりこれはマズイかも...」と思い直して、メールを取り消したくなること、ありませんか？ 「送信取り消し」機能を有効にしておけば、メールを送信した後でも、ちょっと待って！ とメールの送信を取り消せます。 送信を取り消せるまで
2010年総まとめ：CSSの実用的なテクニック集
CSS3で何ができるの？ という時にみておきたいサイト集 ベーシックなものから実践的なテクニックまで、サンプルやコードなど実装例が掲載されているサイトをご紹介。
文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン
研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演（アウトリーチ活動）の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者（研究仲間や審査員、一般市民）へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく
らばQ:知っておきたい写真が劇的に上手になる25のテクニック
知っておきたい写真が劇的に上手になる25のテクニック デジタルカメラのおかげで気軽に何枚でも撮影できるようになり、素人でも写真を撮る機会や人に見せる機会が増えました。 ちょっとしたコツ、ちょっとした心がけひとつで、写真が劇的に良くなるならば試してみたいものですよね。 そんな劇的に写真が上手になる、25のテクニックをご紹介します。 1. 太陽の撮影は望遠レンズを使う。 悪い例 良い例 2. 人物写真は望遠レンズを使うか、ズームレンズの望遠側を使おう。悪い例 良い例 3. 旅行写真にはアクションを入れる。 悪い例 良い例 4. 夜景は日が沈んでから20分後に撮影する。 悪い例 良い例 5. 葉の撮影は色の種類を抑え、メインの被写体をハイライトする。 悪い例 良い例 6. 人を水平に撮るときは足を中心にするのを避ける。 悪い例 良い例 7. 生物のマクロ撮影は植物のレベルまでに近づく。 悪い例
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
51694463 - ブログ
IDEA * IDEA
[CSS]背景画像に関する実用的なスタイルシートのテクニック集
マフラー巻き方事典 / 英国紳士洋品専門店UKism