Flashを使用しないで、画像ギャラリーを実装するスクリプトやスタイルシートの紹介です。 Slideshow 2 minishowcase photo starfield simulation gallery Javascript Image Gallery Using Mootools (E)2 Photo Gallery Slider Gallery Coverflow in Javascript ProtoFlow Spacegallery JonDesign's SmoothGallery 2.0 jQuery Gallery Flickrshow. Galleria jqGalViewIII easyALBUM slideViewer Interface Slideshow Image Transition Manager Highslide JS MooPix LightWindow v2.0 ThickBox Not so simpl...
Smashing Magazineのエントリーから、シンプルなラインがかわいいフリーのアイコンセットを紹介します。 Simplicio: A Free Icon Set アイコンは78個がセットで、PNG(32 [...]
サービスのコンセプトは全て統一 どうも、IT業界のえがちゃんです(笑) 今回のテーマは『検索』でした。 具体的に6つのサービスをカテゴライズしつつ紹介します。 ●画像検索 画像in - サクサク画像検索しちゃう ●動画検索 YouTube2.in - サクサク動画検索しちゃう ●2ちゃんねる検索 裏2ch閲覧.in - 会社PCで2ch見れないんだもん 裏2ch検索.in - サクサクとスレッド発見 ●インターネ...
Pixel Perfectは、ウェブサイトのデザインをピクセル単位でしっかり確認できるFirefoxのアドオンです。 Pixel Perfect Pixel Perfectは指定した画像をFirefox上に重ねて表示 [...]
ようこそ「リグレト」へ! リグレトは、日々の小さな『ヘコみ』や『後悔』に対して お互いが『なぐさめ』を送りあうことで、元気づけあえる場所です。 このサイトを閲覧するには、Macromedia Flash Player9以降が必要です。 お手数をお掛けしますが、ブラウザのJavaScriptをオンにし、下記のリンクよりFlash Playerをダウンロードしてください。
ページが見つからなかった場合に出てくる404ページですが、カスタマイズするのが面倒だったりしますよね。そこで登場したのがGoogleの「Custom 404 pages」。 なんとコードを貼り付けるだけで、自動的に「関連するページはこちらかも☆?」とか「サイト内検索はこちら」といった機能を提供してくれます。ちょっとしたことですが、訪問者に優しい仕掛けですね。 ↑ 検索ボックス...
Webサイトを構築する際に、どのバージョンのブラウザまでサポートするかが問題になりやすい。最新のバージョンだけであれば良いのだが、不特定多数へのサービス提供となればそうもいかないだろう。 様々なバージョンのIEが立ち上げられる IEの場合で言えば5.5以降を対象とする場合が多いように思う。だがそんなバージョンのIEを簡単に用意できるだろうか。そこで使いた...
『 非常に良いデザイン。ただ画像表示をオフにすると何も見えない><まぁ、「選ぶ決め手は一目惚れ」(http://matomeno.in/abouts/)と言ってるからなぁ…… 』
Green Gecko Designから、divで囲まれたエリアを省スペースに表示し、オリジナル画像を使ったスクロールバーを使用できるスクリプトを紹介します。 MooScroll デモ スクロールバーを形成する画像構 [...]
テキスト自体に3Dやメタルやグランジのエフェクトをかけたものから、背景も合わせてデザインされたものまで、テキストをかっこよく魅せるPhotoshopのチュートリアルの紹介です。 Dynamic Recessed Watercolor Typography Colorful Typography Big Typography Snowboarding Poster Using Light And Shadow Scanline Text Colorful Glowing Text Effect Creating an elegant logo Moon Shine Text Effect Elmas Yazı Efekti Colored chrome text effect Army text style...
ウェブページで表示するフォントの種類が変われば、文字の見た目の大きさが変わってしまい、レイアウトが崩れてしまうことがある。デザインの統一感や可読性のためにも、文字の見た目の大きさが変わらないように注意しよう。 表示に使用するフォントの種類が変わると、同じフォントサイズで表示していても文字の見た目の大きさが変わってしまう。デザインによっては...
Webページを構成する技術を超初心者向けに説明。まずは基本の基本である「HTML」について。ハイパーなタグ付きテキストを一緒に解読しましょう インターネットはHTMLでできている? インターネットの利用者は総務省の調べによると、平成18年度のおととしの時点で8754万人に達したそうです。人口に対する普及率は68.5%で、およそ7割の人が、インターネットを利用している...
『 デザインも秀逸なナビゲーションを実装するスタイルシートとスクリプトのチュートリアルの紹介です。シンプルできれい! 』
最近のPhotoshopのチュートリアルはどんどんレベルがあがっていて、見てるだけでも楽しめて、なんだか上達した気分になってしまいます。。 Photoshopの上級者クラスになると、まるで光を操るかのように自然な光を表現しています。 今回は、なるべく簡単できれいに見える、光を表現するPhotoshopのチュートリアルをまとめてみました。 Design a Coldplay/Apple Inspired Portrait in Photoshop Coldpla...
ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる!とか、売上が上がる!といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんあり...
A List Apartのエントリーから、CSS Spriteを使用したナビゲーションに、マウスオーバー時にアニメーションのエフェクトをつける「CSS Sprite2」を紹介します。 CSS Sprites2 - It [...]
こんにちわ。モバイルディレクターの飯田瞬です。 ウェブディレクターの中には、SSL サーバ証明書が必要なウェブサイトの構築を担当した人は少なくないと思います。 今回は SSL サーバ証明書を取得するにあたり、ディレクターが知っておいた方が幸せになれる必要最低限な事項を簡潔にまとめてみました。 割愛している部分もかなりありますが、詳細まで突っ込むと1エントリ...
「©(コピーライト)」「€(ユーロ)」「π(パイ)」「µ(マイクロ)」「∞(無限大)」など特殊記号文字を入力する際の、WindowsやMac環境でのキーボードの入力方 [...]
公式ドキュメント Firebug Console API Firebug Command Line API 気になったところ $$(selector) 複雑なCSSセレクタでなければjQueryの$関数の変わりとして使える感じ。 dirxml(node) outerHTML相当のHTMLを出してくれる感じ $$(selector)と組み合わせると便利そう。 inspect(object[, tabName]) 指定したオブジェクトを指定したタブで表示できる。特定要素をHTMLタブで表示させる時、「inspect($$('table#some-id td')[0],'html');...
前のやつはこれだ!http://anond.hatelabo.jp/20080822113934休み明けでしっかりリフレッシュしたからまた書いてやんよ!リフレッシュつっても遊んでばっかだけどな、ブログ全然書いてないぜHAHAHA!!土日は1記事更新とかにしてるから楽だぜ。その分アクセスも減るけどイキ抜きできなきゃ男として生きてらんねーだろ。変な意味じゃねーぞ!はてなブックマークとか気にスンナはてブあん...