Twitterで「なんかやばそうな本が出るぞ!!!」みたいな事を言っていたら、それが偶然拾われて、献本して頂く流れになりました。オライリーさん、ありがとうございます。 とりあえずざっと全体を流し読みした(と言っても3時間弱は読んだ)ので、書評っぽいことを書いておく。 ハイパフォーマンス ブラウザネットワーキング ―ネットワークアプリケーションのためのパフォーマンス最適化posted with amazlet at 14.05.10Ilya Grigorik オライリージャパン 売り上げランキング: 4,747 Amazon.co.jpで詳細を見る 読むべき人間 以下に該当する人間に対しては必読に値する本だと思う。 HTTPを扱うアプリケーション*1のアーキテクチャを設計する人間 Webサーバ等のHTTPに関連するインフラを担当する人間 HTTP 2.0、WebSocket、Server-S
1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 mama&crowdのデザイナー、長谷川彰之介です。 今回は、WEBサイトの「余白」や「ブロックサイズ」「WEBサイトの横幅」に対して 「最適な値は存在するのか?」 について考えてみたいと思います。 少々長いですが、お付き合いのほどよろしくお願いします。 ボックスサイズとは、「ヘッダー」「コンテンツ」「ナビゲーション」などの ひとつひとつの固まりの大きさ(サイズ)を指します。 【第1部】8の倍数 WEBサイトのUIをデザインしていて悩まされるのが「余白」です。 「ここは3px…いや4pxか。もっと空けたら見やすくなるかもしれない。6p
(ちょっとメモ)CSSの @import と @media(メディアクエリ) 最終更新日:2019年07月05日 (初回投稿日:2012年06月15日) 前回は <link>要素内でスタイルシートのメディアを切り替えをしました。 今回は、CSSファイル内で @import や @media を使って CSSを切り替えてみよう。 本日のINDEX CSSの @-規則(CSS At-rules) @importで複数のCSSファイルをまとめる 複数のCSSファイルを1つにまとめる @import でメディアタイプ別に CSSを切り替える @import でデバイス別に CSSを切り替える @media で条件によって CSSを切り替える @media でメディアタイプ別に CSSを切り替える @media でデバイス別に CSSを切り替える メディアクエリの演算子について メディアクエリを使っ
This domain may be for sale!
地味な離島ライター内藤です。普段はコーダーとして仕事をしていますが、たまにはデザイナーさんのように人の目に触れる仕事もしてみたい! そこで本日は、日々の業務で見かけてこれは使えるぞと思ったtableを、独自に再構築してソースコードを公開しようと思います。 table作成時に参考になるサイト 本題に入る、その前に。XPの公式サポートも終了し、HTML5+CSS3の普及が進んでいます。今更ながら、この技術でどんなtableが実現できるのか、とてもわかりやすく説明されていたサイトをまずご紹介します。 table専門参考ページ4選 table専門の参考ページを4つほど選んでみました。 CSS3を使って美しく装飾されたテーブルの作り方|Webpark CSS3でのtableの作り方を、見た目とソースから解説してあります。 テーブル|CSSデザイン|スタイルシート(CSS)|PHP & JavaScr
ブログを運営していると、他人のブログ(競合サイト)のアクセス数はどれくらいあるのか、どんなキーワードで集客しているのか、気になってきますよね。 競合サイトを調査するメリットは以下の 3 点。 具体的な目標を設定するさいの目安にできる モチベーションを維持するきっかけになる 自分のブログに足りない点を見つけられる 競合サイトの分析に関する解説はこちら ツールを使えば調査はそれほど難しくありません。本記事では、ライバルサイトを丸裸にする分析ツールを 5 つ紹介していきます。 他のブログのアクセス数が推測できる仕組み 他のブログのアクセス数を計測できるツールはいくつかあります。 独自のクローラーを走らせて分析していたり、主な検索キーワードの順位・CTR をもとに算出していたりと計測方法は様々。 なかには、無料で他サイトのデータを提供する代わりに、ユーザーの Google アナリティクスや Sea
HTMLやCSSではプロトコル表記(http:、https:)の省略が可能です。 ということで、プロトコル表記の省略に関することを色々調べてみましたので、本エントリーで紹介致します。 このエントリーは、「「Google HTML/CSS Style Guide」を適当に和訳してみた」の以下の部分に対しての便乗記事です。 埋め込みリソースからプロトコル表記(http:,https:)を省略する。 <!-- Not recommended --> <script src="http://www.google.com/js/gweb/analytics/autotrack.js"></script> <!-- Recommended --> <script src="//www.google.com/js/gweb/analytics/autotrack.js"></script> 1.プロトコ
クラウドソーシングサービスなどというサービスにちょっと手を出してみました。結論からいうと、正直あまり使いたくないなと思いました。よくも悪くも名前を聞くランサーズというサービスについてです。なんかもっと上手に付き合う方法がある気がしてたんだけどなあ。 クラウドソーシング(というかランサーズ)について どんなサービスか ランサーズ 一言でいうと、仕事をやってほしい人と仕事をしたい人のマッチングサービスです。 特徴 良い所 営業しないでもお客さんと出会える可能性がある エスクロー入金(後述します) 手数料は無難な料金設定だと思う。特に文句はない。 悪いところ 今からツラツラと書く。 どんな仕事内容がマッチングされているのか システム開発 webシステム・アプリ開発・ソフトウェア開発・VBAなど・ゲーム開発・サーバ構築・セキュリティ・DB構築 Web制作 ホームページ/webデザイン・スマホ/モバ
定番っていいですよね。わずかな退屈さはありつつも、安心できます。 スニーカーならオールスター、スマホならiPhone、ビールならスーパードライみたいな。 Webサイトにも2012年ごろから急増し、現在では定番化したレイアウトパターンがあります。 ちなみにこのパターン▼ その代表例、Evernoteのサイト▼ http://evernote.com/intl/jp/ このパターンで商材となっているものの多くが、物理的なプロダクツではなくクラウドなど新しめのウェブサービスで、皆さんも頻繁に遭遇するのではないでしょうか。 グリッドレイアウトの亜種ともいうべきこれに正式名称があるのかわからないのですが、とりあえず僕は心の中で水戸黄門型と呼んでいます。時代劇の定番だし。 ※あくまでイメージです 定番化して今もなお増え続けている理由をちょっと考えてみました。 多分この辺じゃないかなーと A. 整然とし
(タイトルは、ある人から言われたコトバです) コウモリは、PVやアクセスの話ばかりするヒトが好きではありません。 PVやアクセスのために書かれた記事が好きではありません。 多くの人に見てもらうことよりも、見てくれた人にどんなものを残せたか。 PV(ページビュー)よりUX(ユーザーエクスペリエンス)。 量より質。 そういうのを大事にしていると感じるメディアやヒトが好きです。 ヒトは、そういうメディアやヒトを「信頼」するものだと思います。 1000人に読まれて、嘘の情報を伝えたり嫌な思いにさせたりするよりも、 たとえ100人でも、正しい情報を伝えたり楽しくなってもらったりの方が、 良いに決まっている。 メディアの現状 けれども今は、個人のブログでも大手のメディアでも、 「PVが何より大事!」と考えてしまうPV主義の風潮があるようです。 →旅客船沈没事故で恥をさらした醜悪な韓国メディア | 민용
そもそもどんな記事? これまで僕の中では順調だったブログ運営が、なぜ急にこんなことになったかというと、全ては僕が書いた「NHK教育はクラシック「カトゥリ・カルミナ」で歌われる「お〇ぱ〇」「ち〇〇ん」連呼のちょっとお下品な歌詞をいかにして公共の電波に乗せたのか」という記事のせいだと思います。伏せ字になってる部分と、リンク先がウェブ魚拓になっているのは、勘弁してください。今回のことで、記事を僕のブログ中に置いておきたくなかったので消してしまったからです。 簡単に経緯を説明します。あるニュースをきっかけに僕は、「カトゥリ・カルミナ」という大変下品な…もとい上級者向け歌詞のクラシック曲がある事を知りました。(歌詞についてはまるでエロ小説!? なクラシックの歌詞に仰天を参照してください。)その曲の歌詞がものすごく卑猥にもかかわらず、4月13日にNHK教育「クラシック音楽館」にて放送されるというじゃあ
いつも大変お世話になっております、そうすけ(@sosuke14jp)です。 タイトルの通りです。一昨日のことなんだけど、嫁に「会社を辞めてブログで食べていく」と告げましたなんて記事書いて、偉そうに「ブログ飯目指す!」とか言ってましたが、やめることにしました。 ブログが全く楽しくなくなった 理由は簡単です。急にブログを書くことが楽しくなくなってしまいました。「これだけ楽しいことなら仕事にしたい!」と強い気持ちを抱いていたわけですが、楽しくないんだったらわざわざ仕事にする意味もないです。以上。 もろもろの皆々さまへ 言葉では伝えきれないくらい色々と言いたいことがありますが、あまり長々としても仕方がないので短めに。 温かい応援コメント、現実的なアドバイスを下さった皆さまへ まず温かい応援コメントを下さった皆さま、そして記事の内容を真摯に受け止めアドバイスを下さった皆さま、優しさや期待を裏切る形と
1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 みなさんこんにちは。アメーバ事業本部の泉水(@1000ch)です。 今日はHTMLをコンポーネント化するWeb Componentsという新しいHTMLの仕様と、 その機能を補完するPolymerというライブラリについてお話させていただきます。 Web Components Web Componentsについては、2013年のHTML5 ConferenceでGoogleの夷藤さんがセッションされていました。夷藤さんはChromeチームで、Web Componentの周りの実装をされていたり、Shadow DOMの仕様の編集をされています。 セッショ
(2014/8/14追記) 下記の内容は、2014年7月11日までのデータに基づく内容になります。 手元の計測では、2014年7月12日以降、神奈川(保土ヶ谷収容)に関しては大きく改善したようです。 (詳しくは 2014年7月分グラフをご参照ください) また、下記のサポート対応に関して、2014年8月8日にOCNサポートからお詫びと説明がありました。 光回線とは思えない速度(1Mbps台)に毎夜(22時~1時)落ち込む OCN 光ネクスト(神奈川)にご注意、というお話。 OCNサポートからの情報では、神奈川に限らず、関東全般でOCN-光ネクストとの端点で輻輳が発生しており、少なくとも昨年から起きている事象とのこと。 光回線としての品質を期待している関東圏の方は、しばらくは OCN は見合わせたほうが無難かもしれません。 下記の図は、実測データをグラフ化したものです。(参考: 今回の実測関連
2. モック作る次に、Illustrator でモック作る。前は Photoshop で作ってたけど Illustrator に変えた。ラフスケッチでだいたいの構造は決まってるので、それを画面で見た時の見栄えを検証する。雑だけどこれは自分のサイトなのだから自分しか見ないという前提があって、雑でも問題ないということにしてる。8割くらい作り込んだところでやめて、コーディングに入るようにしている。2割くらい変更可能な余地を残しておくことで、コード書くとき融通が効く。 ラフとかモック描かずにコーディング始めることもたまにあるけど、それは余程デザインが頭のなかで固まっている場合に限る。ラフとかモック作るの、コーディングと同じくらい大事だと思ってて、コーディングを始めてしまうとデザインに気を配るのを疎かにしがち。デザインを考えつつ同時にコードを書くというのは結構難しくて、トレーニングが要る。全体のデザ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く