一工夫でページのクオリティをアップするCSSとJavaScriptのソリューション集
Silverback Giveaway 一見、背景画像をCSSかJavaScriptで配置したように見えますが、CSSで普通に配置されたソリューションです。 テキストやリストが画像に重ならないように、marginを設定します。 HTML <textarea name="code" class="html" cols="60" rows="5"> <h3>Contest Details</h3> <div class="imagery""> <img src="imagery.png" width="205" height="400" alt="Imagery" /> </div> <p>...the introductory paragraph...</p> <ol> <li>...various bullet points went here...</li> </ol> </textar
やばい、超便利！な賃貸物件一括検索サービスが本格提供開始 |EeePCカフェ
今回はネットブックならではのサービスではありませんが、ちょっとびっくりしたサービスを紹介します。 このスマイティというサイトは価格.comが7月1日から本格提供を始めたサービスなのですが（サイト開設は2008年8月25日）、今までの不動産サイトとは、どうやらちょっと違うみたいなのです。価格.comの賃貸版かなどと想像しつつ使ってみました。 まず、7月6日付け（昨日）の日経産業新聞のうろ覚えな情報ですと、ポイントは以下の3つあたり。 ・アパマンやいい部屋ネットなど主要な賃貸サイトを横断検索できる ・掲載は無料であるため、不動産屋が物件の出し惜しみをしない ・掲載条件には間取り図と外観の写真を必須としている お客さんから、スマイティ経由で不動産屋さんに問い合わせがあった時点で3000円の広告料が発生するみたいです。なるほどよくできていますね。同一物件は一つにまとめているというのも、検索において
『カンヌ広告祭2009 サイバーライオン 受賞作品一覧』
カンヌ広告祭は24日、CynerLions の受賞作品を発表。クイーンズランド州観光公社のThe Best Job In The World が、サイバーとダイレクトとPRの3部門でグランプリ。事例は、日刊・世界の広告クリエイティブ さんのエントリがわかりやすいです。以下受賞一覧。 ＜グランプリ＞ インタラキャンペーンから、クイーンズランド州観光公社のThe Best Job In The World インタラクティブツールから、運転の仕方に寄ってエコポイントが貯まるFIATのECO:DRIVE バイラルアドから、映画ダークナイトのジョーカーが運営しているという設定のサイトWHY SO SERIOUS? ■ Webサイト / スペシャルサイト ＜金賞＞ AXE ： 100 GIRLS （アメリカ） ユニクロ ： TOKYO FASHION MAP （日本） スウェーデン郵便局 POSTEN
サイトをリニューアルした時のメモ | Blog.37to.net
最終更新日 Sun, 28 Jun 2009 11:09:25 +0900 ブックマーク 半年ぐらい掛けて、少しずつ、ひっそりと、サイトをリニューアルしたので、その時のメモです。 当初は簡単なメモだったのですが、いつの間にかメモと言うには量が多くなってしまいました。 眠らせておくのも勿体ないのでまとめて公開します。 少し長いので（最近はむやみに記事が長い気がしますが）、最初に主な内容を書いておきます。 リニューアルの概要 HTMLのコーディング CSSとデザイン Movable Type4.2でのサイト構築 主に上記4つの内容となります。 HTMLとCSSは本職ではないのですが、ちょっと頑張りました。 リニューアルの概要 目的 古いデザインの一新 ブラウズ環境の変化に対する対応 (最新のブラウザに合わせた機能のサポート) (IEは7以上を基準にする。6はごめんなさい) 文字サイズの影響を受
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
ECサイトのためのアイコンセット30「30 High-Quality Icon Sets for E-Commerce Designs」
TOP > WebDesign > ECサイトのためのアイコンセット30「30 High-Quality Icon Sets for E-Commerce Designs」 カートやクレジットカードのアイコンなどECサイトならではの必要なアイコンが多々あります。今回紹介するのはECサイトのためのフリーアイコンセットをまとめたエントリー「30 High-Quality Icon Sets for E-Commerce Designs」 を紹介したいと思います。 定番中の定番のアイコンから、ちょっとひねりを加えたアイコンなど、様々なECサイトのためのアイコンが紹介されています。今日はその中からフリーで配布されていて、いくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Chalkwork Payment Icons 支払い関係のフリーアイコンセット、カードから
【CSS】覚えておいて損はない CSS の定番テクニック BEST 5 | バシャログ。
ネットで検索をすると CSS のテクニックが山ほど公開されていますが、実際に商用サイトの制作をしていて個人的に利用する頻度が高いテクニックの BEST 5 をご紹介します。 ちょっと凝ったデザインのサイトをコーディングする時に、これらのテクニックに助けられることが多いです。どれも覚えておいて損はないものばかりです！ IE6 でも min-height を使う 例えば、異なる高さのブロックを float しつつ底辺のラインを揃えたい時などに、「IE6 が min-height に対応していたら楽なのに！」と思うことがありますが、以下のテクニックを使えば IE6 でも min-height（相当）の適用が可能になります。 [CREAMU]CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 IE6 に mi
PHPからTwitterに簡単に投稿できる15行の関数:phpspot開発日誌
Tweeting from PHP - Fabien Potencier PHPからTwitterに簡単に投稿できる15行の関数が公開されています。 以下のような、tweet 関数で実現可能みたい。 function tweet($message, $username, $password) { $context = stream_context_create(array( 'http' => array( 'method' => 'POST', 'header' => sprintf("Authorization: Basic %s\r\n", base64_encode($username.':'.$password)). "Content-type: application/x-www-form-urlencoded\r\n", 'content' => http_build_que
ネットビジネスに必要な要素をまとめた一枚の図が良い感じ - IDEA*IDEA 〜 百式管理人のライフハックブログ 〜
ドットインストール代表のライフハックブログ
[CSS]Helveticaをこよなく愛する人のためのスタイルシートのチートシート -HELVETICSS
Helveticaをこよなく愛する人のためのスタイルシートのチートシートをtheWPresserから紹介します。 CSS Cheat Sheet Wallpaper in Helvetica ダウンロードできるスタイルシートのチートシートのサイズは3150x2000で、フォーマットはJPEGと色やレイアウトなどを変更できるようにPSDも用意されています。
HTML5 で試しに Web ページを組んでみた (改訂版) - VERSIONFIVE
先日のGoogle I/Oで大きく取り上げられたように、最近HTML5のニュースが増えていて注目度が上がっているようです。canvas要素やvideo要素、オフラインキャッシュのような、アプリケーション開発におけるHTML5が主に注目されているようですが、Safari 4のウェルカムページがHTML5で描かれていたり、国内でもlivedoorのラボが積極的に採用したりと事例も増えていますね。 そこで、約半年前に作ってみたサンプルのコードを見直して修正してみました。参考にしたのは以下のページです。 HTML 5 (W3C Working Draft 23 April 2009) HTML 5 (Editor’s Draft 13 June 2009) HTML 5 ― HTML 4 からの変更点 (Working Draft 23 April 2009) web:g HTML5 コードのアウ
タブで切り替わるインターフェースの決定版 – creamu
In The WoodsのCoda Slider and More With jQuery Toolsという記事で、jQuery Toolsで実装したCodaのスライダーのようなインターフェースが紹介されています。 デモは以下から。 » View the Example 超クールなので、タブメニューのインターフェースとしてかなり参考になるかと。 シンプルにフェードイン&アウト、ツールチップつき、Codaのように左右にスライドといったパターンがあります。 ぜひ見てみてください。 » Coda Slider and More With jQuery Tools iPhoneのイヤホンが壊れたのでApple Storeで交換の予約をしてきたぞ。早く新しいのほしいなーーー。
セクシーなドロップダウンメニュー実装サンプル:phpspot開発日誌
Sexy Drop Down Menu w/ jQuery & CSS | Noupe セクシーなドロップダウンメニュー実装サンプル。 次のような、セクシーかどうかはさておき、クールなメニューのサンプルが公開されています。 CSSで綺麗にレイアウトして、jQueryで実装したものです。 マウスオーバーで光る高級感がナイス 矢印↓ボタンを押した時にちゃんと凹むのもいい感じ。 タグ構造も結構綺麗に定義できてレガシーなブラウザ（ＩＥ６）にも対応しているっぽいのでなかなかオススメです。 関連エントリ チュートリアルでここまでやる？というプロレベルのWEBレイアウト作成チュートリアル jQueryクライアントとPHPサーバ間をJSONで結ぶチュートリアル
[JS]jQueryのプラグイン33+1選 -2009年6月
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Image Rotator スタイリッシュな画像ギャラリー。 GalleryView インターフェイスが豊富な画像ギャラリー。 Sl
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSを軽くするステップ5 – creamu
IDEA * IDEA
http://gerenuk.crazyphoto.org/2009/06/22/818/
IDEA * IDEA
文字を組む方法 | 文字の手帖
要チェックのクリエイティブな美しいFlashサイト50選