CSS3のMedia Queries(メディア クエリ)を使用して、デスクトップのブラウザ用をはじめiPhone, iPadなどのモバイル用にスタイルシートを分けるためのフレームワークを紹介します。 Hardboiled CSS3 Media Queries [ad#ad-2] スタイルシートの分け方は2種類あります。 プロパティ単位 ファイル単位 プロパティ単位でデバイスごとにスタイルシートを設定 「/* Styles */ 」の箇所にスタイルシートを記述。 スマートフォン((縦長・横長)
HTML5 Templateのデモページ Easy HTML5 Templateの特徴 汎用性の高いシンプルなつくり HTML5の新しい要素に重点をおいて設計 HTML5対応ブラウザはもちろん、IE6, IE7, IE8も考慮 モバイルデバイスも考慮 jQuery, Google Analyticsなどよく使用されるものを配置済み [ad#ad-2] Easy HTML5 Templateの外部ファイル Easy HTML5 Templateで使用している外部ファイルです。 screen.css Reset CSSには「Eric Meyer's reset」が使用されています。 modernizr-1.6.min.js 「Modernizr」。HTML5やCSS3をサポートしているか調べ、CSSの場合はエレメントにclassを加えます。 html5.js 「html5.js」。IE9未満(
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
サイトはGoogle Font DirectoryとTypeKitというフォントサービスのAPIを使用して作成されているようです。 どちらのサービスもCSS3の「@font-face」プロパティを使用する事でWEBフォントが利用できるような仕組みのようです。 オプションでフォントの色の変更やtext shadowを適用することができました! 気に入ったフォントをダウンロード フォントにマウスオーバーをするとGet fontというダウンロード用のリンクが表示されます。 すると画面の下部に埋め込み用のタグが表示されます。 これだけでサイトに組み込む事ができます。 簡単ですね! ※ちなみに、webフォントとは何ぞや?という方はこちらの記事が分かりやすかったです。 IEにも対応!10分でできるWebフォント実装法
When you’re a designer there’s a whole world of possibilities for you out there. The Internet can provide us with everything we need, we just need to know where and how to find it. This article is meant as a help for you in your daily work. These are Tools You Shouldn’t Have to Live Without In this collection we’ve put together a great list of resources for you. Here is what you need for both insp
iPhoneブラウザの特徴の一つとして、画面を左右に90度傾けると画面の中もそれに合わせて回転する機能があります。 そのため、画面幅に合わせて伸縮するリキッドレイアウトとしてデザイン・コーディングしますが、中にはそれだけでは難しいものもあります。 そこで、傾きに合わせてbodyのclassを切り替えるjqueryのjavascriptを紹介します。 サンプル サンプル ※iPhoneで見てみてください。 ダウンロード tilt.zip 使い方 ダウンロードしたtilt.jsをjquery.jsと一緒に読み込むだけで動作します。 用途 縦横でボックスの幅を切り替える 縦横で背景色を切り替える 縦(または横)の場合だけ表示する文章や画像を設置する 縦に最適化されたサイズのまま、横の場合はそれを中央寄せにして表示する 等々... 仕組み 仕組みはとても単純でwindow.orientatio
現在このブログでは携帯サイトをMT4iにて作成しています。 しかしサーバー負荷的に考えると少々苦しくなってきたので別の方法を模索する事に。 というか、普通にMovableTypeのテンプレートを使って静的URLで運営しようと思った。 文字コード変換プラグインMT-I18Nを見つけたので、移行に踏み切った。 近日中に携帯用URL変更の予定。 サーバー負荷に関して MT4iは動的にURLを生成。 ・アクセスがある度にデータベースへ問い合わせが発生 ・逐次ページを動的URLで生成 なのでCPU負荷が高い。 キャッシュ生成機能があり、利用するとそれなりに表示は高速&負荷も減る。 しかしアクセスが集中するとチョット、、、いや、かなり辛くなって来た。 以下、さくらのスタンダードで計測した結果、というか現状 一日のアクセスがPC用Webページに3万アクセス、携帯用cgiページに1500アクセスくらいまで
Benderコンバータは、フリーなYouTubeビデオ変換、FLVコンバータです。YouTube、Daily Motion、Mega Video、Vimeo、TwitVid、Veoh、Vimeoその他多くからビデオをダウンロードし、変換できます。MP3、AVI、FLV Flash、iPod / iPhoneその他多くの形式に変換できます。MP3オーディオ (.mp3) AVIビデオ (.avi) GIFアニメーション (.gif) WAVオーディオ (.wav) Mac用QuickTimeムービー (.mov) ショット (2フレーム / 秒) (.jpeg) Flashビデオ (.flv) MPEGビデオ (.mpeg) ショット (5フレーム / 秒) (.jpeg) Phone用ビデオ (.3gp) Windows Mediaビデオ (.wmv) iPod / iPhoneムービー
出版、テレビCM、商品パッケージ、スマホアプリなどにもご利用可能です。ロイヤリティフリーなので、一度購入すると、様々な用途に何度でもご利用いただけます。 面倒な素材管理も必要ありません。レンタルポジやレンタルフォトに変わる24時間いつでも検索・ダウンロード可能なストックフォトサービスです。
mixiやTwitter等をやっていると、いつの間にか住所や本名を知らない友達が増えてしまうもの。 そういった友人に何かプレゼントを送りたい、といった時「事前に住所を聞くのもちょっと。。。」という人も中にはいるのではないかと。 そこで、そんな時に役立つ住所を知らない相手にプレゼントや手紙を送ることが出来るサービスをまとめてみました。 ウェブポ 私も去年試しに使ってみた年賀状作成・送付サービス。「かもめ?る」なども受け付けています ギフトナウ Twitterのフォロワー等にもギフトが贈れるサービス。別に自分で買ったアイテムを送ってもらうことも出来ます メルアド宅配便 メールアドレスだけで5kg以下の商品を全国一律990円で送ることが出来る配送サービス ポチッとギフト 携帯やPCから送れるギフトサービス。セブンイレブンやHMVで受け取ることが出来るのも便利ですね メルプレ 楽天ギフトの商品をメ
Nemesis Design Skip to content Skip to navigation Skip to search Skip to comments Hello, my name is Federico Capoano, I enjoy developing cutting-edge websites and working with creative people. Skip links, also known as "Skip Navigation Links", are a good way to improve the accessibility of a website, providing an important shortcut for keyboard users and screen readers to browse the website, witho
jQueryなど他のスクリプトに依存せずに動作する、パネルをフェードのエフェクトで表示するスライドショーの超軽量(1.4KB)スクリプトを紹介します。 Fading JavaScript Slideshow – TinyFader デモページ [ad#ad-2] スライドショーはリスト要素で実装されており、パネル内にはリスト要素内に配置できるものであれば、どんなコンテンツでもサポートします。 パネル「1」は、見出しとパラグラフとリンクのコンテンツ スクリプトのオプションでは、オート表示の時間、スライドショー本体やページネーションのクラス名、アクティブ時のクラス名、ポジションなどを設定できます。 var slideshow=new TINY.slider.slide('slideshow',{ id:'slides', // ID of the parent slideshow unorde
Matahari88 | Link Alternatif Resmi Untuk Login Dan Daftar Situs Matahari 88 Online games are currently still a very fun object to fill our free time when we are bored at home. However, did you know that there is an online game site that is very viral and has become a mainstay for online game lovers in Indonesia? The game site is Matahari88. Matahari88 is a trusted online gaming site in Indonesia t
今回から、CSS 3の草案「Selectors」で新しく追加されたセレクタについて紹介していきたい。これまでCSS 3のセレクタに十分に対応しているのはOperaだけだったが、FirefoxがFirefox 3.1(ベータ版)で、SafariもSafari 3.1で対応を進めたことにより、Internet Explorerを除く主要なブラウザで利用できるようになった。 今回は、「:first-child」と「:last-child」、「:nth-child()」と「:nth-last-child()」を紹介する。これらのセレクタを利用すると、最初と最後の要素や、指定したナンバーの要素、さらには奇数と偶数の要素に対してスタイルシートを適用することができる。そのため、これまでのように余計な やクラス名を追加することなく、さまざまなデザインを設定できるようになる。 たとえば、こうしたセレクタを利
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く