タグ

2010年7月6日のブックマーク (10件)

  • ReBlogできる, Taberareloo ver 1.0.0 - 枕を欹てて聴く

    Chrome Web Store - Taberareloo Taberareloo の ver 1.0.0を公開しました. ReBlog, Text, Photo, Quote, Videoなどなどに対応し, 一段落したのでmajor version番号を上げ, 1.0.0となります. 以下使い方および追加機能です. QuickPost 使い方 Chromeには標準ではcontext menuをさわることはできません. そこで, 特定のキーを押すと, 上記動画のようにメニューが表示され, 選べるという形にしました. まず, キーの設定です. id:os0x さんのChromeKeyconfig, もしくはChromeGestureをinstallしている方は, そちらのほうでも設定ができます. 2つもの拡張がキーを監視するのはもったいないですからね!!! Chrome Keyconfig

    ReBlogできる, Taberareloo ver 1.0.0 - 枕を欹てて聴く
    ku_marin
    ku_marin 2010/07/06
    Taberarelooのせてち、ChromeKeyconfigも
  • jQuery&HTML5&CSSでリッチな動画プレイヤー実装jQueryプラグイン「osm player」:phpspot開発日誌

    jQuery&HTML5&CSSでリッチな動画プレイヤー実装jQueryプラグイン「osm player」 2010年07月06日- Plugins | jQuery Plugins jQuery&HTML5&CSSでリッチな動画プレイヤー実装jQueryプラグイン「osm player」。 次のようなリッチな動画プレイヤーがノンFlashで実装できるプレイヤーです。HTML5非対応ブラウザ用にFlashでフォールバックも可能。 Youtube、vimeoの埋め込みもOKです。 jQuery UI Theme-Roller を使ってテーマの変更も容易だそうです。 HTML5の動画プレイヤーは色々出てますが選択肢のひとつとして覚えておいてもよさそうですね。 関連エントリ CSSでスキン作成が可能なHTML5動画プレイヤー実装JSライブラリ「Video JS」 HTML5で動画や音声再生を可能

    ku_marin
    ku_marin 2010/07/06
    VIDEOタグはこういうのに乏しいからよさげなきもする
  • CSSで犯しがちな5つの誤ち | エンタープライズ | マイコミジャーナル

    Nicole Sullivan, a web developer living in California. Webページのパフォーマンスを向上させる方法のひとつに、CSSファイルを最適化するというものがある。CSSはプログレッシブレンダリングをブロックする効果があるため、最適化しないでおくとページのレンダリング時間に影響を与える。Stubbornella ≫ Blog ArchiveTop 5 Mistakes of Massive CSSAlexa Top 1000サイトを調査した結果が掲載されている。CSSに関して使うべきだが使われていないCSSテクニックがあり、その上位5が紹介されている。紹介されているテクニックは次のとおり。 42%がCSSをGZIP圧縮で提供していない。 44%が2つをこえるのCSS外部ファイルを使っている。 56%がCSSをクッキーとともに提供している

    ku_marin
    ku_marin 2010/07/06
  • Home - Par-Lour The Little-Cake

    Greetings to all my readers and sweet tooth! My name is Laura Mercado, and I am happy to introduce you to my blog about cutting edge technology and innovation in...

    ku_marin
    ku_marin 2010/07/06
    ピンク×水色がべりーきゅーと。背景の色もあわさって配色がかわいい
  • 配置をマスターして「機能するレイアウト」を作る大切なポイント

    ページに配置するエレメントの特質を理解し、1/3ルールやスペースやグリッドなどのデザインルールを取り入れ、「機能するレイアウト」を作るポイントを紹介します。 Using Landmarks Makes Page Layout Easy 下記は各ポイントを意訳したものです。 はじめに レイアウト、あるいはページのコンテンツの配置はウェブデザインの成功にとって重要です。レイアウトは一つのエレメントから次のものに向けるためにコンテンツの優先順位をつけます。 もしレイアウトが正しく機能していれば、ユーザーはコンテンツに興味をもち、他のものには気をそらさないでしょう。ここではあなたのデザインで機能するレイアウトを作るためのヒントをいくつか紹介します。 下記の例では、多くの人が最初に写真あるいは見出しに目がいき、その後にテキストに、そして最後にリンクの順番になるでしょう。 このレイアウトでは、見出し、

    ku_marin
    ku_marin 2010/07/06
    良いレイアウトをするための参考に
  • 「なぜ CSS が巨大になってしまうのか、なにがいけないのか」 - by edvakf in hatena

    Nicole Sullivan さんの素晴らしいプレゼン。 5 Mistakes of Massive CSSView more presentations from Nicole Sullivan. 内容は30分ぐらい。ビデオのほうが分かりやすいのでおすすめ。だいたいスライドの35ページ目まではあんまりおもしろくないので飛ばしてもいいと思う。 スライド中に出てくる衝撃的な統計は、Sullivan さんのブログにもまとめられているのでご一見を。 Top 5 Mistakes of Massive CSS | Stubbornella 要旨 CSS の「ベストプラクティス」は間違っている。 プレゼンでは Facebook の例を挙げているけど、例えばサーバー側のロジックでは、ページヘッダー、右コラム、中央、左コラム、フッター、のようにビューを分けるところだけど、CSS をそのような区分でデザ

    「なぜ CSS が巨大になってしまうのか、なにがいけないのか」 - by edvakf in hatena
  • マイコミジャーナル|【レポート】iPhone 4に対応したWebサイトを作る方法(2010/07/05)

    The WebKit Open Source Project iPhone 4にはRetinaディスプレイと呼ばれる高解像度ディスプレイが搭載されている。これは従来のiPhone 3GSの4倍の解像度にあたり、その美しさはiPhone 4の売りのひとつになっている。iPhone 4 Retinaディスプレイの美しさはユーザを満足させるものかもしれないが、同時に、WebデベロッパやWebデザイナに対してこれまで議論に上がっていた「High DPIに対応するWebサイト」という課題を実感させるものにもなった。 サイズが同じでディスプレイの解像度だけが上がるということは、従来と同じ方法でレンダリングすればその分小さく表示されることを意味している。これでは読めたものではないため、見やすいサイズまでスケールを上げる。iPhone 3GSとiPhone 4のケースなら、縦を2倍、横を2倍にすればいい。

  • キョリ測(ベータ) 地図をクリックして距離を測定 消費カロリー計算や面積測定も

    キョリ測はマピオンの地図上をクリックするだけで地点間の距離を計測できる無料サービスです。複数地点のルートを引きながら、移動時間・距離・消費カロリーを計算できます。徒歩・ジョギング・自転車などの条件設定もでき、作ったルートの保存や共有、スマホで見るのも簡単。マピオンは日最大級の地図検索サイトです。

    キョリ測(ベータ) 地図をクリックして距離を測定 消費カロリー計算や面積測定も
    ku_marin
    ku_marin 2010/07/06
    これはおもしろい
  • 名刺デザインのインスピレーション向上によさ気なギャラリーいろいろ+α

    ビジネスデザイン名刺 名刺を新しくしようと考えていて 少しギャラリーを見て周ったので すが、もう一度見なしそうなので ついでにメモ。ギャラリーや、名刺 のまとめられているサイトをいくつか。 名刺を新しくしようと考えていて 少しギャラリーを見て周ったので すが、もう一度見なしそうなので ついでにメモ。ギャラリーや、名刺 のまとめられているサイトと、発注 する時にいいかも、と個人的に 思った名刺屋さんをいくつか。 まずはデザイン名刺のインスピレーション向上用のギャラリーやFlickrのグループなどのまとめから。 Creattica とりあえずデザインといえばここですね。ロゴでもお世話になっているギャラリーサイトです。 Creattica-Business Cards Card Nerd 凄く綺麗にまとまっているギャラリーサイトです。シンプルでとても見やすい。上4つは広告です。 Card Ner

    名刺デザインのインスピレーション向上によさ気なギャラリーいろいろ+α
    ku_marin
    ku_marin 2010/07/06
    名刺作りたくなってくるなぁ、どれもハイセンスだ
  • サイトを公開する際に最低限抑えておきたい Apache の設定 | バシャログ。

    こんにちは nakamura です。最近トルシエさんテレビ出すぎじゃありません?ウィイレヤロウヨ。オフサイドダヨ! さてさて今回は意外と知られてないけど、サイトをインターネットに公開する際には知っておいた方が良い Apache の設定をいくつかご紹介します(一部 PHP の設定もありますが)。この設定をしていないからといって即危険にさらされるという訳でもありませんが、リスクの芽は摘んでおくに越した事はありませんよね。 無駄な HTTP ヘッダを返さない ディストリビューションにより異なるかもしれませんが、CentOS デフォルトの設定の場合 Apache が返してくる HTTP ヘッダは以下のようなものです。 HTTP/1.1 200 OK Date: Mon, 05 Jul 2010 01:01:14 GMT Server: Apache/2.2.3 (CentOS) X-Powered

    サイトを公開する際に最低限抑えておきたい Apache の設定 | バシャログ。