Flash不要！JavaScriptで派手なWebデザイン
ブラウザーいっぱいに広がる鮮やかなグラフィック。フェードインでゆっくりと出現する写真画像。スクロールしながら画像に重なっていく半透明のテキストボックス――思わず見とれてしまう、キャンペーンサイトなどでおなじみの“派手なWebサイト”は、フルFlashが一般的だ。「Flashはよく分からないし、そもそもオーサリングツールもない」という個人サイトの制作者はあきらめるしかなかった。 パリ在住のフリーコンサルタント／Webデザイナー「Sebcreation」のWebサイトは、そんな常識を打ち破ることに挑戦している。まずはトップページを見てみよう。 おなじみのローディングアイコン、上下右左から次々とスライドしてくる半透明のテキストボックス……といったダイナミックなデザインに、「またFlashか」と思わずつぶやいてしまうかもしれない。ところがSebcreationでは、アニメーション／エフェクト処理を
IKEA + Apple = ゲーセンインテリア
ギャラガとかパックマンとか、懐かしいゲームが自分の部屋で、しかもセンスいいインテリアとしてプレイできたらおもしろくないですか？ PowerBookとIKEAのサイドボードを使って、自分専用のゲーム台を作ってしまった人がいるんです。しかもお安く、（わりと）簡単に。ヒンジが壊れたPowerBookを、アーケードゲームエミュレータMacMAMEでゲーム用タブレットにして、ジョイスティックをUSBで接続。IKEAの小さな棚（RAMVIK）の中に、PowerBookを入れ込んで、電源とディスプレイケーブルをああしてこうして…電源ON！ テーブルの中にAppleのロゴが浮かび上がります。 スクリーンの周りをちゃんと黒いボール紙で覆ってあって、見た目もすごくきれいに仕上がってます。 全然インテリアとして成り立ってますよね。 ［Mamebook cocktail via Unplggd］ Mark Wil
「はてなダイアリーに女性向けのかわいいデザインが無い」とか言われるけど、公開デザイン+テーマ1268個を全部チェックしたオレが全力でかわいいデザインを薦めるよ - 聴く耳を持たない(
先日のメールマガジン週刊はてなで ♪れいこん(id:reikon)のはてなピックアップ その169♪ 「女性向けのデザインが少ない！」「もっとお洒落にブログを飾りたい！」 はてなダイアリーのデザインについて、しばしばそんなご意見をいただきます。 どうやらトップページをはじめとするサイト全体の色合いがブルーが多く、 ちょっとコンサバなデザインであることも手伝って、女性の方は物足りない、 と思われることが多いみたいです。 週刊はてな バックナンバー と書かれていましたが、「はてなダイアリーには女性向けのデザインが少ない」とか、または「かわいいデザインが無い」という意見をよく見ることがあります。 しかし！ でも、でも・・それは大きな誤解です！ 週刊はてな バックナンバー と id:reikonさんも仰っているように、あんまり目に付かなかったり探し難かったりするかもかもしれませんが、はてなダイアリ
センスのいい、美しいデザインの履歴書:Part 2 | コリス
JobMobのエントリーから、センスのいい、美しいデザインの履歴書を紹介します。 38 More Beautiful Resume Ideas That Work 美しいデザインの履歴書：1 美しいデ
無料で使える素晴らしい紙の背景&テクスチャ30選『30 Great Free Paper Backgrounds and Textures』 – creamu
Design 無料で使える素晴らしい紙の背景&テクスチャ30選『30 Great Free Paper Backgrounds and Textures』 紙のテクスチャ探している。 そんなあなたにおすすめなのが、『30 Great Free Paper Backgrounds and Textures』。無料で使える素晴らしい紙の背景&テクスチャ30選だ。 以下にいくつかご紹介。 その他のリストは以下から。 » 30 Great Free Paper Backgrounds and Textures All of these textures should be free for commercial use, but to be absolutely sure, check each web site usage terms and license before downloading
webサイト製作中に俺が陥りがちなこと11 - the cycles of activity
一週間でできるなーとか見積もっちゃうできない！できるのは骨組みだけだ！修正とかエラーチェックとかしてると時間だけは無駄に食う！おまえに一週間でできる仕事はない！トップページのデザインをして終わりだと思うリーフなんてトップの焼き増しだし、リーフなんて適当にあとでやりゃいいやと思いがち。んなこたない、リーフのデザインはどれだけそのサイトに時間がかかっているかを見極めるポイントである。CSSだけで構築された「このサイトについて」なんてコンテンツは寂しすぎる。グラフとか絵が必要、であればしっかりと書き下ろすべきなのだ！スタイルシートの名前を適当につけるDIV.column DIV.leftとかやっておきながら、後でDID.column DIV.inner DIV.leftとか作っちゃう、すると前に書いた奴を引きずっちゃう、ウザイ。ちゃんと考えろ構造を、ちゃんと後先考えろ！なんでそんな名前つけてんだ
うずまき型のPhotoshopブラシいろいろ:phpspot開発日誌
400 Swirls, Curls, and Fleurons | Design Reviver Ornamental web design is often comprised of swirling, curling, or flower shaped elements. うずまき型のPhotoshopブラシがいろいろと紹介されています。 Curly Brushes Floral Deco Brushes Floral Deco Brushes 2 Decorative swirls Vine Love Brushes 全部見る 背景なんかに使うとオシャレなサイトが出来そうですね。 関連エントリ ゲームみたいな可愛いPhotoshopブラシ集 クオリティの高いPhotoShopブラシいっぱい PhotoShop用、超クールなフラクタルブラシ
やはりというか、ドコモ新ロゴタイプの惨めな評価結果 : 大西 宏のマーケティング・エッセンス
2008年07月02日10:00 やはりというか、ドコモ新ロゴタイプの惨めな評価結果 カテゴリブランディング kinkiboy Comment(28)Trackback(4) さて皆さまは、新デザインと旧デザインのどちらが好きですか。なにかのテストとしても使えそうです。 ドコモのロゴタイプ評価のアンケート結果がC-NEWS生活者情報マーケティングデータで紹介されていますが、本当に気の毒な結果でした。 [NTTドコモの新コーポレートブランドロゴ 受け入れてもらうために越えるべき壁は多い 新デザインと旧デザインで、どちらが好きかという問いに、旧デザインとした人が８２％で、新デザインを好きとした人は１８％。どちらのデザインのついた携帯電話機を購入したいと思うかという問いにも、旧デザインとした人が４９％で、どちらともいえない人が３２％で、やはり新デザインとした人は１８％でしかありません。旧デザイン
手に持ったまま／タテヨコ関係なし／切り取って――コクヨのスリムB5ノートに新3タイプ
コクヨS＆Tは、スリムB5サイズノートの第2弾として、裏厚表紙タイプ3種類、特殊罫タイプ2種類、ミシン目入りカットオフタイプ1種類を7月8日に発売する。価格は136円～189円。 スリムB5サイズノートは、一般的なB5ノートの横幅を33ミリ短くしたもの。コクヨによれば、コンパクトでありながら、充分な筆記スペースを兼ね備えたサイズで、2005年10月の発売以来、学生に限らず主婦や会社員など、比較的年代の高い層が支持しているという。 今回発売する第2弾は、そうした主婦や会社員などの利用シーンを考慮し、3タイプを用意した。大きさはそれぞれ252×146ミリ（縦×横）。手に持ったままノートに書き込むシーンを想定したのが、「裏厚表紙タイプ」。厚手の裏表紙を採用した。ページ枚数は40枚で、普通横罫30行、中横罫35行、5ミリ方眼の3種類を用意。価格はそれぞれ189円となっている。 図表やイラストなどを
【ハウツー】わずか数行で"ものすごいテーブル"に! - jQueryプラグイン「Flexigrid」 | エンタープライズ | マイコミジャーナル
Copyright (C) Mainichi Communications Inc. All rights reserved. 掲載記事の無断転載を禁じます
Photoshopのブラシ・プラグイン・パターン・チュートリアルのポータルサイト | コリス
Photoshopのブラシ・プラグイン・パターン・テクスチャ・チュートリアルを数多く紹介しているPhotoshop Mosaicの紹介です。
[使える CSS テクニック] CSSを使った見栄えの良いフォーム | バシャログ。
第 8 回目は「CSSを使った見栄えの良いフォーム」です。 フォームまわりは、各ブラウザによってかなり差異があります。 よって CSS だけで見栄えをよくしようとすると、結構手間だったります。 例をあげると magin・paddingが異なる borderの線がでない 背景が画像があたらない などなど そんな時に便利なのが 「niceforms」 という javascriptライブラリです。 すいませんが、今回だけは javascript を使わせてください。 niceforms のサンプルはこちら 導入方法 まずは、niceforms をダウンロードします。 次に、必要な jsファイル および cssファイル をインクルード。 <script language="javascript" type="text/javascript" src="niceforms.js"></script>
![[使える CSS テクニック] CSSを使った見栄えの良いフォーム | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f4390ea5b2b558adfd9c349b9a080aae407daff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fshared%2Fpublic%2Fimg%2Fcommon%2Ficon_ogp02.png)
mixiトップページ、7月7日にリニューアル
ミクシィは、SNS「mixi」のトップページを7月7日にリニューアルする。メニューをシンプルにし、「日記を書く」ボタンを新たに設置。自分の更新履歴は左カラムにまとめるなど、従来より分かりやすいユーザーインタフェースになっている。 ページ上部のメニューはこれまで2段にわたっていたが、1段にまとめてシンプルに。トップページ上部中央にあった検索ボックスは右側に常設する。 「日記を書く」ボタンはプロフィール画像直下の目立つ場所に設置し、従来よりアクセスしやすくした。自分の日記やフォトアルバムなどの更新履歴も左カラムでまとめて確認できるようにした。 中央カラムは「日記」「コミュニティ」「マイミクシィ」と3つのエリアに分け、それぞれの更新情報を一目でチェックできるように。右カラムの「天気」メニューは「カレンダー」に変更し、その日誕生日のマイミクや自分の予定も確認できるようにする。
たった6行でWebサイトのUIをガラッと変える
「こんな長いWebページ、まったく読む気がしない」。Webサイトを閲覧していてこんな経験をしたことは誰しもあるのではないだろうか。一方で、Webサイトを作る側にとっては、どこまでを1ページにまとめるかは常に悩むところだと思う。長いからといってむやみにページが分割されているのも考えもので、今度は「次のページへ」ボタンをクリックするのが面倒になり、ストレスがたまる。 CogniTom Academic Designが作った「bookreader.js」は、そんな悩みを解決してくれるかもしれない。bookreaderは、本や雑誌をめくるような感覚で、Webページの本文を横にスクロールさせるJavaScriptライブラリだ。 「bookreader.js」のWebサイト。サイト自体がbookreader.jsを使ったデモサイトを兼ねている。中央にある [<] [>] をクリックすると1ページずつ、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
俺エンブレムを作る :: デイリーポータルZ
写真画像を見栄えよくするPhotoshopのチュートリアル集: Part 4
IDEA * IDEA
「GyaO」刷新、トップページにMS「Silverlight」採用
和風デザインでカッコいいサイトのまとめ：その２ at 和の暮らしを楽しむブログ -瑠璃色Tradition-
動画：タッチ操作に最適化したFirefox Mobile UIコンセプト