Chrome DevToolsを使いこなすための参考サイトまとめ | 1 pixel｜サイバーエージェント公式クリエイターズブログ
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 フロントエンドエンジニアの谷です。 本記事ではGoogle Chromeの開発者ツール、Chrome DevToolsを使いこなすために参考になるサイト、ページの紹介をします。 すでに多くのフロントエンドエンジニアが開発で使っているかもしれませんが、「要素のインスペクタなどの基本的な機能しか使っていない」「UA切り替えくらいしかつかってない」というような方や、そもそもほとんど使ったことがない、という方もこれらを参考にフロントエンド開発を効率化していきましょう！ 基本的な使い方 Chrome DevTools Overview 基本はやはり公式ドキュメ
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が動作しないデバイスの場合は候補としてイマイチです
CSS Nite LP, Disk 26「CSS Preprocessor Shootout」に行ってきためも。 - Mitsu.log();
2013-01-14 CSS Nite LP, Disk 26「CSS Preprocessor Shootout」に行ってきためも。 昨日、CSS Nite LP, Disk 26に行ってきました。今回のテーマはCSS Preprocessor Shootout。 CSSの設計をどうすべきかというテーマの基調講演ののち、前半はCSSプリプロセッサ SASS/LESS/Stylusそれぞれのお話、中盤はそれらを使うためのツールのお話、後半は実務で使われている企業の方々の事例、最後にCSSデザインの過去・現在・未来についてと、豪華登壇者による全10セッションでした。時間にして5時間半の長丁場でしたが、面白くて興奮しすぎて全然苦じゃなかった笑。参加した人には後で資料のフォローアップがある（確か３ヶ月後くらいには参加してない人向けにもオープンになるはず）ので、ここでは自分が気になった部分のざっ
CROSS 2013レポート(3) - mad-pの日記
CROSS 2013レポートパート3です。malaさんのセッション CROSS 2013 間違いや発言意図と違う表現だ、などということがあると思います。ご指摘いただければ幸いです。 安全な利用規約の作り方 http://www.cross-party.com/programs/?p=131 @bulkneets(mala) NHN ライブドア方面 なぜ利用規約 エンジニア方面の話をします 炎上したり、海外だといきなり訴訟 利用規約やプライバシーポリシーの無理やりな解釈 個人がさわぐ → メディアとりあげる → 取材に応じる前に広まる そんなつもりじゃないのに炎上する 作る側、使う側の視点から 無理やりなイチャモンでサービスの印象を落とすのは本意ではない 本当にヤバイものがわからなくなってしまう 利用規約が「評判リスク」であると扱われてしまう エンジニアができそうなこといろいろあるんじゃない
【記事紹介】企画書を作るのに便利なWEBサービスまとめ
うわーこれとてもありがたい！ 企画書を作るのにも便利だけど、ブログ書いたり、レポートを作ったりするのにもめちゃめちゃ使えそう。個人的には自分の考えをまとめるのに使いたい 企画書を作るのに便利なWEBサービスまとめ
Cacoo - Web上で図の作成とリアルタイムコラボレーション
Online diagramming tool for collaborating on wireframes, flowcharts, and more
| ＾＾ |秒刊SUNDAY | ０円でWebデザイナーになれる、オープンソースウェブ制作アプリ集30個
2009年01月30日 ０円でWebデザイナーになれる、オープンソースウェブ制作アプリ集30個 カテゴリ：WEBデザイン ウェブデザイナーになる為には、非常に高いアプリケーションやら、パソコンスペックなどが必要となりますが、たった０円でそれらを揃えることが可能です。 オープンソースHTMLエディタ ◆Bluefish Editor ■Bluefish Editor : Home 軽量のオープンソースHTMLエディタ。MACとLinuxに対応。 ◆Quanta Plus ■Quanta Plus Home CSS編集が楽になるオープンソースHTMLエディタ。 Linux用 ◆Amaya ■Amaya Home Page W3Cによる、オープンソースHTMLエディタ。バリデートもこれで万全。 Windows、MAC,Linuxと、すべてのプラットフォームに対応 ◆CSSED ■CSSED I
gauche.night
プレスリリースイベント概要口上説明gauche.nightブログ日時2008-03-08 (土) 17:00開場 18:00開演会場TOKYO CULTURE CULTURE(お台場)チケット出演実況中継二次会主催団体感想、反響リンク集表示的意味論と操作的意味論について プレスリリース gauche.night:プレスリリース イベント概要 口上 書籍「プログラミングGauche」がオライリー・ジャパンからついに刊行。 その発売を記念してgauche.nightが帰ってきた! SchemeとGaucheとλとS式を愛するすべての人に贈るマクロな一夜。 説明 第1部: 座談会「R6RSを斬る」 第2部: デモ大会「gauche.gong」 gauche.nightブログ http://karetta.jp/blog/gauche-night 日時 2008-03-08 (土) 17:00開場
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
1216彩票-官网平台
Google Chrome Developer Tools入門 in DevFestX Sapporo
いま、気になる12組のクリエイターたち by WebDesigning (WSX:カッシーのWEBる。)
Javascript Object Hierarchy