情報アーキテクチャの脊髄を視覚化
2月9日に東京で開催された World IA Day 2013 に参加してきました。前回の記事 で書いた今後の IA の課題のヒントになるようなメッセージを、イベントを通して幾つか見つけることができました。 今回は吸収した内容を自分なりにインフォグラフィックにしてみました。 イベントを通して『情報』にはデータベースに蓄積できるようなものと、掴み所がないものと二種類あると考えました。言い換えれば右脳的な情報と左脳的な情報があるといったところでしょうか。まったく違う存在のようにみえる二種類ではありますが、4つの段階を踏んでアーキテクチャ（構造）を作り出しているようにみえました。 Deconstruct （分解） Sort（分類） Compose（構成） Adjust（調整） つまり、感情やニュアンスといった掴み所のない情報だったとしても、ビッグデータを活用した情報の解析だったとしても、進むべき
カヤックコピー部のコピー講座
このコピー講座は、2012年11月にスタートアップ企業向けに開催した「WEBこそコピーがたいせつ講座」の抜粋および、2013年2月に岡山広告温泉で話そうと思っていたことのスライドです。Read less
無料で高機能な画像編集アプリ『GIMP for Mac』が晴れて日本語対応 - RyoAnna
GIMPがバージョン2.8.4で日本語に対応した。 GIMPは、レイヤー、トーンカーブ、ブラシエディタ、モザイク編集、アニメーション合成など、多くの機能を備えた無料の画像加工アプリ。以前は、Macの表示機能を拡張するX11が必要だったが、昨年8月にリリースされた2.8.2でネイティブアプリになった。 だが、2.8.2には日本語環境で立ち上げるとクラッシュするバグがあった。利用する場合は、英語環境で起動させるApp Language Chooserを使う必要があったが、昨日リリースされた2.8.4でバグが解消された。 2.8.4のダウンロードは、今のところGIMPのトップページから。最初に、「GIMP 2.8.4 FOR OSX AVAILABLE 2013-02-10」というニュース項目にある「disk image」をクリックする。上のスクリーンショットのようにパスワードを要求されるが、ユ
30 Free CSS Libraries and Resources
There are many scripting and coding websites that you can visit to help you with your website. There are many scripts that you can download too. Developers these days are constantly filling the internet up with free resources and we are sure they have your gratitude. Many of the codes the developers are using these days are written in JavaScript or some other language. The best thing about putting
Twitter Bootstrap vs Google Bootstrapまとめ – ぴいこサーバ
Twitter Bootstrapには常日頃からとてもとてもお世話になっています。最近、Twitter bootstrapからフォークして誕生したGoogle Bootstrap。両者の違いをまとめました。気分によって使いわけよう。 リンク Twitter Bootstrap – Twitter Bootstrap（本家） Google Bootstrap – Google Bootstrap（TBからフォーク） 超便利！Twitter BootstrapでさくさくWeb開発 – 会社で書いたTB紹介記事 Overview 基本的なところはだいたい同じ。 Google Bootstrapが拡張した部分について、特に本記事にまとめています。 Twitter Bootstrapのほうが、色味が薄く、padding や line-heightをとっており、余裕があるデザイン。ボタンやフォームは角
無料でダウンロード可能＆デザイナーに人気の英字フォントいろいろ
ウェブデザインやポスター、フリーペーパーなど、何かをデザインするときにシンプルすぎるフォントでは物足りないし、かといってインパクトがありすぎてもデザイン全体とマッチしない！という事態に陥ってしまうこともしばしば。うまく使えば効果的なのですが、洗練されたデザインフォントを見つけるのは難しい……ということで、デザイナーに人気の無料フォントをSmashing Hubが集めています。 Top 50 Sources for Designers to Download Free Fonts http://smashinghub.com/download-free-fonts.htm ◆01:Source Code Pro | Free software downloads at SourceForge.net Source Code ProはSource Sans Proに続くAdobeのオープンソー
Frontrend Vol.4 アウトラインメモ
Frontrend Vol.4 に参加してきたのでその時のメモです。 CA Frontrend v04 Frontrend Vol.4 powered by CyberAgent, Inc. : ATND 場所: サイバーエージェント本社 13F セミナールーム （東京都渋谷区道玄坂一丁目12番1号渋谷マークシティ ウエスト13階） Frontrend Vol.4 powered by CyberAgent, Inc. に回答するとスライドがある JavaScript Development Tools – JavaScript開発の効率アップ – Layzie JavaScript開発に役立つGUI JavaScript開発に役立つCUI Chrome Developer Tools ショートカット ブレークポイント DOMの属性が変更 Throw Error XHRでURLに通信した時
78 best free fonts for designers
The best free fonts offer plenty of options for your designs without costing anything. Whether you're looking for a classy serif, a clean sans-serif, vintage fonts or something completely different, there's no shortage of choice. In fact there, are so many free fonts out there that it can be hard to know where to start looking. To make it easier for you to find what you're looking for, we've gathe
マスクの表・裏 ｜ マスクのよくある質問 ｜ マスクのことならおまかせサイト
マスクの表と裏の見分け方をご存知ですか？ マスクを１枚手に取りよくよく眺めてみると、裏と表に微妙な違いがあり、 「もしかしてマスクにも裏表があるのかな…？」 なんて思ったりしますよね。 ゴムの取り付け面でマスクの表裏を決めていませんか？ 実はマスクの裏表を誤って認識している人も多いのです。 マスクを一枚手元に取り出し、マスクの端をよく見てみましょう。 通常の不織布マスクには鼻の形にフィットさせ、マスクと顔を密着させるための「ノーズフィット」が存在します。ノーズフィットが埋め込まれている方が上です。 ノーズフィットを上に向けた状態で、今度はマスクの両面を見てみましょう。 よく見るとプリーツが上向き、下向きの違いがあります。このプリーツが下向きの面が表面になります。 プリーツが上向きの状態でマスクを使ってしまうと上向きになったプリーツの中にゴミや花粉やウィルスなどが溜まってしまい
スマートフォンなどに対応したレスポンシブデザインに関するCSSスタイル（font size自動調整をきるなど） - くらげだらけ
前にも一度、同じような問題に直面して調べて解決したような気がしたのですが、今回もおそらくその時と同じくGoogleで調べて解決したので、メモって忘れないようにしておこう。 font size自動調整をきる 最近ではレスポンシブデザインでいろんなデバイスに対応したりしますが、私もそんな感じの仕事をしていたわけです。最初はPC Chromeでwindowを伸び縮みさせながら作っていたわけですが、ある程度できた所でiPhone Mobile Safariでチェックしていたのです。Portrait mode（縦向き）では問題なく閲覧していたのですが、Landscape mode（横向き）にしたときにどうも文字サイズが変になります。 最近はiPhoneもリモートでWeb inspectorで見れたりしますから、細かく調べてみても数値的には問題無さそう。おかしいなってことで調べた後に、iPhoneでは
Where to Start | Trent Walton
When making the transition to building responsive websites, the hardest part can be getting started. I get my fair share of questions about how to choose a direction and chart out the first few steps from industry comrades and potential clients. It can seem daunting, so I thought I’d attempt to sum up a few of my own current thoughts on the matter. Consider RWD From the Beginning. I believe this s
Dig deep into CSS gradients
January 31th, 2013, The following is a guest post by Ana Tudor. She is passionate about experimenting and learning new things. Also she loves maths and enjoys playing with code. I had no idea how powerful CSS gradients could be until late 2011, when I found the CSS3 Patterns Gallery made by Lea Verou. The idea that you can obtain many shapes using just gradients was a starting point for many CSS
20 typographic websites
[“ <\/p>\r\n It’s the trend that people are calling for this year. But it’s really a trend that’s been here for the past couple of years. Typography is a concept that’s been practiced for many centuries. And it’s one that’s going to stick around for years to come.<\/p>\r\n What is it about typography that makes everyone go crazy? It has this artistic component to it, where it can increase the aest
ReFlowの原因とマークアップの最適化 « NAVER Engineers' Blog
自己紹介 ネイバージャパンのUIT(User Interface Technology)チームの裵完理(ベワニ)です。 概要 CSSやJavaScriptを使って複雑なデザインや動的なページを実装しているサービスが増えてきていますが、速度低下などの問題が発生しやすくなっています。これを100%直すことは難しいですが、改善するにはブラウザレンダリングプロセスを理解する必要がありますので、理解した上で改善方法を探してみましょう。 ブラウザレンダリングプロセスの理解 ブラウザの基本構造 User Interface – アドレスバー、戻る・進むボタン、ブックマークメニューなど、メインウィンドウに表示(document)されるページ以外の部分 Browser Engine – UIとレンダリングエンジン間のアクションを制御するもの Rendering Engine – リクエストしたコンテンツを表
任天堂がソフトの作り手を広げる試みを２０１３年３月に発表予定
任天堂がソフトの作り手を広げる試みを、２０１３年３月に発表予定であることが明らかにされています。 これは、任天堂の岩田社長が決算説明会でコメントしているもので、 ゲーム機のソフトウェア開発が、どんどん大きな投資を必要とするようになった今、ウェブサービスの転用、プロトタイプの作成、あるいは、インディーズゲーム制作など、いろいろなことを考えたとき、ソフトウェアの作り手を広げる試みは非常に重要になってくると思っています。3月のGDCでは、『Wii Street U powered by Google』や、いくつかのVoDサービスの開発に使用された、HTML5やJavaScriptなどのウェブ技術でWii Uソフトを開発できる環境や、Unityという多くのユーザーに使われているクロスプラットフォームのゲームエンジンなど、ソフトウェアの作り手を広げる試みについて、いくつかご紹介できる予定です。 ・・
韓国の悪いところを指摘するよりも日本は音楽開国しアジア音楽共同体を作るべき ――☆Taku Takahashi氏(m-flo)インタビュー【前編】
『週刊ダイヤモンド』特別レポート ダイヤモンド編集部による取材レポートと編集部厳選の特別寄稿を掲載。『週刊ダイヤモンド』と連動した様々なテーマで、経済・世相の「いま」を掘り下げていきます。 バックナンバー一覧 インターネットの普及などによりCDの販売は減少。音楽業界は苦境にあえぎ、音楽家にもそのしわ寄せが及んでいる。こうしたなか、音楽産業はどのように変化するのか、音楽家に生き残る術はあるのか。週刊ダイヤモンド1月12日号では第2特集「誰が音楽を殺したか？」を掲載。その特集が1月28日に電子書籍としてKindle版とkobo版で発売されたのに合わせ、人気グループ「m-flo」のメンバーであり、twitterやメディアで意見を発し続ける☆Taku Takahashiさんに思いを聴いた。（聞き手／「週刊ダイヤモンド」編集部 森川 潤） ☆Takahashi Taku（タカハシタク） DJ、プロデ
WordPressをどうお金に変える？収益モデルの分類・事例と対策
みなさんはじめまして。初登場のWPD-Bordeaux（ボルドー）です。 今回はみんなが気になるWordPressの収益モデルについて書いてみたいと思います。 ではさっそく行きましょう。 収益モデルについては主に下記のパターンに分類出来ると思います。 ※他にもあったら僕も参考にしたいのでコメントなど下さいね。 受託型収益モデル クライアントの要望を踏まえて�ウェブサイトやシステム、 テーマ、プラグインを開発し、�その制作費が売上となる サーバー・システムの�保守・メンテナンス費や�運営コンサルティング費など 制作会社においてもっとも一般的な収益モデルだと思います。 このモデルの場合、良くも悪くも「やってなんぼ」の売上なので、売上を上げるには、 「受注数」と「受注単価」の増加を目指す事になります。 仕事がなければ売上になりませんし、受注単価が低ければ制作コストが上回って利益どころか赤字になり
机の使えるスペースを増やしてくれるリヒトラブ机上台・机下台 | シゴタノ！
使っている机が狭いと思っても、面積を広げるには、新しい机を買うしかなく、一気にハードルが高くなります。 しかし、机上台と机下台を利用すれば、机に上下の空間を作り出すことができ、今使わないものをサッと片付けて作業スペースを広く取ることができるようになります。 リヒトラブの机上台と机下台は、値段も手頃で組み立ても簡単、結構丈夫な上、色も求めていたホワイト１色のものがあったので、立て続けに３つ購入しました。 机の上にも下にも 机上台の方は、「机上」という名前ではありますが、机上以外でも重宝しています。 1台目には、上にモニターを置き、下にキーボードなどの小物類を置いています。 そして、２台目は、なんと足置き台にしています。 私が使っている椅子と机の高さが微妙に合わず、椅子を一番低くすると机が高くなり、椅子を机の高さに合わせると、ちょっとだけ足が浮くという状態なのです。 そこで、段ボール箱などを置
米Stripe、JavaScriptで決済の全てを完了できる 「jQuery.payment」をリリース 【増田 @maskin】 | TechWave（テックウェーブ）
決済サービスを展開する米「Stripe」は2013年2月7日、ポピュラーなJavaScript用ライブラリ (プログラム郡がパッケージされたもの)「jQuery」と連携して仕様できる決済ライブラリ「jQuery.payment」をリリースしたと発表した。 「Stripe」は、面倒で時間のかかる決済機能の導入について、どこよりも簡単に実装できるAPIを提供する企業。大手決済サービスを展開する米PayPal 創業者や、大手有力VCから投資を受けるなど注目をあびている。 今回リリースされた「jQuery.payment」を使えば、数行のJavaScriptコードだけで決済機能を導入することができるようになる。 冒頭のスナップショットは、実際に「jQuery.payment」を使ってドネーションを受けられるようにしたサイト。決済者は面倒なユーザー登録作業などをする必要なく、この画面から利用すること
iPadをほんとうのノートパソコンにできる外部キーボードBrydge
iPadで思いっきり文章やブログが書きたい！ そんなときに助けとなるのが Bluetooth で接続する外部キーボードです。気づけばiPad用の私は外部キーボードだけで４種類を購入しているのですが、それはどれもが一長一短だということでもあります。 しかし今回入手した Brydge はひと味違います。 BrydgeはもともとクラウドファンディングのプロジェクトとしてKickstarterで去年の４月にスタートしました。その後紆余曲折をへて今の形になり、ようやく出資者のもとに完成品が届きました。### iPadを本当にノートパソコンのように iPadをノートパソコンのように使う外部キーボードとして以前紹介した Zagg folioがあります。Zagg folioは iPad 本体のカバーとしても機能しますが、その分だけ分厚くなったりキーボード部分とのズレが気になったりします。 これに対してBr
ブログを始めようとしている君へ | ブログヘラルド
これからブログを始めようとしている君へ まずは、ブログを始めようとする、その心意気を褒めてあげたい。ブログは、個人的でありながら、それでいて、大勢の人達の視線に晒されることになる。また、ブログを運営することで、大勢の人達が参加する世界 - インターネットで自分の意見を述べ、その考えに声を与えることが出来るようになる。 私は嘘が嫌いだ。そのため、正直な意見を言わせてもらう。ブログを始め、維持し、成長させるのは容易い取り組みではない。ブログは10年以上前に生まれ、ブロゴスフィアには無数のブログが存在する。現在、その数はブロゴスフィア史上最多に膨れ上がっているが、オーディエンスの規模は拡大していない。その結果、読者および購読者を巡る競争は激化の一途を辿っている。 さらに大きな問題がある。これから君が始めようとしているブログのプロジェクトは、既に他の誰かが取り掛かり、しかも、より巧みに運営が行われ
プロジェクトの成功に求められるWeb解析のスピード化（CSS Nite参加レポート）
物凄い仰々しいタイトルになっていますが、実は先日行ってきた「CSS Niteビギナーズ：Web解析」の受講レポートになります。すばらしく濃い内容で「ビギナーズ？嘘つけ！」などと思ったりもしましたが、すぐに試したいネタが満載で大変勉強になりました。 色々あって公開が遅くなりましたが、以下にナカムラが大事だと感じたポイントを書き留めて行きたいと思います。 一貫していた「解析と施策のスピード」という考え方 豪華メンバーの揃った今回の講演。皆さんほぼ共通していたのは「Web解析にはもっとスピードが必要だ！」という考え方でした。 解析はPDCAサイクルで言うところの C（チェック）の部分なので、さっさと A（改善）に移ってアレコレ試さなきゃ役に立たないよ！ということですね。 で、沢山の解析効率化ネタが紹介されたんですが、中でも特に僕の気になった物を以下にピックアップしてみます。 イベントトラッキング
なぜ日本にテストの文化が根付かないか？ | dIG iT
dIG iT Digital Marketingに関する様々なテーマで発信するブログ。 若干ペースが落ちているものの、１本は濃い内容で書いてみてます！ ウェブサイトで実施されるテストの回数やアプローチなどを日本とUSで比較をすると、やはり少し日本の方が遅れている感があります。感覚的には今の日本でのWeb解析の盛り上がりが、USにおけるウェブサイトでのテストの状況といった感じです。 ちなみにWebサイトでのテストに実施については、USのある調査によると平均で４〜５回／月に実施されているところが最も多いというレポートもあったりします。日本は実際にどうでしょうか？恐らくそこまで＜テスト＞といった視点で実施していることは少ないのではないでしょうか？ そこで「なぜ日本においてテストの文化が根付いていかないのか？」について少しつらつらと考えながら書きだしてみたいと思います。ただ、これはあくまで私見なの
Corlan
Web design is an ever-evolving field, constantly adapting to technological advancements, user preferences, and industry standards. What was once considered innovative can quickly become obsolete, making it crucial for web designers and developers to stay updated. In this article, we’ll look at some web design practices that are no longer relevant today and should be […] The digital landscape has n
World IA Day 2013 東京 #WIADj
第二回目となるWorld IA Day。 テーマは"情報アーキテクチャの価値体系を探求・拡大する"。 日時：2013年2月9日(土) 会場：東京大学本郷キャンパス 福武ラーニングシアター 続きを読む
CSS Selectors Level 4: The Path to CSS4 — SitePoint
Recently I had published an article on SitePoint showcasing different examples of the use of CSS3 2D and 3D transform. CSS3 excites us so much, you could be forgiven for thinking this is the most advanced version of CSS available. Not so. Even now, just as you are still learning to use CSS3 and HTML5, those talented folks at W3C have released a working draft of the Level 4 standards of CSS Selecto
様々なJavaScriptライブラリをコレクションしているWebサイト・JSDB.IO
様々なJSライブラリのまとめサイトのご紹介。主にクライアントサイドのJSライブラリを中心にコレクションしているみたいです。シンプルで探しやすかったのでメモ。 JSのコレクションサイト。サクサク動作して広告などの余計なコンテンツも無いので非常に探しやすい印象です。
WordPress.com のレストランサイト事例
wordpress.com/restaurants というページをオープンして以来、多くのお店が WordPress.com を使って独自の魅力を伝えています。私達が見つけたすてきな例をいくつか挙げてみます。 昨年、レストランがサイトをすばやく簡単に立ち上げられる機能をまとめた、wordpress.com/restaurants というページをオープンしました。その際に、メニューや地図・アクセス情報、OpenTable 予約ウィジェットなどを含んだ、新しい無料テーマをご紹介していました。以来、伝統と人気を誇るレストランから、隠れ家的ナイトクラブまで、多くのお店が WordPress.com を使って独自の魅力を伝えています。私達が見つけたすてきな例をいくつか挙げてみます。 POSH POSH はアリゾナ州スコッツデールにある「インプロブ（即興的）・レストラン」です。シェフのジョシュ・ハーバ
ケン（ストリートファイターⅡ）の必殺技をCSS3で完全再現
CSSスプライト、CSSアニメーションを駆使し、キーボードやマウスで操作可能なストリートファイターⅡのケンの様々な動を作完全再現したデモです。パンチやキックのみならず、波動拳、昇竜拳や竜巻旋風脚などの必殺技も思いのままです。 HTML、CSS、JSのソースコードはこんな感じになっています。 Check out this Pen! デモページはこちら Ken's Street Fighter II with animated sprites – CodePen またこちらのサイトに動作の詳細仕様が記載されています。 ソース：Animate png sprites with css3 animations | Front / Back
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5 の Web制作を 確実に楽にする最新の アドビWeb制作ツール for HTML5 Carnival Fukuoka
CSS 20 stunning examples of CSS 3D transforms
http://www.webdirectooor.com/webdirection/syanaika/
WordPress › Error
CSS 20 stunning examples of CSS 3D transforms