タグ

2013年1月28日のブックマーク (15件)

  • ブラウザのしくみ: 最新ウェブブラウザの内部構造 - HTML5 Rocks

    How browsers work Stay organized with collections Save and categorize content based on your preferences. Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrot

    ブラウザのしくみ: 最新ウェブブラウザの内部構造 - HTML5 Rocks
  • 簡単で便利すぎ!WEB制作を「楽」にする無料ツールまとめ

    作成:2013/01/28 更新:2014/11/01 Tool > Webサービス フリーソフト、無料ツールなのにここまで使える 前回、無料素材をご紹介しました。 今回は無料で使える「ツール」をまとめます。フォント、画像、配色、htmlからエディター・アフィリエイトリンク作成補助まで。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 1.フォント 2.画像編集 3.ロゴ作成 / ネタ 4.配色 5.HTML5 6.CSS 7.ブラウザチェック 8.エディター 9.アフィリエイトリンク作成 10.フォーム作成 1.フォント PCにインストールされているフォント一覧をプレビュー Font picker イラスト等に使われているフォントを調べる WhatTheFont Windows上のテキストをくっきり、見やすく表示。 gdipp - k的に無料ソフト・フリー

    簡単で便利すぎ!WEB制作を「楽」にする無料ツールまとめ
  • 朝日新聞デジタル:ゆるキャラ141体「ヒゲダンス」 ギネス世界記録達成 - 社会

    【動画】ゆるキャラ141体のヒゲダンス=上田輔撮影ゆるキャラ141体が5分間のヒゲダンスに挑戦。ギネス世界記録に認定された=長崎県佐世保市のハウステンボス  ギネス世界記録に挑戦しようと全国各地のゆるキャラ141体が27日、長崎県佐世保市のハウステンボスに集まった。5分間、みんな一緒に踊るのが目標。  テーマ曲はドリフターズの「ヒゲダンス」。ところが、軽快なリズムとあわず、失格者が続出した。2回失敗し、体力の限界に達して倒れ込むキャラも。  励まし合って挑んだ最後の3回目の演技で、失格は7体に。規定の5%以内に収め、何とか記録を達成した。ゆるくない挑戦に温かい拍手が送られた。 関連リンク動画ページ着ぐるみメーカー注文殺到 ゆるキャラを忠実に立体化(1/21)くまモン、稼いだモン 半年で118億円、世界も視野に(12/12/28)ゆるキャラ1位は「バリィさん」 全国865体の頂点に(12/1

    o_hiroyuki
    o_hiroyuki 2013/01/28
    見た目と裏腹に壮絶だったんだな
  • 画質を下げずに画像のファイルサイズを圧縮できる「PNG Minimizer」

    サイト訪問者のストレスを軽減するために、サイトの表示速度はなるべく速くしたいものです。しかし昨今、メディアのジャンルあるいは記事の内容によっては、画像や動画などのリッチコンテンツがないと、ある場合と比較して直帰率の増加、滞在時間の減少などを招く傾向にあります。(当ブログ調べ) このジレンマを解決するには、画像のファイルサイズを圧縮して、ページ読み込みの負荷を減らしてあげる必要があります。この手のサービスにはYahoo! Smush.it™やCaesiumといったのようなものもありますが、今回は画質を保つだけではなく、画質をどれくらい落とすか調整しながらファイルサイズを圧縮できるサービスをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 画質を落とさずにファイルサイズを圧縮 「PNG

    画質を下げずに画像のファイルサイズを圧縮できる「PNG Minimizer」
    o_hiroyuki
    o_hiroyuki 2013/01/28
    画像圧縮
  • Gmailをさらにパワーアップさせる拡張機能やサービスたち | ライフハッカー・ジャパン

    多くの方が愛用しているGmailは、数あるメールサービスの中でも優秀なクライアントのひとつですが、その多機能さを持ってしても、決してパーフェクトではありません。ですが、いくつかのアドオンやプラグイン、拡張機能を組み合わせて使用することにより、Gmailをさらにパワーアップさせ、パーフェクトな状態に近づけることはできます。 Gmail用のアドオンはかなりの数がすでに存在しています。以前にも「Gmailに関するお役立ち記事まとめ」をお届けしたことがありましたが、さらなるグレードアップを求めるのであれば、この記事を一読してみてください!不要なメールを徹底的に排除する方法 Gmailの「重要」トレイを完璧にするために多くの時間を費やしたところで、それでも要らないメールはいつのまにやら受信箱に入っているものです。これらの不要なメールがどのような内容なのかによって解決方法は変わってきます。 ニュースレ

    Gmailをさらにパワーアップさせる拡張機能やサービスたち | ライフハッカー・ジャパン
  • 知らない人は損してる、イラレでスーパーのチラシを作るときの7つのワザ - Cherry Pie Weblog

    昨年から、地元の印刷会社さんのお手伝いでスーパーのチラシを制作させていただいているんですが、最初に作業手順を聞いたときに、そのあまりの面倒さに閉口してしまいました。 スーパーのチラシって、何重もの文字フチとか、値段の数字が重なってて円だけ小さいとか、囲みとか、必ず文字が画像にかかってしまうから白フチもつけないといけないとか・・・ そんな手数のかかる作業を、長年チラシ制作をされている方は、イラストレーター5.5 でショートカット連打でバキバキ作ってたりするわけです。 しかし、短納期・安価を求められる今の時代、いつまでもイラストレーター5.5時代の作業を続けているのでは、相当な熟練者でないと時間にもお金にも見合う仕事ができないし、会社としては熟練者に単純作業に近いことに延々と時間を使ってほしくないのです。 でも、今のイラストレーターならできるんですよね。 そんな、知っている人は知っているけど、

    知らない人は損してる、イラレでスーパーのチラシを作るときの7つのワザ - Cherry Pie Weblog
  • 深津貴之氏が語る、「fladdict流・使ってもらえるアプリのUIデザイン」 - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -

    スマホコンテンツ市場が成長期、そして成熟期に向かうなかで、競合他社と差別化を図るための要素として、デザインの重要性が高まっているのではないだろうか? ユーザーに心地よく使ってもらうためのデザイン、ユーザーがワクワクするようなデザインなど、スマホという独特のインタラクティブ性を持ったプラットフォームでは、今まで以上にUI、UCD、UXといった要素が大切になってきた。 そこで今回は、iPhoneアプリ「TiltShift Generator」や「SuperPopCam」など、先進的なデザインのアプリを企画、開発、設計まですべてひとりで担当し、生み出しつづける深津貴之氏から、fladdict流のUIデザインについて共有していただく。

    深津貴之氏が語る、「fladdict流・使ってもらえるアプリのUIデザイン」 - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -
  • 公開後にアプリ品質を向上させる

    .app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads

    公開後にアプリ品質を向上させる
  • Firefox OS - naoyaのはてなダイアリー

    Firefox OS が面白そう、というので少し触ってみました。 Firefox OS はWeb 標準ベースの開発を基礎としたモバイル端末用プラットフォーム、要は HTMLJavaScriptCSS でアプリケーション開発できるモバイル端末用の OS。間もなく Developer Preview Phone な実機が発売されるというのでにわかに盛り上がりを見せているみたいです。 Firefox OS が目指すところは Web 標準による、開発者がロックインされないオープンなプラットフォーム。iOS や Android の昨今の状況を見れば、そのアンチテーゼになるプラットフォーム構想があってもおかしくないわけで、まさにそれを目指しているようですね。 いったいどんなものかという概観は dynamis さんによるスライドが分かりやすい。 Firefox OS from dynamis

    Firefox OS - naoyaのはてなダイアリー
  • 身につけておきたいWebサイト高速化テクニック #2|検証ツールとそもそもHTTPって何だ編 | DevelopersIO

    第1回のアジェンダ編では、高速化に関わる要因と解決策の全体像を紹介しました。 アジェンダ編にもかかわらず多くのブックマーク、シェアをいただきありがとうございます! 余談ですが、記事にブックマーク、シェアをしていただくと、このブログでは執筆者に経験値がたまるような仕組みになっています。 たくさん経験値を貯めると四半期ごとに良いことがあるかもしれないので、気が向いたらこの他の執筆者の記事もシェアしていただけるとうれしいです。 言葉にせずとも、わかっていただけると思いますが、この記事も・・・ね? 右上にあるボタンをちょちょっと。 題 余談はさておき、題に入りましょう。 今回は「無駄なリクエストとレスポンスの削減」に視点を置き、解決策について調査、計測して紹介してみたいと思います。 と思ったのですが、長くなりすぎたため、まずは「検証ツールとHTTPについて」紹介することにしました。 この記事の

    身につけておきたいWebサイト高速化テクニック #2|検証ツールとそもそもHTTPって何だ編 | DevelopersIO
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

  • [JS]多彩なアニメーションを備えたスライドショーがスクリプトを一行も書かずに実装できるスクリプト -Cycle.js

    スクリプトもスタイルシートも書かずに、多彩なアニメーションで画像がスライドするスライドショーを実装できるスクリプトを紹介します。 こういう実装方法がこれから増えてくるかもしれませんね。 Cycle.js Cycle.js -GitHub 対応ブラウザは下記の通り。 IE8+ Chrome Firefox Safari Opera TODOとして、ARIAのサポート、キーボード操作、IE7対応、エフェクトの追加を予定しているそうです。 いつもは、デモ、使い方、の順番で紹介していますが今回はデモと使い方を併せてご紹介。 Cycle.jsのセットアップ Cycle.jsのバリエーション Cycle.jsのセットアップ ベースとなるHTMLは非常にシンプルです。 スタイルシートをhead内に、スクリプトを</body>の上に外部ファイルとして記述します。 <title>Cycle.js</titl

  • The Ultimate Guide to Version Control for Designers

    President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. For most developers, version control t

    The Ultimate Guide to Version Control for Designers
    o_hiroyuki
    o_hiroyuki 2013/01/28
    バージョン管理
  • LayerVault IP Vault

    First from the vault: psd_native, our PSD.rb native C extension. Check out PSD.rb on GitHub and then contact us for more information.

    o_hiroyuki
    o_hiroyuki 2013/01/28
    バージョン管理
  • Gmail設定方法

    僕は18歳からGmailをメインのメールクライントとしてほぼ毎日使っている。今25歳なので7年間も使っていることになる。今回はこれまでに僕が学んだGmailの使い方の中でも、絶対におすすめしたい設定とテクニックを紹介したい。特にマルチ受信ボックス機能とフィルタを使い、受信ボックスをつねにゼロにする方法は、当おすすめなのでぜひためしてほしい。 Google appsやGmailの受信ボックスのデザインはデフォルトだと以下になる。これから、このデザインの無駄をとりのぞいていく。無駄をとりのぞくことで重要なことに集中できるようになる。禅=Zenの考え方だ。 まずは、「設定」メニューの「全般」タブを開き、いかのようにする。紹介することが多いので理由はあえて書かないが、質問があれば気軽にTwitter(@ryoma0421)かメール(ryomaアットzenstartup.jp)で聞いてほしい。 「