コーダー必見、SCSS・Compassで開発効率アップ｜Retina Display対応CSS Sprite編 | DevelopersIO
コーダー必見、SCSS・Compassで開発効率アップ｜Retina Display対応CSS Sprite編 はじめに 特に寒い今日この頃ですが読者の皆様は元気にお過ごしでしょうか？ 2月のリア充イベントといえばバレンタインですね（企業戦略）。バレンタイン用のチョコを販売するお店も増えてきました。 弊社は秋葉原という立地ですが意外なことに既婚者が多いので「リア充爆発しろ」と嘆く男性は少数のようです。 ちなみにビターチョコが好きです。 本題 今回は少し前に執筆した「コーダー必見、SCSS・Compassで開発効率アップ｜便利なCSS Sprite実装編」を発展させてSCSS・CompassでRetina Displayに対応する方法を紹介します。 事前に必要な知識 この記事では、以下の事前知識が必要になります。 記事中でも解説を挟みますが、詳しくは解説で案内しているページを参考にしてくださ
jPlayer : HTML5 Audio & Video for jQuery
a project by happyworm The jQuery HTML5 Audio / Video Library jPlayer is the completely free and open source (MIT) media library written in JavaScript. A jQuery plugin, (and now a Zepto plugin,) jPlayer allows you to rapidly weave cross platform audio and video into your web pages. jPlayer's comprehensive API allows you to create innovative media solutions while support and encouragement is provid
【流行】 レスポンシブWebデザインについて思うこと 【誰得】 | soplog(そぷログ)
レスポンシブWebデザイン、最近巷で賑わっているようですね。 私も自分なりに調べて使ってみましたが、巷で騒がれているような魅力や凄さは感じませんでした。 むしろ、この言葉に飛びついた社内の人間が「マルチ！低コスト！」とはしゃぎだすのが怖いくらいです。 私もちゃんと説明できるよう、備忘も兼ねて記事に残しておきます。 レスポンシブWebデザインとは PC・スマートフォン・タブレットなどの複数のデバイスに対して、HTML側はワンソースで対応した、デザイン・技術のことです。 Media Queries（メディアクエリ）を使う方法が一般的なようです。 （あまり触れられているのを見ませんが、PSPなどのゲーム機でもMedia Queriesは有効なのでしょうか？） 使用上のメリット 制作期間が短く済む 複数のデバイスにワンソースで対応できるので、別々に制作するよりは制作期間は短く済みます。 まぁ、ケー
【実践ゲーミフィケーション】今すぐ使えるゲームダイナミクス（ボーナス編）：ソーシャルアプリ・インパクト：オルタナティブ・ブログ
ソーシャルゲームアドバイザーのLooopsおかけんです。 （Facebook上ではけん部長と呼ばれていますが会社では部長じゃありませんので！） 今回は一部業界で注目されているゲーミフィケーション（Gamification）について取り上げます。ゲーミフィケーションの定義はまだ定まっていないところはありますが、ゲームをおもしろくするために使われる技術やノウハウをゲーム以外の分野に応用していこうとする取り組みのことです。ウェブサイトやウェブサービスへの応用はもちろん、実社会での活動にも応用して行こうとする動きもあります。 このゲーミフィケーションを実現するための個別手法をSCVNGR（スカベンジャー）が公表しているGameMechanicsをもとにゲームダイナミクスとしてまとめました。 SCVNGR's Secret Game Mechanics Playdeck この手法ですがよく見てみると
Av-jyo.com
The domain av-jyo.com maybe for sale. Click here for more information. Av-jyo.com Related Searches: Cloud Service Providers Secure Internet Browser Computer Internet Security Web Designing Courses AVI DVD Player Online Data Protection MatchMaking Services Related Searches: Cloud Service Providers Secure Internet Browser Computer Internet Security Privacy Policy
Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き
今回このブログ - Webデザインレシピを、iPhone などでも見れるようにリデザインしました。使用したのは CSS3 の Media Queries（メディアクエリ）。メディアクエリの使い方や感想、気をつけたい注意書きをまとめてみました！ 遅ればせながらこのブログ – Webデザインレシピを、スマートフォンでも見れるように改修しました。このブログは WordPress で書いているので、スマートフォンや iPad への対応方法はいくつもあるのですが、今回は CSS3 の Media Queries（メディアクエリ）を使って、iPad、iPhone など、いろんなデバイスに対応（対応というか、一応見れる程度）にしてみました。 なので Media Queries を使ったスマートフォン対応と、リデザインしながら思ったことなどをまとめてみました。 CSS3 Media Queries 目次
メディアクエリでiPhoneやiPadにもレイアウトが最適化されているHTML5製のWordPressテーマ・Constellation Theme
iPhoneやiPadなど人気のタッチデバイス に対応させる事が最近では大きな課題 の一つでもあり、その方法としてライブラリ やツールを使う方法など様々です。WPも 多くの方法がありますが、今日のテーマは 既に最適化されたフレームワークになります。 css3のメディアクエリで様々なデバイスでも美しいレイアウトを保てるようにされているWPテーマのフレームワーク。HTML5を採用しています。 いままでも何度かこの手のものをご紹介してきましたが、選択肢の一つとして。何をもって最適化なのかは意見が分かれそうですので疑問がありましたらデモで確認してみてください。 iPhone、iPadに限らず、様々な環境で見やすいレイアウトを維持します。テーマ作成用のフレームワークとしてなかなか良さそうですよ。 フレームワークらしくシンプルに Starkersほどではありませんが、これといった装飾は一切されていませ
電通がフェイスブックと提携したな。これから何が起こるか、5個書いておくぞ。でもあんまり真に受けるなよ - 僕と花子のルンルン生活だヨ！
巨乳 AV おっぱい 女子アナ 画像 オッパイ 18歳未満 女子高生 ラーメン ザーメン ヒヤソーメン アッー！ ウホッ 電通とフェイスブックの提携話について書くのがブームなのでオレも。 ただし、オレは「現場がどうなるか？」という話をしてみるぞ。 まずは電通とフェイスブック社の提携内容について。以下、プレスリリースより。 ************************************* 広告主向けにFacebookページ(※1)のコンサルティング/制作を行うと 共に、Facebookのプレミア広告枠の独占販売や、 マス広告と連動したFacebook活用の新しいマーケティング展開を 広告主に提供してまいります ************************************* いや、2chじゃないけど、妙に最近フェイスブックについて広告業界の 人々が話しまくってるよなぁ、な
Sencha Products: Comprehensive Frameworks for Building Web Apps
Ext JS is the most comprehensive JavaScript framework for building feature-rich, cross-platform web applications. Use it to create applications for desktops, tablets, and smartphones. With this trial, you get access to our Ext JS Premium edition, which includes Ext JS, D3, Adapter, Pivot Grid, Calendar, Exporter, Sencha Themer, Architect, Cmd, JetBrains, Visual Studio, and Eclipse IDE Plugins, Vis
【Facebook】Open Graph Protocol 説明：プロジェクトマネジメント10.0：オルタナティブ・ブログ
ブログ引っ越しました→「Looops 直人の備忘録」 ◆関連記事 【Facebook】Social Plugin 説明 2010/04/23 【Facebook】Graph API の説明 2010/04/30 お世話になっております。 ループス岡村直人です。 翻訳というほど厳密でもない、でも解説というほど詳しくもない、どっちつかずの Facebook Open Graph 関連エントリも、今回で最終回とあいなりました。 対象はFacebook.com上のドキュメントのうち、Open Graph Protocol に関する部分です。 認識違いや不明点等、お気づきの点がありましたらご指摘いただけると幸いです。 ◆Open Graph Protocol を5秒で説明すると Open Graph という仕組みによって、FacebookのコンテンツはFacebook.comの外の世界にも広がってい
ブラタモリ - NHK
#130 甲府盆地 ～ミラクル盆地は試練がいっぱい～ 今回は山梨の甲府盆地に時速500㎞の超電導リニアでGO！ 甲府盆地の大きさは東京都の面積とほぼ同じ。実はここ、3つのプレート（ユーラシアプレート、北アメリカプレート、フィリピン海プレート）がせめぎ合う、世界的にもミラクルなプレートの三重点なんです。 そんなミラクル盆地のたくさんの試練とは何なのでしょうか？ タモリさんが謎に迫ります。 まず広大な盆地を一望できる高台に向かったタモリさん。 八ヶ岳、南アルプス、富士山に囲まれた甲府盆地。その始まりは、 3つのプレートによってできた深さ2キロにも及ぶ大渓谷です。 実は甲府盆地は、一度大雨が降ると周囲の山々から濁流が押し寄せ、あっという間に川が氾濫する、農耕にも居住にも適さない土地。そんな試練と格闘したのが戦国最強と言われた武田信玄です。郊外を流れる川で 見たのは、信玄の大治水事業の痕跡。その驚
多数のブラウザでvideoタグに対応する·html5media MOONGIFT
html5mediaはjQuery/JavaScript製のオープンソース・ソフトウェア。HTML5を使って動画を流す場合に使われるのがvideoタグだ。現在主流になっているMPEG4にはライセンスコストがかかるので標準化が困難で、広まるのは難しい状況ではある。 Safariで実行した場合。videoタグのまま そんなvideoタグを使えばFlashを使わない、または使えないブラウザでも動画の閲覧が出来るようになる。だがIEをはじめとしてHTML5に対応していないとvideoタグが使えないので二重の開発を行う必要があるのは問題だ。そこで使ってみたいのがhtml5mediaだ。 html5mediaは多数のブラウザでvideoタグを使えるようにするライブラリだ。記述するのはvideoタグでよく、html5mediaを読み込むことでHTML5に対応していればそのままvideoタグを使い、対応し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.apptoiphone.com/2011/05/sonar.html
新着記事
Media Queries
TikTok広告 - サイバーエージェンシーby GDM
[CSS]Media Queries（メディア クエリ）を使用したデバイスごとの指定方法のまとめ
NameBright - Coming Soon
GLOBIS 知見録
TechCrunch | Startup and Technology News
