Chrome DevToolsを使いこなすための参考サイトまとめ | 1 pixel｜サイバーエージェント公式クリエイターズブログ
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 フロントエンドエンジニアの谷です。 本記事ではGoogle Chromeの開発者ツール、Chrome DevToolsを使いこなすために参考になるサイト、ページの紹介をします。 すでに多くのフロントエンドエンジニアが開発で使っているかもしれませんが、「要素のインスペクタなどの基本的な機能しか使っていない」「UA切り替えくらいしかつかってない」というような方や、そもそもほとんど使ったことがない、という方もこれらを参考にフロントエンド開発を効率化していきましょう！ 基本的な使い方 Chrome DevTools Overview 基本はやはり公式ドキュメ
ビギナーズラック 「iOS7」の棚 おまけ(iOS7のフォントについて)
iOS7のフォントについてiOS7beta5 iOS7フォントの特徴 フラットデザインばかり取り沙汰されているiOS7ですが、フォントもデザインの一部として多くの変更があります。 デザインに適したフォントの追加は珍しいことではありません。 そして、iOS7のフォントの特徴は、やはり「細字」ではないでしょうか。 iOS6の時、多くのフォントに「Condensed Light」やら「UltraLight」やら追加されたのが妙に引っかかっていたのですが、今思うと、iOS7への布石だったのかもしれませんね。 どんなフォントがあるかは、この後の一覧で紹介しますが、私が特にイチオシしたいフォントがヒラギノ角ゴシックです。 ヒラギノ角ゴシック あれっ？ ・・・と思った方は大正解ですね。 iPhoneで表示される日本語と言えばヒラギノ角ゴシックなので、今さら何を言い出すのか？という感じが満載かと思います。
2013年Chefの話題を一挙に振り返るまとめ | Engine Yard Blog JP
早いもので2013年もまもなく終わります。特にChefについては今年は大きな飛躍の1年になりました。Chefについては話題の流れも多く、自身としても何があったのかを即座には思い出せません。今回はすでにChefを使っている人の話題の復習や、Chefをまだキャッチアップしていない人が今からでも間に合う情報収集としてまとめてみます。 はてなブックマーク上でも2013年の記事でChefタグが付けられた3ブックマーク以上の記事が800エントリを超え、ブックマークの回数は3万2千回を超えるというとてつもない状況です。今回はその中でも100ブックマーク以上が付いた記事の中から特に注目が集まった話題を時系列で振り返ります。 2013年1月:「兆し」 2013年早々にChefの大躍進の契機になるエントリが@naoya_itoさんのブログに投稿されます。「開発メモ#4 : EC2スナップショットとの差分は c
Grunt Pluginsのカレンダー | Advent Calendar 2013 - Qiita
About reserved postingIf you register a secret article by the day before the same day, it will be automatically published around 7:00 on the same day. About posting periodOnly articles submitted after November 1 of the year can be registered. (Secret articles can be registered anytime articles are posted.)
知っておくと速い！CSS3に関する「便利」なまとめ
作成：2013/11/25 更新：2014/10/24 Webデザイン > 先週WordPressの自作テーマを作っていたときに、もっとCSSで効率化できないものかと、色々調べてたら結構使ってないものがありました。出来るだけ短縮できるところは短縮したいので、今回はCSSの中でもサイトを作る上で「知っておくと効率的」なものをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 知っておきたいプロパティ １．カウント数を出力 ２．要素の前後に文字や画像 ３．カーニング ４．画像フィルタ ５．均等幅にレイアウト ６．アニメーション一覧 スマホサイト対策 ７．viewport ８．改行削除 ９．Webクリップアイコン １０．UIリセット／入力フィールド拡張 １１．横並び １２．ボタンサンプル １３．画像を使わない矢印 １４．自動改行 １５．はみ出しを隠す １
Livedoor ReaderのAPIを探して全部まとめてみた。 - ガジェカツ～在宅SEのガジェット活動ブログ～
はじめに LivedoorReaderのAPIを利用したアプリケーションを作りたいのでAPIとその利用方法をまとめて見ました。 ここのページの情報は大部分が http://d.hatena.ne.jp/nTeTs/20060422/1145637483とhttp://d.hatena.ne.jp/takef/20070216/1171635948から引用です。 またApiKeyに関する情報はhttp://d.hatena.ne.jp/snaka72/20090517/1242519412から入手しました。 （こんな情報を公開していたid:nTeTsさん、id:takefさん、id:snaka72さんには大感謝です！） Livedoor Reader APIを利用する前に ここに乗っているAPIは公式には発表されていません、よって突然の仕様変更などがあるかも知れません。 またここに乗っている
国会議員白書――政治家の仕事を記録・公開するウェブサイトです
【お知らせ】現在、衆議員のデータを更新中です。リンク切れや見辛い個所などありますが、ご了承ください。今回の更新から議員立法のデータが新たに加わりました。また、各種データの順位表示も始めました。（2024/01/19） ご案内 国会議員白書は、衆参両院議員の国会での活動や選挙結果などの情報をまとめたウェブサイトです。 戦後新憲法下、1947年から衆議院議員は2023年12月まで、参議院議員は2022年12月までに当選した全議員について、選挙区と選挙結果、本会議や委員会での質問・答弁・演説などの発言の一覧と統計、出席した委員会の数や種類、質問主意書の数と内容、会派や役職就任状況など情報を整理して公表しています。見えにくい国会議員の普段の活動を可視化するのが当サイトの中心的な狙いです。 最新のデータは、衆議院は49期（2021年の第49回衆院選で当選した議員）、参議院は26期（2022年の第26
HTTP2.0勉強会( #http2study )が超おもしろかった話 - After Coding
2013-08-15 HTTP2.0勉強会( #http2study )が超おもしろかった話 SPDY Seriousが開催できなかったという経緯で開催された(?)HTTP/2.0勉強会。予習資料もdraftもほとんど見ないで参加したけど、おもしろかった。 最近参加した勉強会の中でも突出して、おもしろかった。本当に、おもしろかった。 ので、この気持ちを伝えるべくブログを書く。Ustがなかったのでツイート頑張ろうと思ったけど、話に聴き入ってしまってそれどころでは無かった。 @sada_hさんが纏めてくれてるけどそもそも全体のツイート数が少ない。1: HTTP/2.0 Guide (@Jxckさん) Http2.0 Guide 2013-08-14 #http2study from Jxck :) 講師は少し前のweb+dbでSPDYとHTTP/2.0の記事を書いた人だった。 WE
Wi-Fiだけでも現在地を測定できる仕組みとは？ | AppBank
AppBank の主任です。 GPS を搭載していない iPod touch や Wi-Fi 版 iPad の現在地を表示できることをご存知でしょうか。 位置情報サービスをオンにして Wi-Fi に接続していれば、様々なアプリで現在地を測定・表示することができます。 いったいどのような仕組みなのでしょうか？ そこで今回は「Wi-Fi だけで現在地を測定できる仕組み」を解説いたします。 Wi-Fiで現在地を測定する際に必要なもの Wi-Fi だけで現在地を測定（測位）するには「Wi-Fi アクセスポイント」と「インターネットに接続できる環境」が必要です。 さらに設定アプリの「位置情報サービス」と「Wi-Fi」をオンにする必要があります。 ちなみに Wi-Fi での測位は iPod touch や Wi-Fi 版 iPad だけではなく、iPhone や Cellular 版 iPad でも可
Big Badass Bootstrap List
Docs and Articles Get started, educated and secure. Components Additional Bootstrap specific addons to supplement the base Bootstrap features Display BOOTSTRAP-MAXLENGTH Uses badges to display the maximum length of the field where the user is inserting text. This plugin uses the HTML5 attribute "maxlength" to work. WATABLE a pretty decent jQuery table plugin BOOTSTRAP-TIMEPICKER A simple timepicke
Retina対応にSVGは本当に使えるのか？
高解像度スクリーンに対応できるのは嬉しいですが、普通の解像度しか持たない端末にも大きなファイルをダウンロードさせなければならないのは、3G回線などの遅い回線での表示パフォーマンスを考慮すると、SVGが適していないケースもありそうです。ただ、サーバ上でGZIP圧縮した場合、平均30%ほどサイズを削減できることを考慮すると、数十KBの差がある場合を除いて、表示パフォーマンスと表示クオリティのバランスもとれてくる気がしています。 ちなみに、Illustratorで「圧縮」を選択してsvgzとして保存すると2,395Bになりました。これならPNG8のファイルサイズにだいぶ近くて良い感じですね。Apacheの設定にSVGZが記述されていれば圧縮版を使えるので、このサイズだったら現実的な気がしてきました。ただ、サーバの設定がうまくいかないのか、Illustratorでの書き出しが悪いのか、SVGZを表
上司「君、来週からiOSね」 - ReDo
と、言われた際にどう最初の一週間を過ごすべきか、という話です。 ○はじめに MBAを買って本1冊Xcodeで必死に写経したことを「俺iOS個人的にやったことありますし余裕ですしおすし」と自慢すると半年から１年ぐらい経って忘れたころにこうなります。気をつけましょう。 # 自分はiOS歴3weekぐらいの雑魚な上に多大にジョーク成分が含まれておりますので応用には留意願います。 流行に乗って買うだけ買って使っていないApple製品がある際には月曜朝からこれ見よがしに机の上に広げてください。 まわりに「俺iOS始めたしお前らAndroidとかにはつきあってられないし」というアッピルは邪魔をされないために効果的です。 ・Xcodeでの開発にはMacが必要です ・シミュレータではできないことがあるためiOS実機があると良いです。 ・最新のiOS 6.xが動作しないデバイスの場合は候補としてイマイチです
Browserhacks
What’s this? Browserhacks is an extensive list of browser specific CSS and JavaScript hacks from all over the interwebs. Press the first letter of a browser to jump to the according section, like F for Firefox. How to? Pick the hack you want Copy it into your stylesheet Add the style you want between the braces Enjoy the new styles for the browser you targeted! Reminder! Please keep in mind using
Impact of performance
The major search engines measured how much web site slowdowns hurt their business metrics: Bing – A page that was 2 seconds slower resulted in a 4.3% drop in revenue/user. Google – A 400 millisecond delay caused a 0.59% drop in searches/user. Yahoo! – A 400 milliseconds slowdown resulted in a 5-9% drop in full-page traffic. On the faster side, companies from a variety of vertical markets had prais
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adding custom domains
Node 2013
iOS device spec, versions and Xcode deployment target information
「こけむさズ」に３度通って 東郊雑記＠琳堂 on scriptogr.am
https://www.igvita.com/slides/2012/webperf-crash-course.pdf
1216彩票-官网平台