長文が問題なのではなく見せ方の問題（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...
こんにちは、purprin です。 秋ですね。まだまだ残暑がつづきますがいかがお過ごしでしょうか。 今日はみなさまにお知らせです。 なんと今回はご縁あって、日本語版 Twitter チームが開発する、新しいコミュニティサービスの基調デザイン制作を担当することになりました！！ Twitter をより楽しむためのサービスという位置づけとのことなので、楽しい雰囲気が出せるようにがんば...
UIのデザイン委託先ですが、エスカフラーチェLLC 山田あかねさん @purprinにお願いすることになりまた。コミュニティとディレクトリのスタイルシート作成を依頼することにしています。また、UIの基調についての会議の模様を9月5日金曜日午後4時からUストリーミングで会議の模様を中継します。UストリーミングIRCでの参加もできますので、お時間のある方はのぞいてみてください...
本連載では、ユーザビリティに配慮したFlashの正しい使い方や導入法について紹介します。 エンドユーザーのインターネット接続環境が加速度的に高速化している現在、ムービーやサウンドの要素を含んだリッチなウェブコンテンツは「当たり前」に見られるようになってきています。特に、閲覧に必要なプレーヤーアプリケーションの普及率が高く、プラットフォーム（OSや...
『 クリエイティブなWordPressで構築されたデザインサイト集:phpspot開発日誌 』
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...
サービスのコンセプトは全て統一 どうも、IT業界のえがちゃんです（笑） 今回のテーマは『検索』でした。 具体的に6つのサービスをカテゴライズしつつ紹介します。 ●画像検索 画像in - サクサク画像検索しちゃう ●動画検索 YouTube2.in - サクサク動画検索しちゃう ●２ちゃんねる検索 裏2ch閲覧.in - 会社PCで2ch見れないんだもん 裏2ch検索.in - サクサクとスレッド発見 ●インターネ...
Pixel Perfectは、ウェブサイトのデザインをピクセル単位でしっかり確認できるFirefoxのアドオンです。 Pixel Perfect Pixel Perfectは指定した画像をFirefox上に重ねて表示 [...]
Webブラウザーだけで楽しめるWebページのジェネレーターがある。Photoshopで写真画像を加工したり、ゴリゴリHTMLやCSSを書いてデザインするのも楽しいけど、たまにはお気楽に、思いっきり手を抜いてWebページを作ってみるのはどうだろう？ そのまま使ってもよし、デザインやマークアップの参考にするもよし。どれも無料のサービスなので、気軽に試せる。 CSSも画像もまとめて作...
SFS Site From Scratchから、HTML/XHTMLの各要素が配置されたスタイルシートのチェック用のテンプレートを紹介します。 HTML XHTML for CSS Testing こういうのを作ろう [...]
ようこそ「リグレト」へ！ リグレトは、日々の小さな『ヘコみ』や『後悔』に対して お互いが『なぐさめ』を送りあうことで、元気づけあえる場所です。 このサイトを閲覧するには、Macromedia Flash Player9以降が必要です。 お手数をお掛けしますが、ブラウザのJavaScriptをオンにし、下記のリンクよりFlash Playerをダウンロードしてください。
『 100のNiceでBeautifulなBlogのDesign（って、ほとんど英語じゃんｗｗ） 』
ページが見つからなかった場合に出てくる404ページですが、カスタマイズするのが面倒だったりしますよね。そこで登場したのがGoogleの「Custom 404 pages」。 なんとコードを貼り付けるだけで、自動的に「関連するページはこちらかも☆？」とか「サイト内検索はこちら」といった機能を提供してくれます。ちょっとしたことですが、訪問者に優しい仕掛けですね。 ↑ 検索ボックス...
Webサイトを構築する際に、どのバージョンのブラウザまでサポートするかが問題になりやすい。最新のバージョンだけであれば良いのだが、不特定多数へのサービス提供となればそうもいかないだろう。 様々なバージョンのIEが立ち上げられる IEの場合で言えば5.5以降を対象とする場合が多いように思う。だがそんなバージョンのIEを簡単に用意できるだろうか。そこで使いた...
『 非常に良いデザイン。ただ画像表示をオフにすると何も見えない＞＜まぁ、「選ぶ決め手は一目惚れ」（http://matomeno.in/abouts/）と言ってるからなぁ…… 』
Green Gecko Designから、divで囲まれたエリアを省スペースに表示し、オリジナル画像を使ったスクロールバーを使用できるスクリプトを紹介します。 MooScroll デモ スクロールバーを形成する画像構 [...]
『 NTTデータ製。Webページのアクセシビリティを約130の観点でチェック。accesskey属性が一般的なブラウザのショートカットキーと重複しているかどうか見てくれる! 』
SexyLightBox - www.coders.me表示法が新しくセクシーなLightBox、その名も「SexyLi...
