一流のサイトデザインを一から作成する手順集:phpspot開発日誌
The 60 Best Photoshop Tutorials to Design Your Own Amazing Site | 一流のサイトデザインを一から作成する手順集。 次のようなクールなサイトデザインをPhotoshopで作っていくチュートリアル集が公開されています。 Photographer Portfolio layout Unique Grungy Website Layout Game Layout with Scratched Menu Wedding Layout Simple Business Style Agency Layout 全部見る 参考に作ればデザインの苦手な人でもそこそこのページが出来そうですね。
Carousel | blog / bookslope
最近よく目にする、いくつかの要素がローテーションするナビゲーションのことですが、「カルーセル」という呼び名があります。 「回転木馬 (?)」という意味ですかね。もちろん「カルーセル麻紀」ではなく (なぞ)。 UIパターン系サイトでも同じように取り上げられているのでご紹介します。 Carrousel – Interaction Design Pattern Library – Welie.com Carousel – UI-patterns.com Carousel Pattern – Yahoo! Design Pattern Library 下記に詳しい説明が載っていました。 Carousel Design Pattern >> Yahoo! User Interface Blog Use When Use when the user’s mental model of a topic
Pencil Project | blog / bookslope
「Web情報アーキテクチャ（IA）とツール」の連載第二回を公開されました。 第2回 ワイヤーフレームと設計ツール これを書き終えたとき、「IxDA Discussion」を見ていたら面白いツールが紹介されていました。 Pencil Project これは、「open-source wireframing Firefox add-on」として紹介されていて、下記のリンクから見ることができます。 IxDA Discussion: Pencil: open-source wireframing Firefox add-on インストールしてみるとわかりますが、Firefoxのadd-onツールです。 つまり、Firefox上で簡単なGUIを作成することができるツールです。しかも無料です (って別に営業してるわけではないけど)。 メニューはもちろん英語なんですが、中のドキュメントとしては日本語も使
WAI-ARIA（日本語訳）：日立のユニバーサルデザイン
WAI-ARIAとは、Web Accessibility Initiative-Accessible Rich Internet Applicationsの略で、W3Cが現在、勧告に向けて策定作業を進めているリッチなインターネットアプリケーションのアクセシビリティに関する仕様書のことです。JavaScriptやAjaxなどを使用した動的なコンテンツは、スクリーンリーダーやキーボード操作では利用できないことがあります。WAI-ARIAは、そういった問題を解決すべく、W3CのProtocols and Formats ワーキンググループ (PFWG) において策定されています。 WAI-ARIAの関連文書群の原文は英語ですが、日本におけるこの仕様への理解と普及が進む一助になればと、日立が社内用に翻訳した文書を日立のユニバーサルデザインサイトで公開します。Webサイト、Webシステムのアクセシ
ケータイマーケティングマップ [モバイルでの集客経路がひと目でわかる!] - 携帯マーケ入門#7 | 今からでも遅くない！ これから始めるケータイマーケティング入門
ここでは、『Web担当者 現場のノウハウVol.12』に、2ページ見開きで掲載された「ケータイマーケティングマップ」を公開する。 PC向けサイトへは、どのような経路でユーザーが訪れているのか、そしてケータイ向けサイトにはどのような経路でユーザーが訪れているのか、その違いをひと目で見られるようにしているマップだ。 集客力の高い誘導経路はそれだけ太い矢印で示しているので、A3サイズで印刷して手元に置いておいて、ケータイマーケティングにおける集客戦略のプランニングに役立ててほしい。 ケータイサイトへの集客は、以前はキャリア公式メニューからの誘導が主流だったが、検索エンジンのオープン化（一般サイトも検索対象化）により、SEOやリスティング広告が急速に定着しつつある。さらに、各メディアからのアフィリエイト広告だけではなく、フリーペーパーなど生活のさまざまなシーンからの誘導を行うことができる点がケータ
![ケータイマーケティングマップ [モバイルでの集客経路がひと目でわかる!] - 携帯マーケ入門#7 | 今からでも遅くない！ これから始めるケータイマーケティング入門](https://cdn-ak-scissors.b.st-hatena.com/image/square/83fac6f85364562f595c31c9c65c03d6cb54417a/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Farticle2008%2Fkeitai_mar_nyumon%2Fkeitai_mar_nyumon_icon11.jpg%3Fitok%3DknZDsrRo)
Form Elements: 40+ CSS/JS Styling and Functionality Techniques - noupe
Form Elements: 40+ CSS/JS Styling and Functionality Techniques Designing effective web forms isn’t easy, as we need to figure out more practical styling and functionality techniques to provide a great user experience. Recently there have been a number of noteworthy techniques such as styling different form fields, live validation, Context highlighting, trading options from field to another, slider
Geekなぺーじ : エンジニアが見落としがちなこと
過去に自分が間違っていたと思うことや、身近なエンジニア(技術者/研究者等)が「見落としているんじゃないか」と思える部分を列挙してみました。 ただし、それぞれ状況と立場次第であるものが多いのでご注意下さい。 製品を売る場合や、論文を書く場合、個人の場合など、様々な立場での色々なものをごっちゃに書いてしまいました。 1. 技術の凄さのみが戦局を決めるわけではない 「技術が凄ければユーザは勝手についてくる」という発想に出会う事があります。 それは、正しい場合もあれば正しくない場合もあると感じています。 最近は、得てして「技術だけ」ではあまり成功しないような気がしてきました。 そもそも「凄い技術」とは何なのかという部分が難しいです。 その「凄さ」が実現しているものと、ニーズとの一致などが的確で無い場合、いくら凄くても理解してもらえないことも多いです。 2. 誰が言うか、誰がやるかも大事な要素 全く
博報堂 HAKUHODO Inc.
博報堂のWEBサイト。生活者発想を活かしたクリエイティビティで、社会に新たな価値を生み出していきます。ニュース、企業情報、採用情報、データ・最新ナレッジの提供。
JavaScript でテトリスみたいなゲームを作ろう！ - セキュリティ＆プログラミングキャンプ JavaScript 入門講座資料
HTML とは HTML とは、誤解を恐れずに言ってしまうとウェブページ（ホームページ）を作るために使われている言語です。 例えば、以下のようなものが HTML です。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <title>タイトル</title> </head> <body> <h1>見出し</h1> <p> 本文本文本文本文本文本文本文本文本文本文本文本文本文本文 本文本文<a href="hoge.html">ハイパーリンク</a>本文 本文本文本文本文本文本文本文本文本文本文本文本文本文本文 </p> </body> </html> サンプル イメージ湧きましたか？ では、何故 HTML という
誰も仕事をサボれない仕組みづくり : LINE Corporation ディレクターブログ
こんにちは。ライブドアでディレクターをしている川口です。 組織の中にいると、誰かしら「自分一人くらいサボったっていいだろう」という意識が働いてしまうのではないでしょうか。 いかに個々人のモチベーションを上げるかなども上司が頭を悩ますところではないかと思いますが、前職の営業会社では組織的に「サボることの許されない仕組み」ができていましたので、それをご紹介したいと思います。 【01】チームセリング 前職では各営業が個々に活動し、評価を受けるのではなく、チームセリングが導入されていました。 営業と内勤2人1組の “ユニット”が基本単位で、例えばユニットが5つ集まり10人の“チーム”となり、チームが3つ集まり30人の“グループ”となり、それが複数集まり“事業部”がある、といった構成でした。 ここでは、ユニットの2人は運命共同体です。 そしてユニットの成績が悪いとチームでカバーし、チームの成績が悪い
北京オリンピックに関するインフォグラフィック : could
スポーツ視覚化 北京オリンピックに関するインフォグラフィック Olympic Pictograms 象形文字のような競技ピクトグラム Google Maps Summer Games 2008 メダルの数も分かるスペシャル版 Google Maps。サイトに貼付けることも出来ます。他にもトーチリレーもありますね BBC Sport’s Olympic Map 衛星写真にオーバーレイした形で施設や競技が行われる場所が分かるようになっています。BBCの記者が Twitter をした場所まで表示されてます El mejor nadador de la historia 8冠を達成したマイケル・フェルプスの泳ぎを分析したビデオ。見ているだけでも興味がわいてきます A Map of Olympic Medals NYTimes は今回かなり気合いが入っています。そのひとつが、このメダルの獲得数を地図
MOONGIFT: » Ajax開発で使えそうなJavaScriptのHTMLレンダリングエンジン「PURE」:オープンソースを毎日紹介
Ajaxを使った開発において、Prototype.jsなどのAjaxではレスポンスを全て指定したID内に入れてしまうことでごく簡単に複雑なレンダリング結果を表示できるようにしている。Ajaxというと、結果のXMLを操作して複雑にJavaScriptを操作しなければならないというイメージに比べてずいぶん単純になり、身近になった。 サンプル だがそれでは通信量が増えてしまうのも事実だ。ごくシンプルなデータを複雑なレンダリングにつなげる、こちらを使ってみよう。 今回紹介するオープンソース・ソフトウェアはPURE、JavaScript向けのHTMLレンダリングエンジンだ。 PUREはjQueryプラグインとして動作するソフトウェアで、複雑なレンダリングを実現しようと思うとなかなか難しいJavaScriptによるHTMLレンダリングを容易にしてくれるソフトウェアだ。 クリックするとデータを追加するサ
まずはテーブルに載せてみなけりゃはじまらない！: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 仕事をしていてよく思うこと。 どうして議論をはじめる前に、手持ちの事実すべてをテーブルの前に開示してみることからはじめようとしないのか？ とにかく事実を見ないで仕事をはじめようとすることが多すぎる気がします。どうして自分の頭のなかにあるものをいったん外に出して、まわりと共有することからはじめようとしないのでしょう。自分の頭のなかは他人のそれとおなじだと思っているのでしょうか。自分が「赤」だといえば、それを他人もおなじように「赤」だと感じてくれると思っているのでしょうか。 議論の箱、そして、問題解決のボックスに入れるべき事実が目の前に提示されていなければ、どういう箱をデザインしていいか、そもそも箱のデザインのための議論をどういう方向にデザインしていいかもわからないはずです。僕
越えられない壁( ﾟдﾟ):新人が増えすぎて”OJTが間に合わない…” 大手銀行、新人教育に苦心 行内に塾や学校を設立
1 名前：◆HP...KQYig ＠窓際記者こしひかりφ ★[] 投稿日：2008/08/17(日) 13:35:25 ★行内に塾や学校 大手銀、大量採用で新人教育に苦心 大量採用を続けるメガバンクが「新人教育」に頭を悩ませている。各地の支店に配属し、現場で学ばせる「オン・ザ・ジョブ・トレーニング」が間に合わないためだ。 金融の基礎や接客術を教える専門の学校を開いたり、塾の形式で訓練をしたり、各行とも工夫を凝らしている。 三井住友銀行は、新入社員の採用が今春１８００人、来春に２４００人にのぼる。０４年まで数百人だったのと比べれば大幅な増え方だ。支店に配属される新人の数が多すぎて、従来型のマンツーマン指導が難しくなった。 このため、リテール（個人向け金融）部門の新入社員向け「新人育成学校」を東京と大阪に５月に開いた。名付けて「ＳＭＢＣリテールバンキングカレッジ」。 模擬店舗を設け
Launching "Progression 3" in Apple Store, Ginza
イベントは無事終了致しました。 たくさんのご来場誠にありがとうございました。 最新の Adobe Flash CS3 を使用したサイト制作において、必要な要素をすべてひとつにパッケージングしたフレームワークの最新バージョン Progression 3 の全てを開発者自身が解説します。 その他にも、著名人からの Progression に寄せる期待の メッセージから、最新事例を実際のクリエイターを交えてご紹介するなど、今後の Flash の可能性を感じられる一夜をお楽しみください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ice Sculptures of Melting Men by Nele Azevedo
The Days of Web Standards "IA" 20070715
Microsoft Office Labs - pptPlex
Stats On How I Will Probably Die - Russell Heimlich's blog from 2006-2012
IDEA * IDEA