タグ

あとで絶対試すに関するtkm_shoheiのブックマーク (11)

  • レスポンシブデザインの進化はWebの常識を変えるか? | ゆっくりと…

    ある記事 によれば、レスポンシブ Web デザインを採用するサイトの 72% が、デスクトップとモバイルに同じリソースが使われているそうです。またそれらリソースの 60% 以上が画像 という統計や、モバイル用に画像を最適化すれば、データ量を 72.2% 削減できる という調査結果もあります。 ということで、レスポンシブ画像のことを調べていていましたが、その技術進化というか、紆余曲折も含めて色々とある様です。 最新技術を素早く取り入れることはもちろん大事ですが、特に過渡期においては、変化に強いサイトを作るためにも技術の先行きを見極めることが重要です。そこでタイトルのような視点で、これまでの経緯をつらつらと辿ってみました。 自分としてのテーマは、「じゃあ、今、どうするか?」だったのですが…。読んで下さる方の何かに役立つかどうかは甚だ心もとない記事です。 ちなみに今回記事で取り上げた話題について

    tkm_shohei
    tkm_shohei 2014/06/09
    “Retina 用と非 Retina 用に画像ファイルを分ける必要がなく、常に2倍の(低画質な)高解像度画像を提供すればイイというワケです。”目からうろこ。早速やろう。
  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!
  • 体が硬い人の為の効果的なストレッチ。このストレッチをやった後は体がポカポカするぞ。 – @attrip

    最近は、ストレッチにこっているattripです。なんでこんなにストレッチにこっているのか?30歳を過ぎてだんだん体の衰えを感じるんです。周りの話を聞いていても体を痛めた・・腰が痛い・・とかそんな話ばかりです。 体が硬いと体の不調につながります。体が痛い。。腰がいたい。。そんな人達におすすめしたいストレッチの紹介です 今回紹介するのは

    体が硬い人の為の効果的なストレッチ。このストレッチをやった後は体がポカポカするぞ。 – @attrip
  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!
  • in the looop | Looops communications

    ループス・コミュニケーションズは、 企業のSNS活用戦略の立案・運用改善、啓発教育などのコンサルティングサービスや、リーダーシップやイノベーションをテーマとした企業研修を提供しています。

  • つくり・つたえるUIデザイン | 株式会社 ツクロア

    ツクロアは、つくり、つたえる、デザイン会社です。 それは、「ツクロア」という社名を考えた創業したときから変わりません。 なぜなら、「ツクロア」は、つくる(創る・作る・造る)と伝える(lore[lôr]: 言い伝え)を組み合わせた言葉だからです。 ツクロアのつくるものすべては、人の心に伝え、興味をもっていただくことを目指しています。 MORE

    つくり・つたえるUIデザイン | 株式会社 ツクロア
  • 表示速度を劇的に向上!無料のCDNサーバー「CloudFlare」は導入必須

    The faster, the better!ブログの表示速度向上は永遠の課題だと思っているg.O.R.i(@planetofgori)デス! gori.meは比較的画像が多いため、どうしても読み込み速度が遅く、以前から色んな方法を試して改善に努めてきた。その中でも間違いなく効果があると言える無料で利用できるCDNサーバー「CloudFlare」を紹介する!!ウェブ運営者、ブロガーは間違いなく導入した方がいい! そもそもCDNとは何か? まず、CDNについて簡単に説明する。CDNは「Contents Delivery Network」の略で、ウェブコンテンツを配信するために最適化されたネットワークのことを意味する。 ウェブサイトにある画像や動画などの高容量コンテンツをウェブサービスが提供されているサーバーとは別のサーバーにキャッシュし、代わりに配信して負荷分散するという仕組み。ここでいう「

    表示速度を劇的に向上!無料のCDNサーバー「CloudFlare」は導入必須
  • ガンダムを5センチほどにデフォルメした自作可能なペーパークラフト「5cm Gundam V2」

    原寸大の巨大さでありながら実際は紙でできている装甲騎兵ボトムズ「PDFクラフト スコープドッグ 1/1」がワンフェス2013[冬]に現れましたが、それとは反対にガンダムの頭身をキャラクターっぽく縮めてデザインしたペーパークラフトが「5cm Gundam V2」。実際に型紙や組立て方をダウンロードできるので、自分で作ることも可能です。 5cm Gundam V2 - 图纸发布 - WXY | PAPER - 纸模型制作日志 http://wxypaper.blogspot.jp/2013/03/5cmGundamV2download.html 以下がA4用紙7枚で作った全高7cmのガンダムたち。 ガンダム。 ガンキャノン。 ガンタンク。 コア・ファイター。 もともとこのガンダムは全高5cmにする予定だったのですが、完成品はそれより少し大きめになったとのこと。真ん中にあるのが完成版で、左右はそ

    ガンダムを5センチほどにデフォルメした自作可能なペーパークラフト「5cm Gundam V2」
    tkm_shohei
    tkm_shohei 2013/04/04
    仕事の気分転換に・・・。
  • 画質を下げずに画像のファイルサイズを圧縮できる「PNG Minimizer」

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

    画質を下げずに画像のファイルサイズを圧縮できる「PNG Minimizer」
  • インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった | 初代編集長ブログ―安田英久

    どれぐらいスゴいかというと、「サーバーにインストールするだけで、あとは設定ファイルをちょちょっといじれば、かなり高速化できちゃう」というぐらいスゴいのです。しかも、どんなサイトでも、どんなCMSを使っていても「インストールするだけ」。 Webサイトを高速化すると、ユーザーに優しいし、場合によっては検索結果での順位にも良い影響が出るかもしれない……それはわかっていても、なかなか格的にサイトを高速化するのは難しいものです。 サーバー側の高速化に加えて、HTMLのつくりや画像のファイルサイズ最適化、さらにはCSSを調整しての画像スプライト化やCSS/JSファイルの結合・最適化によるブラウザとサーバーの通信数削減などなど、実はやらなきゃいけないことがたくさん。 グーグルの提供するmod_pagespeedは、そうしたことの、かなりの部分を自動的に行うものです。 mod_pagespeedはこん

    インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった | 初代編集長ブログ―安田英久
  • キーボードイベントを実装する際に単体で使える軽量JSライブラリ「Keypress」:phpspot開発日誌

    Keypress: A Javascript library for capturing input キーボードイベントを実装する際に単体で使える軽量JSライブラリ「Keypress」 jQuery等に依存せず、簡単に使えるキーボードイベント実装ライブラリ。単体キーだけでなく、複数のキーの組合せや、キーを押した順によってイベントを発動させることができ、とりあえずキーボードショートカットなんかを入れたいという場合に簡単に使えそうです。 ライブラリを使ったイベント実装コードは以下。Shift+Sで発動する関数を設定しています。 keypress.combo("shift s", function() { console.log("You pressed shift and s"); }); 次のような感じで、キーボードを↑↑↓↓〜という感じに順に打ってイベントを発動させることも可能 keypr

    tkm_shohei
    tkm_shohei 2012/10/05
    これを待ってた。
  • 1