-
XHTML1.0とHTML5のコーディングの違いを確認してみよう【MdN連載第9... www.html5-memo.com
HTML5+CC3 を勉強しながら調べたサイト情報やサンプルの作成。そのほかweb 制作に役立つ情報をまとめました。 http://www.html5-memo.com/ デザイン作成のヒントになるサイトや制作に便利な無料素材、かっこいい映像やアプリなどをまとめました。 http://webd... 続きを読む
-
iPhoneサイト(スマートフォンサイト)制作時の画像の表示方法と使用... www.html5-memo.com
PCサイトでの画像の表示方法は、スライスした画像をimgタグにサイズ指定をしたり、背景画像に繰り返しや位置の指定をして表示するのが一般的ですが、スマートフォンサイトではデザインやコンテンツの内容によって画像の表示方法を工夫する必要があります。 特にiPhoneのように横画面にすると可変して表示... 続きを読む
-
iPhoneサイト(スマートフォンサイト)制作のためにCSS3でPhotoshopの... www.html5-memo.com
スマートフォンサイトを制作する上で便利なCSS3。 必要最低限まで画像の使用を減らし、スマートフォンサイトのデザインをスムーズにコーディングすることができます。 また、画像を使わずにCSS3を使ってスマートフォンサイトのデザインを実現すれば、読み込み時間や容量の軽いサイトを制作でき、サイトの最... 続きを読む
-
HTML5の「アウトライン」についてまとめました【MdN連載第8回目】 | ... www.html5-memo.com
アウトラインとは階層構造のことで、HTML5のマークアップでは、このアウトラインを意識することが重要になってきます。 今までのHTML4やXHTML1.0でもh1~h6の要素を使用して暗黙的に階層化されているのを示していましたので考え方が変わったということではないですが、HTML5ではサイトの... 続きを読む
-
iPhoneサイト制作(スマートフォンサイト制作)最適化のために最低限... www.html5-memo.com
iPhoneサイト制作(スマートフォンサイト制作)をする上で、ソースの無駄な記述を最低限に抑え、通信速度を上げることが「最適化」へとつながります。 スマートフォンサイト用に最適化したcssを制作する場合、reset.cssの記述を減らすことで、重複する命令を減らして、読み込みのスピードを上げる... 続きを読む
-
画像を使わないでCSS3のグラデーションでスマートフォンサイトの背景... www.html5-memo.com
スマートフォンサイトを制作する上で重要となる「最適化」。 PCサイトとは違い、外出先や移動中などに見られる機会が多いスマートフォンサイトでは、できるだけ容量を抑えて通信速度を上げ、サクサクと閲覧できることがもとめられます。 スマートフォンサイト最適化のためには様々な方法がありますが、できるだけ... 続きを読む
-
HTML5の「コンテンツ・モデル」についてまとめました【MdN連載第7回... www.html5-memo.com
HTML5でコーディングする場合に、知っておくべきことの一つに『コンテンツ・モデル』があります。『コンテンツ・モデル』とは、各要素ごとに内包できるコンテンツを定義したものを言います。つまり、要素ごとにどんなコンテンツを入れて良いのかが決まります。 HTML5からは『ブロック/インライン要素』の... 続きを読む
-
スマホサイトの確認に便利!PC(safari)でできるスマートフォンサイ... www.html5-memo.com
スマートフォンサイトを制作する際に、iPhoneやAndroid両方の機種での検証や、もう発売されていないようなOSのバージョンの対応も必要になる機会があるかもしれません。 本来ならば一通りの機種を用意して実機で検証できる環境が必要ですが、個人での制作や、ちょっとしたサイトのスマートフォンサイ... 続きを読む
-
「Flashの現状とこれからの展望」web creators特別号『 Webサイト制... www.html5-memo.com
2012年1月28日にweb creators編集部より発売されたムック本に記事を執筆させていただきました。 web creators特別号 Webサイト制作 最新トレンドの傾向と対策 HTML5・スマートフォン・SNS・Webアプリケーション amazonで詳細を見る 僕が知人と一緒に書かせ... 続きを読む
-
HTML5のカテゴリーの種類についてまとめました【MdN連載第6回目】 | ... www.html5-memo.com
HTML4では、要素ごとにブロック要素、インライン要素というわけ方があり、インライン要素の中にブロック要素が使えなかったりなどタグの使い方にルールがありましたが、HTML5ではブロック要素、インライン要素というわけ方はしなくなり、要素ごとに目的に応じたカテゴリーという形で分けられています。今回... 続きを読む
-
HTML5の勉強を始めた際に使い方に迷う新要素「article要素」の基本と... www.html5-memo.com
前回はセクショニング・コンテンツの要素の中で定義が漠然としていて使い方がわかりにくいとよく言われている「section要素」についての基本とサンプルをまとめました。 今回はもうひとつわかりにくい要素の「article要素」の要素をまとめてみたいと思います。 section要素についてのまとめた... 続きを読む
-
jQuery MobileでGoogle Mapsの表示からお問い合わせフォームの作成ま... www.html5-memo.com
HTML5+CC3 を勉強しながら調べたサイト情報やサンプルの作成。そのほかweb 制作に役立つ情報をまとめました。 http://www.html5-memo.com/ デザイン作成のヒントになるサイトや制作に便利な無料素材、かっこいい映像やアプリなどをまとめました。 http://webd... 続きを読む
-
HTML5の勉強を始めた際に使い方に迷う新要素「section要素」の基本と... www.html5-memo.com
HTML5の勉強を始める際に新要素の使い方などを勉強すると思いますが、その際にまず迷うのが「secion要素」と「article要素」はどういうときに使うのだろか?使い分けはどういうようにするのか?という疑問にほとんどの人が行きつくとおもいます。 しかしこれはコンテンツの原稿によっても変わるも... 続きを読む
-
絶対に覚えておきたいHTML5の『video要素』超基本を知る!! | HTML5で... www.html5-memo.com
video要素について 今回はHTML5新要素の中でも注目度が高い「video要素」の基本的な記述方法をご紹介します。 video要素はFlashなどのプラグインを使用することなく動画をウェブ・ページに表示することができます。ですが、IEが8まで対応していないことなどから動画コンテンツはまだま... 続きを読む
-
Webデザインクリップで紹介したエントリーまとめ Vol.1 2011.11 | H... www.html5-memo.com
WEBサイト制作や企画書作成等の際に情報収集した物をまとめているブログ「WEBデザインクリップ」の方にエントリーした記事をこちらでも定期的にまとめていきたいとおもいます。 11月は「無料のクリスマス素材まとめ」、「情報収集の方法」、「美容業界のSNSを使用したキャンペーンサイト」、「WEBフォ... 続きを読む
-
facebook いいねボタンの仕様変更?!OGPの設定についてまとめました(... www.html5-memo.com
『いいね!』ボタンのOPGについて FacebookのいいねボタンのOGP設定に若干の変更がでておりましたので補足記事を含め作成しました。今回の記事だけでいいねボタンの作成からOGPの設定までを再構築しました。facebookは仕様がよく変わるので一部のキャプチャーが違うかもしれませんが大体同... 続きを読む
-
MdN Design Interactive連載 | HTML5でサイトをつくろう www.html5-memo.com
HTML5+CC3 を勉強しながら調べたサイト情報やサンプルの作成。そのほかweb 制作に役立つ情報をまとめました。 http://www.html5-memo.com/ デザイン作成のヒントになるサイトや制作に便利な無料素材、かっこいい映像やアプリなどをまとめました。 http://webd... 続きを読む
-
【MdN Design Interactive連載連載 第3回目】HTML5で新しく定義され... www.html5-memo.com
今回は前回の使い方が変更になった要素の続きとして、HTML5になって新しく定義された新要素(タグ)も多くあります。その中からまずいままでのページ作成で使用している中で新しくなったタグをまとめていきます。video要素、audio要素など今までのプラグイン的な扱いの要素はいきなりでは難しいですし... 続きを読む
-
スマートフォン向けフレームワーク注目の「jQuery Mobile」でスマホ... www.html5-memo.com
jQuery Mobileってなに? jQuery Mobileは、javascriptのフレームワークです。スマートフォン向けの直観的で使いやすいUIを瞬時に作成できます。 JavaScriptをWebデザイナーでも扱える身近な存在に変えた「jQuery」。そのjQueryと同じ開発元からリ... 続きを読む
-
『コンテンツ・モデル』について / HTML5マークアップ時の基本 | HTM... www.html5-memo.com
HTML5+CC3 を勉強しながら調べたサイト情報やサンプルの作成。そのほかweb 制作に役立つ情報をまとめました。 http://www.html5-memo.com/ デザイン作成のヒントになるサイトや制作に便利な無料素材、かっこいい映像やアプリなどをまとめました。 http://webd... 続きを読む
【Vプリカが当たる!】おもしろガジェット&ゲームが買える海外サイトを集めてみた - はてなブックマークニュース 139 users
海外サイトでもショッピングしたい、でもカード番号を入力するのは不安。そんなときはライフカードのVisaプリペイド「Vプリカ」を利用してはいかがでしょう。はてなブックマークで人気の海外サイトの中から編集部おすすめサイトを集めました。総額20万円分のVプリカが合計100名様に当たるプレゼントも! 続きを読む