ニュースや天気やメールなど、なんだかんだでヤフーをチェックしない日はありません。この習慣ははや10年以上続いてます。ちょっと昔のヤフーのデザインに興味が湧いたので、インターネット・アーカイブで年代別にスクリーンショットを撮ってみました。 1997年 Yahoo! Japanは1996年の4月1日にオープン。しかし最初のアーカイブは1997年からです。見た目は今の携帯サイトみたいですね。それもそのはず、当時はモデムによる通信しかなかったので通信容量との戦いでした。 Yahoo! JAPAN 1997/04/14 1998年 バナー広告がリンク切れしているのはご愛嬌。テーブルによる段組がスタート。CSSの概念は登場していましたがブラウザが対応しておらず、しばらくテーブルレイアウトが主流となります。 タグ(html,css)辞典: CSSの歴史 Yahoo! JAPAN 1998/12/05 1
第2回 JPGirl【参加者全員のイラストまとめましたー!!!】マフラーボブガール 2012/10/15 | カテゴリー: Creative | タグ: JPGirl, イラスト タイトルとURLをコピーする Tweet みなさま、お待たせしましたー! 「第2回 JPGirl -可愛い女の子をみんなで楽しく描くイベント-」の 参加者全員のイラストがここに集まりましたー!!! 第2回JPGirlの開催概要ページはこちら。 もしイラストのメイキングなど描いていただけた方がいらっしゃいましたら、 ご連絡いただけるとうれしいです!!! イラストを送っていただいた先着順に並べております。(敬称略) みなさまのイラスト一覧 みんなのあたし。@softly_jolie 圧倒的スピードで描いていただきました! なんかもうテイストが確立されてるって感じで羨ましいです! *しっとりじょり* ふじもなお@LHn
Animated Responsive Image Grid | Codrops 画像が個別にアニメーションしながら切り替わるイメージグリッド実装デモ 次のように画像が並んでおり、ランダムに数個が別の画像にアニメーションしながら切り替わる感じがオシャレです。 会社概要ページとかでメンバーを並べる、というような用途に使うと面白いかも。 サンプルダウンロードで利用することも可能。 関連エントリ 超シンプルで1.8KBと軽量な画像スライダー用jQueryプラグイン「Craftyslide」 画像のキャプションが美しいスライダー実装jQueryプラグイン「RefineSlide」 複数アニメーションを組み合わせられるスライダーを実装できるjQueryプラグイン「Sequence.js」
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
J Taylor Design スマートフォンにおいて、スクリーン上のクリック(つまりタップ)無しに使うことは考えられません。ナビゲーションはユーザーが必要とすることが得られるように、明確な進路を与えるべきです。 ナビゲーションで重要なことは二つ。 まず、ナビゲーションが視覚的にタップ可能に見えるか確認してください。見た目をボタンやリストのようにしたり、矢印などを加えてもよいでしょう。ただし、スマートフォンではtitleのテキストをホバーで表示したり、ホバー時のエフェクトを適用できないので、それ無しでも押すことができるように見えることが大切なポイントです。 もう一つの重要なことは、ラベルです。 「戻る」というラベルがあれば、ユーザーは戻ることを期待します。これは当たり前のようですが、ユーザーにとってラベルが何を意味するか分かることを確認してください。 ラベルを有意義にするポイントは、シンプ
Download Cowsee now. This application requires Adobe® AIR™ to be installed for Mac OS or Windows. WEBサイト制作の仕事をしていて、よく「何月何日よりあとに変更のあったファイルのみ納品」ということがあります。 それらの作業がしやすくなるように、指定したディレクトリの中から指定した日時以降に更新のあったファイルのみを抽出して、別のディレクトリにコピーして書き出すアプリを作りました。階層構造も保ちますので、書き出されたディレクトリをそのままアップロードしたり、zipに固めて納品したりできます。 あ、あと下↓にスクリーンショットがありますんで、変なおっさんの写真(私です)とか出てるのはこのページだけで、アプリはそんなことないんで、いたってまじめなんで、よろしくおねがいします。 フリーソフト! 便利な
和洋風KAIは、Apple・水樹奈々・食べ歩きが三本柱のブログです。モットーは「楽しく」「便利で」「端的に」。 ⇒ アバウト ⇒ 免責事項 語尾につけるだけで、ツイートやメールがパッと華やかになる特殊顔文字を50個まとめてみました! メールがパッと華やかになる「特殊顔文字」50個まとめ (。◕ ∀ ◕。) ─=≡Σ((( つ•̀ω•́)つ (*Ő∀U*艸)) (* Ŏ∀Ŏ)・;゙.:'; ♡o。(๑◕‿◕๑)。o♡ .。;・+ヾ(♥◕ω◕ฺ)ノ゚:。・+ (¦3ꇤ[▓▓] ヾ(❀╹◡╹)ノ゙❀ ( ・ิ∀・ิ )ノ (。◕ˇε ˇ◕。)ノ゙ (。 → ∀ ← 。)キャハ♡ (=^ ・ω・) (=^ óωò) (=^ ó(ェ)ò) (U ・ω・) (U ・ェ・) (U ・(ェ)・) ʕ ó(エ)òʔ ꒰ ๑ ・౪・๑꒱ (灬╹ω╹灬)ドキドキ (ᇂ∀ᇂ╬) (人•ᴗ•♡) (ஐ╹◡╹)ノ
このサイトについて jQueryの日本語リファレンスです。 jQueryの本家サイト(英文) の内容を翻訳して作成していますが、誤訳や誤記があると思いますのでその点についてはご了承ください。 もし、誤訳などの間違いを見つけましたら、 @tomof まで教えていただければ幸いです。 News 2013.03.13 ver1.9の内容に更新しました。 2012.12.02 jQueryの似ているAPIまとめ 2012.10.13 サイトをオープンしました。 API APIのカテゴリー分けについては、本家サイトでは1つのAPIが複数のカテゴリーに所属していますが、 このリファレンスでは分かりやすさを重視して1つのカテゴリーに絞っています。 また、一部本家サイトのカテゴリーを削り、別のカテゴリーに所属させているAPIがありますので、 予めご了承ください。 Ajax Ajaxに関する処理 Attri
ブログのRSSをはじめ、Facebook, Twitter, Tumbler, Google+, Pinterest, Flickr, YouTubeなどのコンテンツを全てPinterest風のグリッドレイアウトで表示するjQueryのプラグインを紹介します。 幅800pxで表示 Socialistの使い方 Step 1: 外部ファイル head内に当スタイルシートと「jquery.js」と当スクリプトを記述します。 ※ダウンロードできるデモファイルにはjQueryの記述が無いのでご注意を。 <link href="../jquery.socialist.css" rel="stylesheet" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <scri
UX デザインを定義することについて。「UX」の概念と、「デザイン」の転回における「アフォーダンス」を確認しながら、その問題を考える。 ユーザーエクスペリエンスの定義 道具箱の中に入っているいろいろな道具について考えよ。(……)これらのものの機能がさまざまであるように、語の機能もさまざまである。しかも、類似点があちこちにある。 もちろん、われわれを混乱させるものは、いろいろな語が話されたり、文書や印刷物の中で現われたりするとき、それらの現われた姿が同じであるように見える、ということである。なぜなら、それらの適用例が、われわれにとってそれほど明らかでないからである。 ウィトゲンシュタイン『ウイトゲンシュタイン全集8 – 哲学探究』[11] p.23 「UX デザイン」という言葉の定義には、多くのバリエーション(変種)がある。業務内容や方法論、成果物、既存概念の組み合わせなど、さまざまな人がさ
珍しく、Photoshopネタでも。 コーディング関係だからこのブログの主題っぽい! 今回は、PhotoshopCS6を利用したスライスに関するアレコレです。 コーディング時にはスライスは必須ですし、一番面倒な部分なので少しでも効率良くスライス出来ると良い感じですよね。 内容としては、スライスの基本からって訳じゃないので、最低限スライスツールが使えてる方を対象にしたような感じになってると思います。たぶん。 ちなみに、面倒な説明しなくていいから分かりやすい様に動画ベースでやっていきます! Photoshopを起動します 何はともあれ、Photoshopを起動します。 これはすごく重要な作業です。 Photoshopは重いので起動するのがダルいですね。ウチのVAIO Zが頑張ってます。 CS3の頃はサクサクで良かったんですが。 起動したら、psdファイルを開きましょう。 普通のスライス まずは
ViewerDecember 9 Viewew is an awesome jQuery image viewing plugin for photo galleries. Created by Fengyuan Chen Download Home Example View more → video-extendDecember 7 Video Extend is a jQuery plugin to create advanced video controls like jump to and chapters to videos Created by andchir Download Home Example View more → Casino pagination-jsDecember 5 Pagination-js is a Casino ohne Steuer jQuery
妻が家を出て一週間が過ぎた。理由は姑とのトラブルと推測されるが、検証と気持ちの整理のために日記という体裁でここにまとめておこうと思う。正直いって理由がわからず、不安でたまらず、若干改善が見られていたEDに影響が出かねないので、先達のご意見やご指導を頂戴できれば幸いである。 妻にとって母との同居は想像以上にストレスフルであったようである。妻は僕と2人でいるとき時々「楽しいけど息苦しいときもあるよー」と息苦しさの原因を明かさずに漏らしていた。原因が母にあることは想像にかたくない。否、母以外に考えられない。母の無言の重圧。それに尽きると僕は思っている。 たとえば家事。妻が家を出る直前の我が家の主な家事、炊事、洗濯、掃除を平日は母、休日は妻が担当していた。母は時折「休みの日にシノちゃんが家事をやってくれて助かるわ」と言い、妻は「オカーサマが仕切ってる台所や洗濯機を使わせていただき恐縮ですー」と言う
ちょーいまさらなのですが、今年の6月より日本でも対応されましたGoogleの検索結果に著者情報を表示させる設定を当ブログでも行いましたので作業メモ。 手順は検索結果内の著者情報 – ウェブマスター ツール ヘルプに記載されておりますのでそちらもご確認ください。 ブログにGoogle+へのリンクを作成 まず、自分のサイトからGoogle+へのリンクを貼り、サイトの著者が自分であると言うことをGoogleに知らしめる必要があります。 私はフッター最下部にこのように記しました。 リンクの形式は [html]<a href="https://plus.google.com/google+のID?rel=author">名前</a>[/html] こんな感じ。IDのあとに?rel=authorをつけませう。 google+のIDとは、私で言えば「https://plus.google.com/118
先日、ブログのリニューアルに伴いまして当サイトの「ロゴ」を作成してみたわけなんです。 ↑こんなん。 で、こちらのロゴ私も大変気に入っておりまして、ありがたくも「かっこいい!」「抱いて!」というお声を頂戴したりしなかったり。 そんななか、「あのロゴはどうやって作成したのですか?」「手順を晒してください」「私も全てを晒します…//」と言ったご意見を何名かの方から頂きましたので、「Illustrator初心者のためのロゴ作成講座」と銘打ちましてどんな手順であのロゴができ上がったのかをチュートリアルにまとめてみました。 なんとも大上段に構えたタイトルですが、これからIllustratorを学ぶ方にはちょうどいい感じの内容になっておるかと存じますので大目に見てください;)そしてすんげーーーーー長いですがこちらもご勘弁ください。 新規書類を作成 では早速Illustratorを開いて、新規書類を作成し
サイトのユーザビリティ調査をおこなうために、業者さんに依頼するとなると、結構な金額がかかってしまうものですよね。少し前まで、ユーザビリティテストをおこなうのは資金的に余裕のある大企業だけ、というのが主流でしたが、いまでは中小企業でも必要性がでてきています。 そこで世の中に出てきたのが、安価にテストをおこなうことができるユーザビリティ テストツール。 そのツールのひとつである、WEBサイトのユーザビリティ 調査ツールGhostRecを、当サイトでも過去にご紹介しましたが、このツールの日本語版がリリースされていました。日本語版も100PVまで無料で使うことができるので、早速試してみました。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! WEBサイトのユーザビリティテストをおこなえる「GhostRec
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く