目を閉じて、今日の「Firefox」や「Chrome」「Internet Explorer（IE）」「Safari」の向こう側にあるものを想像してみてほしい。「ストリームブラウザ」を思い描いた人はいるだろうか。David Gelernter氏の目に映るのはストリームブラウザだ。 イェール大学でコンピュータサイエンスの教授を務めるDavid Gelernter氏は、現在われわれの方に大量に押し寄せ、われわれを取り囲むすべてのデジタル情報に次に起きることについて熟考してきた。そして、それがきっかけとなって、Gelernter氏は「The End of the Web, Search, and Computer as We Know It（われわれが現在知るウェブと検索、コンピュータの終焉）」と題された特集記事をWiredで執筆した。オンラインにおける時間と空間の連続体の重点は、現在の「空間に基

【2013年はフラットなデザインが流行】Wind... / Diesel - jeans, clothes,... / web design agency | Alta...他...全17件 【2013年はフラットなデザインが流行】 Windows8の影響なのか海外ではベタ塗りのフラットなWebデザインが大流行中です。日本でもよく目にすることになりそうです。

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! If you Google around on whether or not you should use lists as the markup for navigation on websites, you’ll find no debate. Every article suggest that yes you should. The vast majority of tutorials you read will use lists for navigation. The vast majority of templates you see will use lists

Big IA 広義としての IA 。映画監督やオーケストラの指揮者のような存在で、製品やサービスのビジョンを形にする役割。 Small IA 狭義としてのIA。プロジェクトに関わる人々が理解できるようにビジョンの詳細を設計し、具体化していく役割。 Peter Morville 氏が 2000年に寄稿した記事 で、Big IA と Small IA に明確なラインを引かず、情報システムの構造化という IA の核心を軸にしてコラボレーションをすれば良いと説いています。実際、多くの IA プロフェッショナルは Big / Small といった分類を過剰に意識することなく、いずれの設計に携わることもありますし、UXデザイナーと呼ばれる方とコラボレーションをしている場合もあります。 こうした現状を理解しているわけですが、IA で語られる話題が Big （ビジョンの設計）に偏り過ぎていないかと感じるこ

Head of Engineering I'm Roy Barber, Head of Engineering (Development) at HappyDance, ex head of Front End lead/developer. Specialising in Serverless, AI, SaaS and Headless Architecture. Based in the UK. I've been lucky to work with: Capabilities I'm a multidisciplinary digital designer and developer with 23 years experience, freelanceing from 2009. From my office in the UK, I serve agencies, corpo

Google AdSenseだけで家族を養ってきた僕が、今までやってきたブログ運営術をガチで解説するよ 2013.02.05 | 収益化 | 文章術 | 考える。 収益化担当なのに、最近、収益化に関する記事書いてないけどネタ切れなんじゃないのという視線を各所からひしひしと感じているゴールドです。ネタが無いわけではなくて、本腰を入れて書くととんでもなく長くなりそうなので今まではなるべく避けてたんですが、仕事が一段落付いたので一度まじめに書いてみようかなぁと。 あぁ、そうそう、タイトルは半分釣り要素が入っているので過度の期待をされても泣いちゃうので、はじめに謝っておきます。うわ、やめろ、空き缶投げんな(´д⊂)‥ﾊｩ –追記– 期待してこの記事を読んでくれている（検索エンジンから訪れてくれている）方向けに、2018年11月現在、最新のGoogle AdSenseで収益を上げるための情報を網羅し

文書構造を意識したマークアップ例 今回から始める不定期連載です。HTMLのコーディングのやり方はリファレンスサイト等で例文を用いて行われることが多いですが、どうも抽象的だったり、実際の運用に即していない印象のものが多く見られるように感じています。 仕様に関する解説やコードの書き方も、遠まわしだったり、「だから結局どう書けばいいの？」という感は拭えません。また、ドキュメント自体が書かれた地域の文化を基準にしており、我々日本のweb制作現場の実際にそぐわない場合もありますよね。 こういったことについて、一つ一つ実際の事例や具体的な使われ方を挙げながらHTML、CSSのコーディングについて解説したいと思います。 また、この連載にはブログの記事と同じく私個人のHTML5のマークアップに対する考え方が強く織り交ぜられることと思います。もし見解の相違などありましたらご意見頂きたいと考えています。 シン

一定期間更新がないため広告を表示しています

いまだに訳し終わらない「WordPress の守りを固める」の中で再三にわたってオススメされているウェブセキュリティ関連のサービスや情報を提供している会社 Sucuri のブログ「Sucuri – Protect Your Interwebs」より、「WordPress Security: 5 Steps To Reduce Your Risk（WordPress のセキュリティ: リスクを減らす5ステップ ）」の翻訳と転載の許可をメールでもらったのでご紹介します。 This is the Japanese translation of “WordPress Security: 5 Steps To Reduce Your Risk” written by Dre armeda. 「WordPress のセキュリティにはどのプラグインを使うべきですか？」このような質問をよく聞くと思います。

こんにちはLatinです。 今年も残す所、あと11ヶ月となってしまいましたが、やり残しのないよう頑張ろうと思っております。 今回はCSS3のグラデーションにまつわるエントリーです。 ハッキリ言って面倒くさい！ さてCSS3のグラデーション「linear-gradient」なんですが、はっきり言って面倒です･･･。 今はCSS3のジェネレータもたくさんあるので、それらを使うのもいいのですが、足りない分のベンダープレフィックスを探したり、filter やら毎回ググるのが非常に面倒！ 且つ、ボタンなどに、gradient と border-radius を併記した場合、IE9 での表示が若干おかしくなってしまいます。 詳細は下記に記載しますが、今後サクッと使えるように備忘録がてら、簡単にまとめておこうと思います。 CSS スニペット（修正前） .btn { border-radius: 4px;

今日は WordCamp 関連の統計データ記事の訳を公開しましたが、数字ネタ関連ということでよく「どこにあるの？」と聞かれる情報のソースについて書き留めておきます。 WordPress 創始者のマットが WordCamp のスライドなどで使っている「WordPress の CMS シェア」「Web サイト全体でのシェア」という数字は、W3Techs – extensive and reliable web technology surveys というサイトの情報を利用しています。私も、イベントなどの時は CMS 利用率ページのデータをよく使います。 このデータは毎日更新されていて、今日の時点ではこのように書かれています。 68.1% of the websites use none of the content management systems that we monitor. Wor

「賢者が描く10年後のインターネット」は今回が最終回。最後の賢者は米グーグルでアクセシビリティを担当するリサーチサイエンティスト、T.Vラマーン氏だ。アクセシビリティとは年齢や身体の条件に関わらずアクセスできる環境を作り出すことを指す。盲目のプログラマーであるラマーン氏は、誰にでも便利で自由になるインターネットの未来図を描いていた。本誌の特集「シリーズ動き出す未来（4）ネット化する70億人」とあわせてお読み頂きたい。 アクセシビリティとは、どのような仕事ですか。 私がグーグルに来たのは8年前。その前は米IBM、さらにその前は米アドビシステムズに在籍していた。コーネル大学を卒業し、アクセシビリティの仕事に就いた。1989年ごろだね。当時、インターネットはあったが、まだ始まったばかりだ。しかし、その時でも多くの情報がオンラインにあった。 盲目でインド人だった私が見つけたチャンスがあった。非常に

businessweek.com 2012.11.29の記事 更新：数字の桁がおかしかった 690万ドル　＝＞6.9億ドル。など via id:okemosさん 更新：I will be outspentの意味の取り違い 「支出が大杉」じゃなく「金遣いで負けてる」 これもvia id:okemosさん The Science Behind Those Obama Campaign E-Mails - Businessweek 大統領選でObama陣営はメールをa/bテスト使って最適化 オンライン経由の献金の大半をメールから獲得 件名別成績とか 大量に送りつけても実害ゼロだと分かったとか 親父から「スパムだろ」と文句言われたくらいだ、とか 「見た目最悪」なデザインが一番献金してもらえてショックだった 等々を、中の人への取材を元にまとめててわかりやすい 以下斜め読んだ内容 今回の大統領戦選挙の

404（Not Found）と表示されるエラーページってあまり見ないですよね。 404ページとは、サーバに接続できたものの、要求に該当するページ情報がサーバが見つけられなかった場合に表示されるエラーページです。 エラーなので普段目にすることは無いのですが、ふとしたタイミングで見た時にカッコ良くデザインされた404ページだと、「ここまでこだわるのか！！」と、サイトの好感度が上がります。 そんな小技の効いた404ページをピックアップしてみました。 404ページデザイン　33選 1. BLIZZARD ENTERTAINMENT https://us.blizzard.com/en-us/error.html 2. Henrik Hedegaard https://henrikhedegaard.com/404/404.html 3. DIL BERT https://www.dilbert.c

昨年より、5年間やっていたDTPの部署からWeb制作の担当と相成った私。 正直、まだまだお勉強中のWeb制作なのですが、ちょいとここいらで今自分が使用しているアプリ・ツール・サービスなどをまとめておこうと思います。 デザインに使用しているアプリ まずはデザインに使用しているアプリ。 Adobe Photoshop・Illustrator デザインに使用しているのはAdobeのPhotoshopとIllustrator。（CS5） DTPのころから使っているので非常に慣れているのはいいのですが、おかげさまで新しい環境に飛び込む勇気がなく、いつか覚えようと思っているFireworksに手を出す時間がございません。 まぁそのうち…うん…。 どんな風にIllustratorやPhotoshopを使用しているのかは、以下の記事をごらんくだしあ。 これが出来れば中級者！Illustrator初心者のた

Sublime Text 3 ベータ版が出た、というニュースが飛び込んできましたが、Sublime Text 2、あまり使い倒せてないので、すぐ食いついてないtanakaです。Personal License買ったのでインストールしましたけれども。 Sublime Text 2、常用はしてないですが、とても気が利いてるエディタですし、シェルから開く方法もあるということで、さっとテキストを編集するときは便利ですね。今回は正月休みにおこなった、プログラムを書くための設定についてまとめます。 Vintage(Vimライク・キーバインド)を有効に IDE系のVimキーバインドは使い勝手に難があるため有効にしてませんが、とりあえず、オンにして見ます。メニューバーのSublime Text 2→Preferences→Settings Userを選択すると、テキストファイルが開きます。ユーザごとの設定

Connect & Automate Buildings, Energy and Industrial Assets A cloud-based sensor platform that allows Facilities Managers, Energy Managers and Asset Operators to connect to, analyse and optimise their industrial assets, buildings and energy in real-time.

クリエイティブビジネス論〜焼け跡に光を灯そう〜 コピーライター・境 治が、焼け跡になりつつあるこの国のクリエイティブ業界で、新たな理念を模索するブログなのだ！ 昨日のこのブログで、今年は“節目の年“になるようだと書いた。今日はその続きを書こう。 朝日新聞の社長が驚くほどちゃんとメディアの将来を見据えたことを言った。紙の媒体で書くことにこだわっていてはいけない、と。もはや、新聞記事とは紙でもデジタルデバイスでも読めるものだし、それは加速する。いまの若い世代が年齢を経ても紙の新聞を読むようにはならないだろう。 この考え方を図にすると、こんなことだろう。 左側が、これまでのメディアとコンテンツの関係。新聞で言えば、メディア＝紙の新聞。コンテンツが記事。記事は必ず紙の新聞とセットであり一体化している。コンテンツは紙の新聞に掲載される前提で生み出される。そこに何の疑問もない。 ところが右側では状況が

In my last post, Designing a responsive, Retina-friendly site, I covered my design process and thoughts behind redesigning this site. I did not cover any aspects of actual development or any Jekyll specifics. This post will mainly cover coding up responsive design and the third and final post will cover retina media queries, responsive images and more. Note: The final part to this series is now pu

本文の一部を引用される場合は、必ず、本ページのURLを明記、 または本ページへのリンクをしていただくようお願いいたします。

A CSS framework is a software framework created to allow for easier, more standards-compliant web design using HTML/CSS. Many popular CSS frameworks are design-oriented and contain elements that can be re-used in the creation of any website or app, as well as a grid system designed to provide a responsive CSS layout to webpages. All the frameworks listed in this article are free and open source. B