CSSのOverflowを応用して画像を綺麗にリサイズ表示するサンプル:phpspot開発日誌
Create Resizing Thumbnails Using Overflow Property | Css Globe This tutorial is aimed at controlling the size of the thumbnails appearing on your page. CSSのOverflowを応用して画像を綺麗にリサイズ表示するサンプル。 次のように、CSSで画像を固定サイズにトリミング表示できます。 更にマウスオーバーで画像を元サイズに。 実装について見ていきましょう マークアップが次のようにあったとします <p class="thumb"><a href="http://cssglobe.com/"><img src="image.jpg" /></a></p> そして、次のＣＳＳを適用。 p.thumb{ float:left; margin:.5
WordPressを安全に運営するための10のTips | コリス
noupeのエントリー「Wordpress Security Tips and Hacks」から、WordPressを安全に運営するための10のTipsを紹介します。 Wordpress Security Tips and Hacks 追記： 2008年2月20日 9の「FilesMatch」の記述を修正しました。 併せて「FilesMatch」の関連リンクを追加しました。 タロタローグ ブログ さん、ありがとうございました。 全てのユーザーにサーバー全部の検索を許可しない。 「search.php」で下記の検索コードは使用しない。 <?php echo $_SERVER ['PHP_SELF']; ?> 代わりに下記のコードを使用する。 <?php bloginfo ('home'); ?> 「wp-」がついているフォルダをサーチエンジンなどに登録されないように、「robots.
「左上の魔術師」理論
Web業界のデザイン手法として、密かに流行し始めている「左上の魔術師」理論。 サイトとしての「見栄え」よりも、ユーザーの「目の動き」に着目したWebデザイン手法として注目を浴びています。 今回は、まず始めにWebサイトのデザイン別にユーザーの「目の動き」を解説します。 そして、実際にミリオン単位でユーザーを獲得しているサイトを考察することで、「左上の魔術師」理論を解説したいと思います。 1.カラム別Webサイトデザイン 2.昔はたくさんあったWebサイトデザイン 3.ページ単体を見に来たときのユーザーの目の動き 4.サイト全体を見たくなったユーザーの目の動き 5.ミリオン単位でユーザーを獲得しているサイトのデザイン 6.左上の魔術師とは 1.カラム別Webサイトデザイン 現在のWebサイトの多くは、「1カラム型」、「2カラム型」、「3カラム型」のどれかで構成されています。 このうち「2カラ
Web2.0ナビ: よいドメインを選ぶ12の方法
いいね！ 1 ツイート B! はてブ 25 Pocket 14 SEO-mozを見ていたら、非常に面白い記事を発見した。「12 Rules for Choosing the Right Domain Name（正しいドメインを選ぶための12の規則）」という記事だ。プロジェクトで取得しようと思うドメインの99％はすでに取られており、そういう場合にとるべきルールが12個書かれている。 ドメインを取得した人は、それほど多くはないかもしれないが、ロリポップやさくらインターネット、DreamHostなどの安くて高性能なレンタルサーバーの登場により、それらに付帯するサブドメインを選んだ経験がある人はいるはずである。 以下がルールリストである。誤訳も多いと思いますが、参考まで。 １．まずは思いつきで5個のキーワードを並べる ２．ドメインをわかりやすいものにする。 ３．「.com」でドメインを取る ４．簡
Web 2.0風画像の作り方 -sitepoint | コリス
sitepointで紹介されているPixelMillのデザイナー：Corrieの、Photoshopで作るWeb 2.0風画像のチュートリアルの紹介です。 ※画像は、Photoshopでなくても作成できます。 Creating Web 2.0 Effects With Photoshop, Part 1 Part 1でエントリーされているチュートリアルは、６つです。 シンプルなグラデーション グラデーションの背景 ストライプの背景 微妙に透明なレイヤー 鏡面効果のテキスト ガラスのようなオブジェクト 各チュートリアルの手順は、下記の通りです。 シンプルなグラデーションの作り方 ベースとなる色を選択。 [ツールパレット]から[長方形ツール]を使用して、長方形を描画。 [レイヤー効果] - [グラデーションオーバーレイ]を選択して、適用。 [グラデーションオーバーレイ]の設定。 [描画モー
【コラム】クリエイターのためのライフハック (54) マイクロブログ「Twitter」 を使った便利なメモ帳サービス | クリエイティブ | マイコミジャーナル
「What are you doing?」(今何してる?)という質問に応えるだけというシンプルなコンセプトで多くの支持を得ている Twitter。Twitterをはじめとしたマイクロブログサービスは、今年に入って注目を浴び始め、国内外問わず類似したサービスが数多く存在しています。IM(インスタントメッセンジャー)とは異なった人との会話やSNSとは少し違ったゆるいつながりが人気の秘密といわれています。また、Twitter の会員ページからメッセージを投稿する必要がなく、専用アプリケーションやIM経由から投稿ができるのもこのサービスの使いやすさのポイントです。 英語インタフェースのサービスですが、日本人も多く参加しているTwitter Twitterのシンプルなコンセプトゆえに一体どう使ったら良いのだろうと迷ってしまう方もいると思います。同僚や友人との会話に使うのも良いですし、ブレインストーミ
3分LifeHacking：アカウント名を悩まずに付ける方法 - ITmedia Biz.ID
便利なオンラインサービスが増えているが、利用するにはアカウントの登録が必要なサービスも少なくない。筆者の場合、自分の名前を正直に登録することが多いが、ごくまれに「すでに登録されています」と登録できないこともある。 ユニークなハンドルネームでもあれば別だが、なかなか思いつかない。何かいいアカウントはないだろうか――。そんなときにアカウント名を悩まずに付けられる方法を考えてみよう。 アルファベット編 おそらく機会が多いのは、自分の氏名やハンドルネームをベースにアルファベットで登録するときだろう。「苗字」＋「名前」で登録できない場合は、「名前」＋「苗字」とひっくり返してみる。ほかには名前の頭文字と苗字を組み合わせてもいい。ハンドルネームの場合は、誕生日などの数字と組み合わせるのも方法だ。 たとえば筆者の名前「鷹木創（Takaki So）」であれば、「stakaki」もしくは「takakis」とな
F's Garage：ややこしいシステムを使わないソースコード管理
「先祖返り」ってご存じでしょうか？ せっかく作っていたデータを、古い日付のもので上書きしてしまい、古い状態に戻してしまうことを言います。 よくWeb制作で起きがちで、複数人で一つのフォルダのソースをいじくっていたり、不注意な人がざっくり古いファイルを上書きしてしまったりすることでおきます。特に忙しい納期直前ほど起きる現象です。 不注意な人のやることと言ってしまえばそれまでですが、人は必ずミスをするものです。 不注意な人のミスをいかになくすか？というのが、世の中の生産管理の肝と考えれば、単純にソースコードの管理手法がなっていないと考える方が僕は自然だと思います。 世の中には、バージョン管理システムという名前で、CVSとかSubversionとか便利なシステムがあるのですが、これがちょっと難しい。何が難しいというと、まず用語が難しい。コミットだのチェックアウトだの聞き慣れないキーワードがついて
テキストボックス内でカーソル位置を移動する方法 - Enjoy*Study
テキストボックス内のカーソル位置を末尾に設定する方法を調べてみました。 IE 6.0、Opera 8.5 の場合 var elm = document.getElementById('text'); // テキストエリアのelement取得 elm.focus(); // Operaの為(IEでは無くても大丈夫) var range = elm.createTextRange(); range.move('character', elm.value.length); range.select();当初、elm.focus()は入れてなかったのですが、Operaではこうしないとちゃんとカーソルが移動してくれません。(この動きに悩まされました) IEだと、range.select()で、フォーカスが移動し、カーソル位置もちゃんと末尾に行くのですが、Operaだと、フォーカスは移動するが、テキス
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://e0166nt.com/blog-entry-403.html
WEB文章を最後まで読んでもらえない理由は、改行と見出しが足りないから*ホームページを作る人のネタ帳