[CSS]3ステップでマスターする、スマートフォンやデスクトップなど異なるサイズごとに最適なレイアウトを提供するResponsive Web Desingのチュートリアル
Media Queries初心者でも分かりやすく解説された、スマートフォンやタブレットやデスクトップなど異なる表示サイズごとに最適なレイアウトを提供するResponsive Web Desingのチュートリアルを紹介します。 Responsive Design in 3 Steps [ad#ad-2] 下記は各ポイントを意訳したものです。 Step 1: METAタグ Step 2: HTMLの構造 Step 3: Media Queries さらに実践的な使い方を学びたい人に Step 1: METAタグ スマートフォンなどで採用されているモバイル用ブラウザは、表示するHTMLページの大きさをビューポートの幅に（主に）縮小してフィットさせます。 まずは、この設定をMETAタグを使用して等倍で表示するようにしましょう。 HTML <head>～</head>に下記を記述します。 <meta
イベントやセミナーを成功へ導く、ソーシャルメディアの活用術イマドキ8 | PRFREAK
弊社ではマーケティングのひとつとして、セミナーを定期的に開催しています。私たちは、見込み客や既存客へメールで案内するという伝統的な方法で主に集客しており、十分に効果を発揮していると考えています。しかし、その考え方を改める必要がありそうです。ソーシャルメディアの浸透によって、イベントやセミナーの開催の在り方が、新しい時代を迎えたような気がします。その転機となりそうな記事を所感を交えて紹介します。 15 Ways to Bring Social Media to Events – Social Media Examiner（11月29日） 1. 登録してバズらせる クチコミが自然に広がるのを待っても、ほとんど待つだけ無駄です。積極的に行動すべきでしょう。まず紹介したいのが、無料でイベント開催を告知できるサイトへの登録です。最有力は、Eventbriteです。日本ならリクルートのATNDが近いか
HTML5+CSS3の導入時に役立つ7つの設定
こんにちは、鴨田です。 個人的に仕事の大半はスマートフォン関連なので、 最近のマークアップはほとんど全てHTML5+CSS3で行っています。 とはいえ、PC向けのサイトではまだまだHTML4.01、XHTML1.0、CSS2.1を使用している場合が多いと思います。 ですので、今回はHTML5+CSS3を導入するにあたって、役立つと思う7つの設定について、書きたいと思います。 １．HTML5の初期テンプレート案 <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>HTML5 初期テンプレート</title> <!-- reset.cssの設定 --> <link rel="stylesheet" media="screen" href="reset.css" /> <!-- Viewportの設定 --> <meta nam
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
