[動画で検証]たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJSが重すぎた！
[動画で検証]たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJSが重すぎた！ | A!@attrip
[動画で検証]たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJSが重すぎた！
[WP] WordPressでお知らせが出せるプラグインを入れてみた
来週 Sixcore がメンテナンスを行うということで、このブログもアクセスできなくなるという通知を受け取りました。 通知のエントリを書こうかとも思ったのですが、後々まで残しておくエントリでもないし、と思っていたところ、タイムリーな事にブログ上にお知らせが出せるプラグイン Apollo Bar Plugin の紹介があったので、導入してお知らせを出してみました。 Apollo Bar Plugin は以下のブログで紹介されていて知りました。 アナウンスを簡単に出せる、というのは便利そうです。 が、まぁ、普通のブロガーは滅多に使わない機能ですね。きっと。 ブログが停止するなんてことは在ってはいけないことですし、それ以外に告知することなんて、殆どないはず。 でも、今回はタイムリーだったのでちょっと使ってみました。 Apollo Bar は以下からダウンロードできます。 The Apollo B
![[WP] WordPressでお知らせが出せるプラグインを入れてみた](https://cdn-ak-scissors.b.st-hatena.com/image/square/32355a1fa4e70c2d510807ff4b7114c97a66d79a/height=288;version=1;width=512/http%3A%2F%2Fazur256.com%2Fwordpress%2Fwp-content%2Fuploads%2F2012%2F12%2FApolloBar-003.png)
Webデザイナーでもできる、サイトのパフォーマンスをあげる5つの方法
Webデザイナーでもできる、サイトのパフォーマンスをあげる5つの方法 2011-08-28 Webデザイナーが、Webサイトのパフォーマンスを重視する傾向はあまり無いように感じますが重要なことです。 Googleでは、0.5秒遅くなると、検索数が20%減少する amazonでは、0.1秒遅くなると、売り上げが1%減少する という報告もあるようです。Webサイトのパフォーマンスはコンバージョンにも影響する大切な部分。 今回はWebサイトのパフォーマンスを上げる方法を取り上げます。 パフォーマンスアップの前に 応答時間の限界 0.1秒までなら、結果はコンピューターではなく、ユーザーによって引き起こされたように感じる。 1秒までなら、"遅れている"と感じるが、ユーザーの思考は途切れずに、自由に動いていると感じる。 10秒までになると、ユーザーがコンピューターに振り回されている気持ちになり、ストレ
これからBackbone.jsを始めるならこれ読んどけばOKという記事たち - Qiita
Backbone.jsで書き始めたら「Backboneどう？」と聞かれることがあったので、自分ではあんま語れるほど知らないけど「ここらへんの記事は素晴らしいよ！」というものをまとめておいたヽ(・ω・´)ゝ まずは読んでおくべきもの Backbone.js Advent Calendar 2011 なにはともあれまずはBackbone.js Advent Calendar 2011 ある程度まで書けるようになる情報は総ざらいで書いてあると思う。 中でもBackbone.js入門はありがたい。読んでおけば基本の仕組みを知ることが出来る。 Backbone.jsが依存しているunderscore.jsの情報なんかもあったりしてありがたい。 ちなみに今年(2012)のAdvent Calendarはこちら。今はまだ始まったばかりだから情報少ないけどこれから充実してくるだろうし楽しみ（´ω｀） Ba
角が丸いグループのCSSを組むチュートリアル。あのiOSっぽいやつ。（CSS おれおれ Advent Calendar 2012 – 04日目） | Ginpen.com
CSS おれおれ Advent Calendar 2012 – 04日目 iOSでよくみるあのメニューっぽいのをCSSで組んでみたいと思います。 必要になる知識はこんな感じ: border-radius :first-child, :last-child box-shadow デモ 先に完成品です。 作り方 HTML グループを括る要素と各項目の要素が必要です。 何でも良いですが、今回は愚直にul>liにして、ulの方にクラス名を与えました。 最初のCSS まずは枠を用意します。 全体を括る枠があるのですが、ulではなくliの方に付けます。そして項目の境界部分が太くならないよう、下側を空けます。 ここで:last-childというのが出てきました。疑似クラスというやつで、:hoverの仲間です。この場合は「兄弟の中で最後のもの」を指します。 兄弟？ あ、「兄弟」とかわかりますかね？ HTM
Sublime Text 2の設定をDropboxで共有して便利にする
前回は初期の設定とプラグインのインストールと削除をやりました。 今回は、Dropboxを使って家のマシンでも会社のマシンでも設定を共有出来るようにしたいと思います。 設定の共有 別のマシンでも製作する人は設定が同じ方が便利ですよね。でもわざわざ設定をまるまる移すのは大変だったりします。移し忘れることもありますし。 というわけで、このSublime Text 2を使うときに設定が簡単に共有できないか調べたのですが、 Dropboxで設定ファイルを共有し、別のマシンでも同じ設定を共有できる方法を見つけました。 共有するフォルダ 共有するフォルダは以下の3つ。 Installed Packages Packages Pristine Packages フォルダの場所は「C:\Users\hogehoge\AppData\Roaming\Sublime Text 2」 MacかWindowsか。ま
2012年 : 無料で使えるクオリティの高いWordPressテーマ 100
ブログやWebサイトに利用されることが多いCMSのWordPress。すっかり一般的になりました。WordPressの良いところは無料で使えるクオリティの高いWordPressのテーマが豊富にあるということですよね。 少し早いですが今年もあと1ヶ月ということで、2012年に公開されたものを中心に無料で使えるクオリティの高いWordPressテーマを100テーマ集めてみました。 新しくサイトを作る際や、気分転換でテーマを変えてみようと思っている方がいたら参考にしてみてください。 2015年版を公開しました。よければこちらもご覧ください。 2015年 : 無料で使えるクオリティの高いWordPressテーマ 120 Category 01. Blog 02. Portfolio 03. Magazine 04. Corporate 05. Minimal 06. Gallery 07. E-C
HTML5 CanvasをIEにも対応させる魔法excanvasの使い方 | DECONCEPTER
HTML5がflashの代わりになると考えらてしまう一番の要因としてcanvasタグとJavaScriptAPIの存在が挙げられます。 まずこのcanvasタグが通常ではIE8まで使えないことをディレクターやプランナーは注意する必要があります。 完全再現とまでは行きませんが、Googleが公開しているexplorercanvasというライブラリを使うとIEでもcanvasが使えるようになります。試しに使ってみましょう。 ここで強く主張しますが、もしcanvasをリッチに使いたいときはIE8以下を切り捨てる提案をすることが懸命です。 excanvas.jsをダウンロード explorercanvas – HTML5 Canvas for Internet Explorer – Google Project Hosting まずはGoogleのサイトへ行き、ライブラリをダウンロードします。20
やさしさゴシックの魅力｜可愛くて温かい商用可フリーフォント #LOVEFONT Advent Calendar 2012
今回、WEBCRE8.jpの優さん企画の#LOVEFONT Advent Calendar 2012というイベントにお誘いいただきました。 愛するフォントの魅力を語る・詳しくなくても構わない、と優しい声をかけていただいて勇気がでたので、私も参加させていただくことになりました。 今回の企画、Advent Calendarと#LOVEFONTについては、WEBCRE8.jpさんの記事をご覧ください。 2012年、今年こそはAdvent Calendarに参加しよう！！ ｜WEBCRE8.jp#LOVEFONT ｜ WEBCRE8.jp#LOVEFONT Advent Calendar やさしさゴシックって…？その名の通り、やさしい雰囲気の「やさしさゴシック」。 好きなポイントはいろいろあるのに、そのフォントについて知っていることは、とても少なかったので調べてみることにしました。 やさしさゴシッ
これはもう手放せない！とりあえず1年間MacをWEB制作のためだけに使ってきた僕の必須アプリ大公開 | バンクーバーのうぇぶ屋
今日まででMacBook Proを1年間、そしてiMacを購入して半年が経つので、今や僕にとって無くてはならなくなったアプリの数々をご紹介しようって趣旨です！１年って言うと全然周りのMac使いの人たちと比べても長くもなんとも無いんですが、まぁ一年の節目も迎えようって時期ですし、日頃の多大な感謝を込めて今年一年WEB制作において超ありがたーく使わせて頂いたアプリをご紹介させて頂ければと思います！ 結構まだまだ、『え？これ使って無いの？』なんて言われる事も多いですし、周りの友人達から教えて頂いた物も多いので、一個くらいは皆さんにとっても良さげな物が共有できれば嬉しいです！量も多いので、ブラウザやメーラー、Adobe製品等は省きますね！ それでは、前置きは簡単にして早速ご紹介させて頂きましょう！ Coda（6,500円） もはや定番のWEB制作ツール！ Evernote（無料） 超定番のノートツ
WordPressのカスタムフィールドがかなり便利になっている件（3.5対応）
おそらく、数年前のWordPressの解説本の知識でいる方にとって、かなりオドロキの進化がなされているのではないかと思うのが、WordPressのカスタムフィールド周りの機能です。 たとえば、ピックアップ商品としてフラグを立てた商品の中から、価格が500円以上のものを最新5件取得して表示する、みたいなコードは、WordPress3.5ではこのように書けます。非常にスッキリしております。 <section> <h1>ピックアップ商品</h1> <ul> <?php // 投稿の取得条件を設定 $args = array( // 'product' 投稿タイプから取得 'post_type' => 'product', // 最新の投稿を5件取得 'posts_per_page' => 5, // カスタムフィールドで絞込み '
自動化は悪とか本気で思ってる人へ
大都会岡山Advent Calendar の5日目です。昨日はは@ryosms さんの記事でした。 ネタは何でもいいという事だったので、昨日の夜、会社からの帰路で 自転車漕ぎながら考えてたことをそのまま文章にします。 仕事の自動化でコンピューターに仕事を奪われちゃう人、 自動化したことで浮いた人を解雇して、人件費抑えて利益アップとか言ってる会社がありますね。 で、言ってる人の大半はネタで言ってると思うのだけど、「自動化は悪」という理屈。 でも本当にそういう理由で仕事を失った人から見たら、本気で自動化は悪と考える人も居るかもしれません。 雇用が減ってて不景気で国が悪いとかそういうのは置いておきます。 自分が出来る事を考えましょう。 自分がやってる仕事で何が自動化出来るのか、自動化されてしまうのか。 そこから把握しましょう。すでにコンピューターに任せれば人手なんて掛からない仕事をしているのかど
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
『モバイル時代におけるCSSの設計と実装』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして、こんにちは。 ネット総合事業本部プラットフォームDivの斉藤です。 今回は私の所属している部署からは初の1pixelへの寄稿となるそうです。 CSS開発のアプローチほぼ同時期にモダンウェブ開発に欠かすことが出来ないと言われるようになったJavaScriptと比べると、CSSにおける設計、という話題はなかなか出てきません。 単純なウェブサイトを作る際にはあまり気にしてこなかった部分ですが、ウェブアプリを制作している我々の仕事には欠かすことが出来なくなってきています。 ほかのプログラミング言語に比べると圧倒的に非力な言語だからこそ、ほかのプ
コモディティ化された製品を販売するような企業で構成される経済では、社会は繁栄せず、国民の利益や繁栄を台無しにする: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 『オープン・サービス・イノベーション』を読み始めています。 「オープン・イノベーション」ということをもう少し自分の頭のなかで整理しようと思って。 その本のなかで著者のヘンリー・チェスブロウがこんな風に書いている箇所に目がとまりました。 中国やインドが世界経済を牽引し、世界各地でアウトソーシングが増大し、コモディティ化がつづいている現状で、私たちの子孫は高収入を得られるような職に就くことができるのだろうか？ コモディティ化された製品を販売するような企業で構成される経済では、社会は繁栄せず、国民の利益や繁栄を台無しにすることになるのではないか。 これって凄い指摘だし、的確な指摘だなと読んでいて思いました。 ここでは「コモディティ化された製品を販売するような企業」の個々のビジネス
不確実な時代に「未知」を「既知」へ変える方法としてのオープンさ: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 結果的にはあとで間違えてることが明らかになったとしても、最初に自分でそう感じたのなら、そう思ったことは決定的に正しいと思います。 ▲TRANS ARTS TOKYO展より だから、最初から間違えてるんじゃないかと怯える必要はまったくありません。どんどん自分が思ったことをいろんな人にぶつけてみればいいと思います。 けれど、それと同時に大事なのは、あとで自分が思ったことが間違いだと気づかされたら、すぐにその間違いを認めること。そういう謙虚さがあれば、間違えることを過剰に気にせず、自分のアイデアや感じたことを他人と共有することができるようになると思うんです。 スタートアップの勝ち組は自分たちのビジョンが「顧客の証明」のない仮説にすぎないとわかっているでも、残念ながら、多くの人はた
設計 - Akiba Hideki
先日、電車内でのユニクロのぶら下げ広告や新聞広告のデザインが話題になりました。 文字でいっぱいのレイアウト、赤ベース、黒と黄色の古いスタイルのチラシのような味で、「私は不快感しか感じられない」または「感覚を疑います」やや批判的な意見がより顕著だったようです また、デザインや作家に関連する声など、業界の人々から私の声が多く寄せられていることも心配しました。 さらに、NAVERにまとめられているようです。 設計の最後には常にユーザーがいます 広告を作成する仕事に携わっている広告業界のクライアントやクライアントだけでなく、私たちがデザインするすべてのユーザーが常に存在します。 電車の広告デザイン、ウェブデザイン、製品デザイン、その他のタイプのユーザーがいるという事実に例外はありません。 デザインを勉強しているなら、「なぜこれが起こったのか
ホーム -
アナリティクスを利用してマーケットより深く理解しようと務めているオンラインカジノもあります。そうしたデータを活用することで、興味は示したものの登録には至らなかった人々の注目を再び集めることも可能です。 オンラインカジノにデータを利用されないようにするためには、ウェブサイトにアクセスした際にクッキーの利用を拒否することが重要です。そうすることで、オンラインカジノを比較するたびに、彼らのターゲットになることもなくなります。次に、FacebookやGmailのアカウントで登録するのを避けることです。これらのアカウントには個人に関する貴重な情報が数多く含まれており、登録と同時に年齢、住所、趣味といった重要な情報がオンラインカジノに流れてしまうのです。 アプリの利用を検討する場合は、そのアプリがデータを転売したり譲渡したりすることがないかどうか確認しておきましょう。利用規約を読むのは細かくて大変です
iPad miniで持ち歩けるコーディング環境を作る
iPad mini + Cellularを朝一番から並んで買いました！軽くてLTEでネットが使えるということで、外に持ち歩き端末としてはApple史上最高な端末です。 しかし、私は出かけるときには常にコードを書ける環境を持って歩きたいので、結局MacbookProかAirを持って出かけることになってしまいます。 最近、MBP15に代えたのでちょっと持ち歩きが厳しいなと思っていたので、この際iPad miniでコードを書く環境を構築することにしました。 まずはキーボード。前に買ってあったrapoo E-6300をBluetoothで接続してみます。一発でつながったし、サイズ感も良い感じです。 蓋になる形のキーボードも出ているようですが、とりあえずE-6300で問題なさげ。 次にメインとなるエディタです。iPadでソースコードを書くのに適していて、Dropboxに対応しているエディタといえば、
スマホが導くアメリカ旅行、６つのポイント
約10日間に渡ってアメリカに行っておりました。LA -> ラスベガス -> サンフランシスコ -> NYと渡って来て、昨日、NYから帰ってきました。 今回の旅行は、人に会いに行くというのがテーマだったので、ツアーなどではなくチケットの手配から全部自分でやることにしたのですが、インターネットとモバイルがなくてはこの旅行は成り立たなかったので、近い将来の誰かのために、そのことをメモしておきたいと思います。 まず今回の旅行の前提ですが、 ・自分より知識、経験のある人が一緒にいない初めての海外旅行 過去の出張の時には誰かしら現地の人や語学力や経験がある人がアテンドしてくれていました。 ・海外でレンタカーに乗るのが初めて。借りるのも運転も初めて。 ・自力でアメリカの国内線に乗るのも初めて。 国内線に乗った経験がなかったわけではないが、もう１０年以上前の話。 ・英語力は高校英語レベル。しかも昔より確実
マルチサイト構築時、油断してて大量のスパムにやられた！一番の脆弱性は自分って話 #wacja2012 | マイペースクリエイターの覚え書き
#12/5 22:40追記あり どうもどうも、マイペースたんことKさんです。 この記事は12/1～12/25の期間、毎日ブログ記事を数珠つなぎにしていく「WordPress Advent Calendar 2012」の第5日目として書いております。 4日目の星野さん(@khoshino)、水野さん(@ounziw)というビッグネームからのバトンを受けての投稿です。 （予約投稿なので星野さんの記事より先に出てたらごめんなさい） 今日12/5はいよいよ！WordPress3.5の正式リリース予定日です！ （本当に今日リリースされるかはまだ知らない） そこで今日はもちろん、3.5の最速レビュー………………………だと思った？ 残念！ （RC1のスライド頑張ったからそれで勘弁して） 実は昨年参加させてもらった「WordPress Advent Calendar 2011」で書いた『3大「WordPr
Responsive Responsive Design
Now more than ever, we’re designing work meant to be viewed along a gradient of different experiences. Responsive web design offers us a way forward, finally allowing us to “design for the ebb and flow of things.” With those two sentences, Ethan closed the article that introduced the web to responsive design. Since then, responsive design has taken the web by storm. Seemingly every day, some compa
Sublime Text 2のテーマをカスタマイズできる「Color Scheme Editor for Sublime」 - へっぽこプログラマーの日記
Sublime Text 2 Advent Calendarの1日目です。 本当は12/1に書くはずが、風邪でダウンしていて公開が遅れてしまいました。。 気を取り直して、頑張って書きたいと思います。 最初にAdvent Calendarとは何か？という方は、技術評論社さんのこちらの記事が参考になります。 本日12月1日より，プログラマ有志による2012年の技術系Advent Calendarが各所ではじまる Sublime Text 2 Advent Calendarについては、こちらで他の方のブログポストやエントリーができます。まだ空きがあるようですので、興味のある方は是非！ Sublime Text 2 Advent Calendar さて今回は、意外とあまり取り上げられないSublime Text 2のテーマについて触れてみたいと思います。デフォルトでも多くのテーマがあり、Soda
CSSとJavaScriptどちらでも実装できるけど、どのように使い分けるのがよいかの解説
CSSでもJavaScriptでもできるけどどちらを使おうか、CSSとJavaScriptどのように使い分ければいいのだろうか、二つのうまい関係を構築するテクニックを紹介します。 Building A Relationship Between CSS & JavaScript 下記は 各ポイントを意訳したものです。 はじめに スタイルの定義はCSSで：JavaScriptからCSSを遠ざける ユーザエクスペリエンスを犠牲にしないで使い分ける CSSとJavaScriptの使い分けの大切なポイント はじめに JavaScriptには数多くのライブラリ、jQuery, Prototype, Node.js, Backbone.js, Mustacheなどあり、非常に人気が高いです。これらは実際に非常に多く利用されており、時間をかければもっとよい方法があるかもしれないところでもそれらを使ってしま
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
デザイナーに丸投げしちゃいがちなUIというもの - ぼくはまちちゃん！(Hatena)
こんにちはこんにちは！！ 今日はちょっとUIについて思うことのお話をしたいと思います。 ぼくは以前、ゲーム業界にいたんだけど、そこでは、 いわゆるグラフィックデザインを専門にしている人に 「この画面のUIおねがいね」と丸投げする光景をよく見ました。 だけど、見た目が綺麗なデザインを仕上げるのと 使い勝手を考慮したユーザーインターフェイスを設計するのとでは、 考え方も、必要なスキルもまるで違うものだと思う。 情報や機能を、どのようにユーザーに提供するか。 これは画面上の配置や見た目だけの話だけじゃなくって、 情報の階層化や、いつどのタイミングで見せるかといったことまで考えなきゃならない。 たとえばゲームなら、初めからボタンだらけの画面にするのではなくて、 ゲームの進み具合、ユーザーの習熟度に応じて段階的に機能を見せるとかね。 細かい話なら、ボタンを押した時に反応するのか、 離した時に反応する
2012 Archives
The performance community is growing. With 17K members across 46 meetup groups it’s pretty easy to find someone else who cares about performance. But what if your company is new to the world of high performance websites? How can you make performance a priority within your organization? I don’t have a guaranteed recipe, but here […]
IE6（すっとこどっこい）でJavaScriptのデバッグをする方法 | DECONCEPTER
JavaScriptはconsoleで確認したい。FirefoxのFirebugプラグインやGoogle Chrome Developer toolsの登場以来、人はその快適さに心を奪われ、consoleの無いブラウザで確認するという習慣を捨てた。 タイトなスケジュールで新規ページを作成する際、ついついIE6/7（すっとこどっこい）の確認をおろそかにしてしまうことがあります。その理由にデバッグの方法が面倒という点が挙げられます。 IE8からは開発者ツールを使ってconsoleを用いたデバッグが可能ですが、問題はIE7以下です。いざデバッグをする必要が出た時に困らないよう、IE6含む複数バージョンでJavaScriptのconsoleデバッグが出来る環境を整えておきましょう。 IETesterではJavaScriptのデバッグができない 複数バージョンのIEの表示確認のためのIETester
JavaScript のクラスの書き方 - yoshiweb.NET-blog
IT戦記さんのマネして「プロトタイプを上書きする。コンストラクタをプロトタイプに実装する。」 書き方をしようと思ってたけど、CoffeeScript や TypeScript から書き出されるJavaScriptを参考にしよう！ 比較的見やすいし CoffeeScript と TypeScript のどっちでも同じような JavaScript を生成するってことは そんなに悪い書き方じゃなのかと。。。 CoffeeScriptclass Item constructor: (@price) -> showPrice: () -> alert(this.price); i = new Item(200) i.showPrice() ↓↓↓↓変換 JavaScriptvar Item, i; Item = (function() { function Item(price) { this.pr
HTML5推進派のFinancial Times、ネイティブアプリに回帰したFacebook、それぞれの思惑は
HTML5推進派のFinancial Times、ネイティブアプリに回帰したFacebook、それぞれの思惑は：Open Mobile Summit（1/2 ページ） ネイティブアプリか、HTML5か、ハイブリッドか――。アプリ開発者たちのあいだで議論が繰り広げられる中、11月上旬に米サンフランシスコで開催されたモバイル関連イベント「Open Mobile Summit」の講演に、対照的な2社のキーパーソンが登場した。 1社はネイティブアプリからWebアプリへの移行で成功を収めたFinancial Times（以下、FT）。もう1社はHTML5のWebアプリからネイティブアプリにシフトしたFacebook。それぞれが語ったモバイルアプリ戦略はどのようなものだったのだろうか。 HTML5アプリでデジタル有料購読者を増やしたFT FTといえば、ネイティブアプリからWebアプリへの移行で成功を収
Translation is UX
Je ne suis pas monsieur Lebowski. C’est vous monsieur Lebowski. Moi, je suis le Duc. The Big Lebowski, French version There is a world where Harry Potter’s arch enemy is “Du-weißt-schon-wer,” Facebook users click the “Me gusta” button, and the Dude is named “le Duc.” This world is a translated world. We—the people who make websites—now study almost every aspect of our trade, from content and usabi
Responsive & Touch-Friendly Audio Player | Codrops
A jQuery audio player plugin that is responsive and touch-friendly. The UI is css-only, no images used. You know that feeling when you are in the design heaven of Photoshop (or another maybe not that overpriced app), then come to writing the markup and things like <select>, <input type="radio|checkbox|file" /> throw you back into the harsh reality? Just because the usual CSS styling was not grante
Colour Accessibility
Here’s a quote from Josef Albers: In visual perception a colour is almost never seen as it really is[…] This fact makes colour the most relative medium in art.Josef Albers, Interaction of Color, 1963 Albers was a German abstract painter and teacher, and published a very famous course on colour theory in 1963. Colour is very relative — not just in the way that it appears differently across differen
模索が加速するユーザーテストのコツと今後の可能性
テストするとは模索すること ユーザーテストをすることのメリットは、Web やアプリの開発に携わる方であれば周知のことだと思います。例えば、スポーツ系 SNS Sidelines は、6 つの異なる A/B テストを実施したことで、コンバージョンを 5% から 55% まで上げることに成功しました。 最近見つけたユーザーテストの面白い例といえば、先月の大統領選挙でのオバマ大統領のメール戦略。キャンペーンEメールの件名を「有権者の皆様にお会いしたいです」のようなよくある件名から、「支出が多過ぎるかも」みたいなちょっと変わったものまで様々なパターンを検証。毎回 10 数パターンをつくった上でベストと考えられる件名をつかって配信されたそうです。いろいろ試した結果、最も寄付金が多かったときのメールの件名が「Hey （やぁ）」。カジュアルな口調を件名にもっていったほうが良い効果を得ることができたそうで
最近、ネットでワクワクしていますか？～モノづくりで熱狂するために必要な、たった一つのこと【連載:えふしん⑨】 - エンジニアtype
藤川真一（えふしん） FA装置メーカー、Web制作のベンチャーを経て、2006年にpaperboy&co.へ。ショッピングモールサービスにプロデューサーとして携わるかたわら、2007年からモバイル端末向けのTwitterウェブサービス型クライアント『モバツイ』の開発・運営を個人で開始。2010年、想創社（現・マインドスコープ）を設立し、2012年4月30日まで代表取締役社長を務める。その後しばらくフリーランスエンジニアとして活躍し、2012年11月6日に想創社（version2）設立 昔、ある会社にいた時に転職しようと思ったきっかけは、「ネットってもっと面白いところだったよね？！」という会話からだったような気がします。インターネットって、まだまだこれからだと思うんです。それがWebをブラウザで見る形なのかアプリという形なのかは分からないけど、優れたテクノロジーは何かしらの形で変化していきま
Flashがゲームに活路、Game Developer Tools登場
アドビはFlashの未来を本気でゲームに賭けたようだ。アドビ システムズは、12月4日、ゲーム開発ツール群「Adobe Game Developer Tools」を発表した。パフォーマンスチューニングツールの「Adobe Scout」、C/C++のクロスコンパイラ「Flash C++ Compiler」、「Adobe Gaming SDK」などからなり、製品名に「Flash」の文字こそないものの、Flashゲームに特化した開発ツール群となっている。 Adobe Scoutは、Flashコンテンツのパフォーマンスチューニングツール。2011年に「Monocle」というコードネームで紹介されていたもので、Game Developer Toolsの投入に合わせて正式版としてリリースされた。ActionScriptだけでなく、Flash PlayerやAIR内部の動作状況をモニタリングでき、Fla
CSS3でのposition:relative
CSS3でのposition:relative 昨日「スマホサイトでtd/th要素へのposition:relativeはダメ！」と書いたところ仕様書を読め的な圧力がいろんな所からかかってきました。こわいですね。 position:relativeが仕様としてどうなっているかは@Takazudoが5年ほど前に解説しているのでそちらを参考にしてください。 table系にはposition:relativeが効かない | Takazudo Clipping* ただ、これはCSS2.1の仕様なんですね。最新のCSS3ではWD段階ではありますが、次のようになっています。 table-caption and table-cell offset relative to its normal position within the table. If a table cell spans multipl
原発難民 放射能雲の下で何が起きたのか
「及川さん、福島ではもう誰もマスクはしていません」 昨年の5月ごろだったと思うのだが、彼はそう言った。 福島市内に居を構える彼は福島では日常が戻りつつあることを私に訴えた。放射線量の話題で首都圏でももちきりだったころだ。福島のホテルで見た地元のテレビは、まるでデータ放送を表示しているときのように、番組の内容とは無関係に、各地の放射線量を上部で横スクロールさせ表示させていた。 その彼の横にいた、ほか都市から赴任してきていたもう一人の福島市民は複雑そうな顔をしている。後で知ったのだが、彼は実家から福島を離れ帰ってくるように言われていた。 現時点でも放射線量が人体に与える影響についての結論は出ていない。おそらく、数年後もしくは数十年後にならないとわからないだろう。しかし、放射線が降り注いだことは事実であり、その事実に向き合って、どう判断するかを迫られたのが福島県民だ。 ある人は人体への影響は無い
Sublime Text 2をMacで使う | Kitchen Garden Blog - I'll cook and hack new one.
ウェブサイトやロゴは明らかに林檎の風ですよねえ Vim風コーディングが出来る！ということで、ちまたで噂のSublime Text 2をMacに入れてみました。 目次 Sublime Text 2を知ったキッカケ Sublime Text 2の入手方法 Vim風コーディングの設定 Package Controlのインストール Emmetのインストール LaTeXToolsのインストール (R言語のために)インタプリタを追加 CSSCombをインストールする Sublime Text 2のちょっとした雑感（どうでもいい話） Sublime Text 2を知ったキッカケ ちなみにわたしがSublime Text 2を知ったキッカケはこれ： 初めは、Emacser向けスライドということもあり、気になったものの使用するには至りませんでした。しかしここ最近のわたしのTwitter TLでちょこちょこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
1216彩票-官网平台
TechCrunch | Startup and Technology News
リニューアル中
akaiho.com - akaiho リソースおよび情報
オリジナルフォントが作れるiPad用フォント作成アプリ「iFontMaker」｜linker journal｜linker
小池 勉の「企業サイト成功の法則」