『HTML5でサイトをつくろう』の新着エントリー

CSS3のボックスシャドウを使って写真のフチの装飾をするサンプル作り... www.html5-memo.com
- コンピュータ・IT
- CSS3 CSS Webデザイン Web制作 box-shadow
- 283 users
- 2012/07/11
写真ブログcruzinで紹介している写真に背景画像で影をつけていますが、写真のブログとして作った「cruzin」では正方形型の写真用のフチ3パターンと長方形型の写真用のフチ3パターン、計6パターンのpng画像を背景画像としてあらかじめ用意しそれぞれにclass名をつけ指定しておきました。そして... 続きを読む
ソースコピーで簡単に使えるCSS3とjQueryで作るローディングページ作... www.html5-memo.com
- コンピュータ・IT
- jQuery CSS3 javascript web制作 css
- 300 users
- 2012/07/04
以前の記事で「画像を使わないでCSS3で様々なローディング用アニメーションをつくってみよう」という形でCSS3でローディングアイコンを作成しました。しかしあのままでは動きませんので今回は、jQueryを利用して実際にサイトでローディングを行う際のサンプルを作成しました。サイトでローディング... 続きを読む
デザインワークの作業効率があがるPhotoshopショートカットキーまと... www.html5-memo.com
- コンピュータ・IT
- Photoshop ショートカット web制作 webデザインデザイン
- 260 users
- 2012/06/27
前回はWeb制作の作業効率があがるPhotoshopショートカットキーまとめました【第一回基本編】と題しまして一般的によく知られているショートカットを中心に紹介させていただきました。今回第二回目はより、Ｗｅｂ制作現場で頻繁に使っていると思われる、作業効率・スピードUPにつながるＰｈｏｔｏｓｈ... 続きを読む
画像を使わないでCSS3で様々なローディング用アニメーションをつくっ... www.html5-memo.com
- コンピュータ・IT
- CSS3 css アニメーション web制作ローディング
- 442 users
- 2012/06/13
スマートフォンのように読み込みに時間がかかるデバイスの場合や、ギャラリーサイトのように複数の画像を読み込む場合、大掛かりなギミックのJSを読み込む場合など、最近はFLASHでなくてもローディングを使用しているサイトをよく見かけます。今回はそんなローディング用アニメーションをCSS3のグラデー... 続きを読む
Web制作の作業効率があがるPhotoshopショートカットキーまとめました... www.html5-memo.com
- コンピュータ・IT
- Photoshop ショートカット web制作 webデザインまとめ
- 356 users
- 2012/06/11
Web制作のデザインやパーツ作成でPhotoshopを使う場合は、よく使用ツールは決まっているのでショートカットを使って作業の効率化を図る人は多いとおもいます。しかし初めての人はどこから覚えていいかわからないという人が多かったので、Photoshop始めたばかりの人に向けて便利なショートカッ... 続きを読む
IE7～8に対応したHTML5＋CSS3サイトを制作してみよう～IE7～8のブラ... www.html5-memo.com
- コンピュータ・IT
- html5 css3 web制作 ie まとめ
- 622 users
- 2012/06/06
HTML5でつくられたサイトというと、Flashのような大掛かりなギミックをHTML5で実現したサイトを連想するかもしれませんが、HTML5＋CSS3でサイト制作をすることは、スマートフォン対応だけでなく、ソースの最適化や軽量化、SEO、将来的なサイトのあり方を考えて、有効な手段となります。 ... 続きを読む
ソースコピーですぐ使えてスマホ専用サイト作成に便利！PC・スマート... www.html5-memo.com
- コンピュータ・IT
- JavaScript スマートフォン web制作 html スマートフォンサイト
- 866 users
- 2012/05/28
PCとスマートフォンで違うページを閲覧させたい場合は、ユーザーエージェントを判別して切り替えることができます。メディアクエリなどを使用したレスポンシブWEBサイトの場合は1ソースでそれぞれのデバイスに振り分けますが、PCサイトとスマホサイトで内容なども変更させる場合は、それぞれサイトを作って... 続きを読む
書籍を書かせていただきました　その1『すべての人に知っておいてほ... www.html5-memo.com
- コンピュータ・IT
- CSS レイアウトサンプル book メモ
- 28 users
- 2012/05/25
エムディエヌコーポレーションさんから執筆させていただいた書籍が発売になりました。『すべての人に知っておいてほしいスタイルシートデザインの基本原則』2012/5/25発売 amazonで「すべての人に知っておいてほしいスタイルシートデザインの基本原則」を見る MdNで「すべての人に知ってお... 続きを読む
簡単なサンプルで学ぶ！ゼロからはじめるレスポンシブWebサイト初級... www.html5-memo.com
- コンピュータ・IT
- レスポンシブ html5 web制作 CSS3 CSS
- 564 users
- 2012/05/16
スマートフォンサイトとPCサイトの振り分けを考える上で、ひとつの選択肢となる「レスポンシブWebデザイン」。そこで今回はレスポンシブWebデザインを使用したサイトの制作や仕組みを理解しておくためにCSS3のメディアクエリを使用してレスポンシブWebデザインのデモソースとチュートリアルをつくり... 続きを読む
ほとんどのCSSを変えずにxhtmlとHTML5で同じレイアウトの作成してみ... www.html5-memo.com
- コンピュータ・IT
- html5 css html レイアウト Webデザイン
- 55 users
- 2012/05/01
前回までの記事で簡単なレイアウトを作成して、xhtmlとHTML5でマークアップしたものからHTML5の新要素の説明を行い、アウトラインを確認してみました。最終回の今回はxhtmlとHTML5のCSSをほとんど変えずに同じレイアウトになるように作成してみたいと思います。 HTML5でCSSを... 続きを読む
ゼロからはじめるレスポンシブWebサイトを作るために勉強できるサイ... www.html5-memo.com
- コンピュータ・IT
- webデザイン HTML5 web制作スマートフォンレスポンシブ
- 1342 users
- 2012/04/18
スマートフォンサイトとPCサイトの振り分けを考える上で、ひとつの選択肢となる「レスポンシブWebデザイン」。スマートフォンサイトの最適化とは違い、CSS3のメディアクエリ機能を使って、デバイスのサイズごとにCSSの読み込みを変更することによって、1ソースでマルチデバイスに対応したサイトを制... 続きを読む
XHTML1.0とHTML5のコードを比較してアウトラインを確認してみよう【M... www.html5-memo.com
- コンピュータ・IT
- html5 web制作 XHTML html アウトライン
- 162 users
- 2012/04/10
前回の記事で簡単なレイアウトを作成して、xhtmlとHTML5でマークアップしたものからHTML5の新要素の説明を行いました。 HTML5から追加された新要素の使い方を確認してみよう【MdN連載第10回目】今回はxhtmlとHTML5のコードのアウトラインを確認しながら、各要素のアウトライン... 続きを読む
HTML5から追加された新要素の使い方を確認してみよう【MdN連載第10回... www.html5-memo.com
- コンピュータ・IT
- html5 web制作 html チュートリアルあとで読む
- 172 users
- 2012/03/27
前回のエントリーで簡単なレイアウトを作成して、xhtmlとHTML5でマークアップしました。 XHTML1.0とHTML5のコーディングの違いを確認してみよう【MdN連載第9回目】今回はxhtmlとHTML5のコードの違いを見ながら、HTML5で新しく追加されたタグをどのように使ったかを見て... 続きを読む
XHTML1.0とHTML5のコーディングの違いを確認してみよう【MdN連載第9... www.html5-memo.com
- コンピュータ・IT
- HTML5 web制作 html xhtml Webデザイン
- 515 users
- 2012/03/21
HTML5＋CC3 を勉強しながら調べたサイト情報やサンプルの作成。そのほかweb 制作に役立つ情報をまとめました。 http://www.html5-memo.com/ デザイン作成のヒントになるサイトや制作に便利な無料素材、かっこいい映像やアプリなどをまとめました。 http://webd... 続きを読む
iPhoneサイト（スマートフォンサイト）制作時の画像の表示方法と使用... www.html5-memo.com
- コンピュータ・IT
- スマートフォン HTML5 iPhone web制作スマートフォンサイト
- 264 users
- 2012/03/15
PCサイトでの画像の表示方法は、スライスした画像をimgタグにサイズ指定をしたり、背景画像に繰り返しや位置の指定をして表示するのが一般的ですが、スマートフォンサイトではデザインやコンテンツの内容によって画像の表示方法を工夫する必要があります。特にiPhoneのように横画面にすると可変して表示... 続きを読む
iPhoneサイト(スマートフォンサイト)制作のためにCSS3でPhotoshopの... www.html5-memo.com
- コンピュータ・IT
- css3 スマートフォン HTML5 CSS webデザイン
- 104 users
- 2012/03/06
スマートフォンサイトを制作する上で便利なCSS3。必要最低限まで画像の使用を減らし、スマートフォンサイトのデザインをスムーズにコーディングすることができます。また、画像を使わずにCSS3を使ってスマートフォンサイトのデザインを実現すれば、読み込み時間や容量の軽いサイトを制作でき、サイトの最... 続きを読む
HTML5の「アウトライン」についてまとめました【MdN連載第8回目】 | ... www.html5-memo.com
- コンピュータ・IT
- html5 html アウトラインセクション htmlタグ
- 42 users
- 2012/02/21
アウトラインとは階層構造のことで、HTML5のマークアップでは、このアウトラインを意識することが重要になってきます。今までのHTML4やXHTML1.0でもh1～h6の要素を使用して暗黙的に階層化されているのを示していましたので考え方が変わったということではないですが、HTML5ではサイトの... 続きを読む
iPhoneサイト制作（スマートフォンサイト制作）最適化のために最低限... www.html5-memo.com
- コンピュータ・IT
- スマートフォン css HTML5 iPhone web制作
- 430 users
- 2012/02/16
iPhoneサイト制作（スマートフォンサイト制作）をする上で、ソースの無駄な記述を最低限に抑え、通信速度を上げることが「最適化」へとつながります。スマートフォンサイト用に最適化したcssを制作する場合、reset.cssの記述を減らすことで、重複する命令を減らして、読み込みのスピードを上げる... 続きを読む
画像を使わないでCSS3のグラデーションでスマートフォンサイトの背景... www.html5-memo.com
- コンピュータ・IT
- css3 HTML5 css WEBデザインスマートフォン
- 332 users
- 2012/02/13
スマートフォンサイトを制作する上で重要となる「最適化」。 PCサイトとは違い、外出先や移動中などに見られる機会が多いスマートフォンサイトでは、できるだけ容量を抑えて通信速度を上げ、サクサクと閲覧できることがもとめられます。スマートフォンサイト最適化のためには様々な方法がありますが、できるだけ... 続きを読む
HTML5の「コンテンツ・モデル」についてまとめました【MdN連載第7回... www.html5-memo.com
- コンピュータ・IT
- html5 web制作 HTML コンテンツまとめ
- 72 users
- 2012/02/07
HTML5でコーディングする場合に、知っておくべきことの一つに『コンテンツ・モデル』があります。『コンテンツ・モデル』とは、各要素ごとに内包できるコンテンツを定義したものを言います。つまり、要素ごとにどんなコンテンツを入れて良いのかが決まります。 HTML5からは『ブロック/インライン要素』の... 続きを読む

RSS

	マグダラで眠れ (電撃文庫は... 支倉凍砂 3 users ￥ 599
	ソードアート・オンライン 10... 川原礫 2 users ￥ 599
	世界樹の迷宮IV 伝承の巨神 12 users ￥ 6,279
	ビブリア古書堂の事件手帖3 ~... 三上延 4 users ￥ 578
	Newtype (ニュータイプ) 2012... ￥ 750
	ポケットモンスターブラック2 6 users ￥ 4,800
	空が灰色だから 2 (少年チャ... 阿部共実 4 users ￥ 440
	北国の帝王 [DVD] ロバート・アルドリッ... 16 users ￥ 3,990
	コバエがホイホイ 5 users ￥ 625
	ポケットサッカーリーグカル... 6 users ￥ 4,800

『HTML5でサイトをつくろう』 の新着エントリー

はてなで話題の商品

『HTML5でサイトをつくろう』の新着エントリー