2009年8月アーカイブ

Vandelay Design Blogより、デザインの参考になるユニークなレイアウトのWebサイトの紹介です。

site0908221.jpg

PNGのファイルサイズを下げることのできるオンラインサービス「punypng」の紹介です。

js0908223.jpg

davidwalsh.nameより、jQueryまたはMooToolsを使ったボックスに透過効果のあるアニメーションをつけるスクリプトの紹介です。

jQueryでのデモページはこちらから

MooToolsでのデモページはこちらから

js0908222.jpg

Quenessより、jQueryで作る水平のTooltipsメニューの紹介です。

デモページはこちらから

css0908221.jpg

CSS-Tricksより、背景画像をどんな環境でもフルに表示させる方法という興味深いエントリーがあるので紹介します。

デモページはこちらから

Psdtuts+より、様々なシーンで使えそうなソーシャルメディアのアイコンセットの紹介です。

この前、テキストボックスの中の文字列をクリックしたときに選択状態にさせる方法をど忘れしてしまいました。

結構、簡単なことなのですが、使わなくなるとどうも人間って忘れていきますよね。[完全に言い訳です。]
そこで、自分のための備忘録としてソースを表記しときます。もし参考になるようでしたら使ってください。

ちょっと前に見つけた記事なのですが、今更IE7という感もありますが、、JavaScriptの罠的な要素を含みますので、特にJavaScriptを勉強中やこれから勉強を始めようとする人には良い情報だと思いますので、紹介します。

世界企業のMicrosoftの本社を見てきました。

js0908161.jpg

場合によれば、ユーザビリティ、アクセシビリティを考慮できるスクリプトです。その文字の続きをあらわすことのできるハイフンを表示することができるからです。

文字の途中改行に自動でハイフンがつけることができる「Hyphenator.js」の紹介です。

デモページはこちらから

drop0908151.jpg

Papermashup.comより、PHPとjQueryで作るボックスのドラッグ&ドロップの紹介です。

img0908151.jpg

Quenessより、jQueryで作る画像に画像タイトルと説明文を滑らかなスライドイン効果をだすスクリプトの紹介です。

デモページはこちらから

Vandelay Design Blogより、非常に参考になる雑誌のようなレイアウトのWebサイトの紹介です。

sixrevisions.comより、可愛くデザインした動物のイラストを上手に使っているWebサイトの紹介です。

css0908153.jpg

Noobcubeより、CSSで作るイメージマップの紹介です。

デモページはこちらから

jq0908151.jpg

devirtuoso.comより、jQueryで作るアニメーション効果のある3DTag Cloudsの紹介です。

デモページはこちらから

webdesignbooth.comより、Photoshopの代わりとなるアプリケーションの紹介と紹介分の和訳です。

テストの時や簡単な加工が必要な時、いざという時にPhotoshopが無い場合もあります(職場が変わった場合など・・・)。そういうときにフリーでダウンロードできるので重宝しそうなアプリケーションばかりです。

CreativityDenより、jQueryで作る太陽が上るアニメーションのスクリプトの紹介です。

デモページはこちらから

Inspirationより、ハイクオリティなデザインのブログサイトの紹介です。

Brian Cray's Blogより、フォームで使えるチェックボックスをすべて選択させるスクリプトの紹介です。

デモページはこちらから

Chris Page's Weblog of Doomより、デバックに使える(X)HTMLの構造をアウトライン化することができるCSSの紹介です。

The CSS Ninjaより、CSS3を使ったアコーディオンの作成方法の紹介です

デモページはこちらから

UX Boothより、非常に有効活用できるアクセシビリティ・ツールの紹介です。

Google Chrome 3.0 βにバージョンアップしました。

いろいろな情報にもあるように、2.0よりも高速になったそうですが、自分でも試してみました。

MDC(Mozilla Developer Center)をtwitterでフォローしているのですが、そのMDCのつぶやきでFirefox 3.6 Alpha 1がリリースされたという情報がポストされたので、早速インストールしてみました。

ダウンロードはこちらから、Windows、Mac OS X、Linuxとも公開されています。

Windowsの場合は、「Namoroka 3.6 Alpha 1 Setup.exe」、
Mac OS Xの場合は「Namoroka 3.6 Alpha 1.dmg」、
Linuxの場合は「namoroka-3.6a1.tar.bz2」。

snook.caより、CSSでテキストを回転させて、スタイリッシュな日付表にする方法の紹介です。

Font Squirrelより、@font-faceのCSSルールで使えるフォント100の紹介です。

Safari4やFirefox3.5のリリースにあたり、徐々に、その全貌が明らかになりつつある「@font-face」ですが、「@font-face」とは、自分の好きなフォントをWebページで表示することができるプロパティです。

instantShiftより、最近の企業サイトのWebデザインの紹介です。

devirtuoso.comより、スクリプト設置なしでCSSだけで作る画像ギャラリーの紹介です。

デモページはこちらから

鉛筆で書いたような手書き風なフォント紹介第5弾です。

Juicy Studioより、画像の属性(alt,width,height,longdesc)を設置しているかチェックできるオンラインサービス「Image Analyser」の紹介です。

OoeyGUIより、ページ内リンクへ滑らかに移動するjQueryプラグインの紹介です。

デモページはこちらから

Web Design Ledgerより、水彩の効果をほどこしたデザインのWebサイトの紹介です。

前回、自分の備忘録としてまとめていましたが、それなりに必要とされるテクニックがまだありますので、またそれを「使えるCSSテクニックまとめ」として記述しときます。

RSS feed

  • 購読する
  • RSD登録
  • RSS登録

webページ

タグクラウド

Powered by Movable Type 4.1
twitterフォロー

スポンサー広告

bookストア

Mozilla Firefox ブラウザ無料ダウンロード