長文が問題なのではなく見せ方の問題（Orbiter）を読んで、見やすいブログってどんなブログだろう？と思ったので書いてみた。 ブログに関して自分が好きなデザインが見やすいかどうかというと必ずしもそうではなかったり。 私の場合、はてなが準備したデザインをそのまま利用させてもらっているのですが、選ぶ際はデザインの好みと見やすさの二点を重視しています。 １．...
Typechartは、WindowsやMac環境でタイポグラフィがどのように見えるかと、それを実装するスタイルシートをダウンロードできるサイトです。 Typechart - Browse Web Type, Grab [...]
紙テクスチャや背景画像を作成するPhotoshopのチュートリアルの紹介です。 フリーの素材集も便利ですが、形状や色を変更し自分好みのテクスチャを作成することもできます。 Frosted Wallpaper Swirl Pattern Using Filters and Gradients Create an Awesome Grass Texture How To Make An Awesome Grungy Paper Texture Craft a Vintage Fifties Letter Leather texture Making a Wood Texture Create a Realistic Wood Texture Create a Realistic Stone Texture brushe...
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 [...]
SFS Site From Scratchから、HTML/XHTMLの各要素が配置されたスタイルシートのチェック用のテンプレートを紹介します。 HTML XHTML for CSS Testing こういうのを作ろう [...]
ようこそ「リグレト」へ！ リグレトは、日々の小さな『ヘコみ』や『後悔』に対して お互いが『なぐさめ』を送りあうことで、元気づけあえる場所です。 このサイトを閲覧するには、Macromedia Flash Player9以降が必要です。 お手数をお掛けしますが、ブラウザのJavaScriptをオンにし、下記のリンクよりFlash Playerをダウンロードしてください。
ページが見つからなかった場合に出てくる404ページですが、カスタマイズするのが面倒だったりしますよね。そこで登場したのがGoogleの「Custom 404 pages」。 なんとコードを貼り付けるだけで、自動的に「関連するページはこちらかも☆？」とか「サイト内検索はこちら」といった機能を提供してくれます。ちょっとしたことですが、訪問者に優しい仕掛けですね。 ↑ 検索ボックス...
Webサイトを構築する際に、どのバージョンのブラウザまでサポートするかが問題になりやすい。最新のバージョンだけであれば良いのだが、不特定多数へのサービス提供となればそうもいかないだろう。 様々なバージョンのIEが立ち上げられる IEの場合で言えば5.5以降を対象とする場合が多いように思う。だがそんなバージョンのIEを簡単に用意できるだろうか。そこで使いた...
『 非常に良いデザイン。ただ画像表示をオフにすると何も見えない＞＜まぁ、「選ぶ決め手は一目惚れ」（http://matomeno.in/abouts/）と言ってるからなぁ…… 』
『 デザインも秀逸なナビゲーションを実装するスタイルシートとスクリプトのチュートリアルの紹介です。シンプルできれい! 』
『 インパクトのあるポスター画像を作るPhotoshopチュートリアル集。 次のようなプロっぽいポスター画像を作るチュートリアルがいろいろ。 』
ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる！とか、売上が上がる！といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんあり...
『 ブログのテンプレートのデザインを担当したとき、「大型サイト用、中型サイト用、小型サイト用の3パターン作成してください」と要望された。ブログって最初はみんな小型サイトなんじゃないの??? 』
こんにちわ。モバイルディレクターの飯田瞬です。 ウェブディレクターの中には、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記事更新とかにしてるから楽だぜ。その分アクセスも減るけどイキ抜きできなきゃ男として生きてらんねーだろ。変な意味じゃねーぞ！はてなブックマークとか気にスンナはてブあん...
jQueryでかっこいいUIを実装したい。 そんなときにおすすめなのが、『10 useful jQuery plugins』。jQueryの便利なプラグイン10選だ。 以下にご紹介。 ・jQuery UI Webアプリをデスクトップアプリのように動作させる。タブメニューやスプリットペイン、ドラッグできるフォトマネジャーなど ・Mark-It-Up テキストエリアをマークアップエディタに変えてくれる ・jQuery cookie plugin クッキ...
Photo by napalm nikki クライアントのこんがらがった頭のなかにある、おぼろげなイメージを形にするのが、デザイナーのお仕事。とは言うものの、「もうちょっとポップに！」「気持ち、ふんわり系に！」「もう2案くらい出してよ」…なんて言葉に翻弄されつつ、今日も今日とてディスプレイの矢印を操っているデザイナーさんへ贈る、ライフハック10選は以下からご覧下さい。 【写...
