「HTML5タグの誤用で恥をかいた」「分厚い仕様書は読み切れない」コーダー＆デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の「HTML5カルタ」付き! HTML5マークアップ 現場で使える最短攻略ガイド 定価：2,808円 （本体2,600円）／形態：B5変 (240ページ) ISBN：978-4-04-866070-9 前回はHTML5のセクションとアウトラインについて詳しく解説しました。今回はセクション関連の新しい要素を解説します。 セクションを明示するための要素 HTML5では、セクションを明示する要素として、section要素／article要素／aside要素／nav要素／body要素が定義されています。 section要素

artless Inc. / mount inc. / standardimage他...全60件

1. foto project 無料の写真素材 フリー画像素材なら.foto project とりあえずブックマークしておくべき画像サービスです。 ブログ用の写真サービスから女性モデルの写真素材まで網羅。各サービスごとに利用規約がありますので、利用する場合は確認してください。 2. PAKUTASO PAKUTASO(ぱくたそ)-WEB制作デザイン向けの無料写真素材/商用可能 最近話題になった画像サービス。高品質な画像がたくさん！ 3. モデルピース 【フリー写真素材】モデル・人物の写真素材はモデルピース 人物画像をお探しの際はこちら。以前紹介した時よりも画像が増えてきたので、選びがいがあります。 4. 足成 写真素材 足成【フリーフォト、無料写真素材サイト】 言わずとしれた超有名サービスです。ここは忘れずにブックマークしたほうがいいです。 5. Free.Stocker フリー写真素材

日記_2024.8.29 鞍馬と貴船 29日は鞍馬と貴船に行ってきました。こんな天気でバイクは無理、でも引きこもるのも嫌なので前々から行きたかった鞍馬と貴船に行くことにしました。ただ、いつ大雨が降っても全くおかしくないので天気がヤバそうなら帰ることにします。普通に日帰りできる距離ですから…

公開日 : 2011年9月1日 (2020年8月30日 更新) カテゴリー : ユーザビリティ ここ数年、パターンランゲージに興味を持っています。 パターンランゲージとは「デザインする対象の構造に潜む関係性の諸パターンとそれらの生成プロセスを、共通の形式に則って自然言語で記述し、体系化したもの」です (この定義は、iTunes U で公開されている慶応大学 SFC の講義「パタンランゲージ2010」から引用させていただきました)。 もともとは、Christopher Alexander (クリストファー・アレグザンダー) が提唱した建築/都市計画にかかわる理論ですが、その後、様々な分野で応用的に派生しています。Web デザインの分野では、以下の書籍が有名です。 「デザイニング・インターフェース ― パターンによる実践的インタラクションデザイン」(オライリー) 「デザイニング・ウェブインター

タイトルが長いけど、まあそれはさておき。 「Enjoy WebFonts!!」というLTを Chrome+HTML5 Conference でやってきた。 Chrome+HTML5 Conference に申し込んだら、みごとに落選だった。200人の枠に1000人以上の応募があったと聞いた。それは厳しい。 そんなわけで、LTに応募した。LT登壇者は参加できるので。聞いてみると、LTの希望者はそんなに多くなく、枠内に収まる程度だったとのこと。あとLTはみんな Developer で、Designer のかたはいなかった(と思う)。Designer のかたのLTとか見てみたいので、これから増えてくるといいな。 Enjoy WebFonts!! スライド 「Enjoy WebFonts」の資料はこちら。ちょっと下のほうになってしまうけど、LTで話せなかったWebFontsのデメリットについてもこ

こんにちは、デザイナーの長谷川です。 今回は僕が普段気をつけている、ちょっと意識するだけでスッキリしたデザインになるレイアウトのコツをご紹介します。 デザイナーじゃない方も、企画書や簡単な UI のモックアップ、Web や雑誌のレイアウトなどに応用できると思いますので、ぜひ参考にしていただければと思います。 1. 上下左右のマージンを均一に Web デザインや UI デザインの要素全てに対して隣り合う要素との間隔やバナー、ボタンなどの外側と内側の要素の上下左右マージンをできるだけ均一にすることで、デザインがスッキリ見えます。 2. 内側のマージンは外側のマージンより狭く レイアウトなど一番外側とコンテンツの間隔より文章のかたまりや画像同士の間隔を小さくします。基本的にコンテンツのまとまりを作るためですので、デザインによっては広く取って区分ける場合もあります。 3. 段落の下は間隔を広く開け

Today we want to share some neat grid navigation effects using jQuery. In our examples we will show you ten ways how to navigate through a set of thumbnails. We’ll take a look at some of the possibilities and how to apply the effect. Today we want to share some neat grid navigation effects using jQuery. In our examples we will show you ten ways how to navigate through a set of thumbnails. We’ll ta

Best of Europe/On Writing Well/Cellar Door Recomendo - issue #430 Sign up here to get Recomendo a week early in your inbox. Best Europe guides My chief go-to guide for Europe is Rick Steves, who has made yearly trips to Europe over 40 years, and personally updates his guides. I trust his advice for anywhere in Europe and found him incredibly reliable in his details. He’ll not only tell you where t

2017年7月14日 便利ツール 久しぶりに自分がブックマークしているサイトを整理してみました。昔から変わらず愛し続けているWebサービスやチュートリアルサイトなど多数あったので一挙にご紹介します！有名どころからあまり知られていないけど便利なサイトまで、多数あるので時間のある時にじっくり見てみてください！ ↑私が10年以上利用している会計ソフト！ ブックマークしているサイト 目次 Webサービス デザイン関連 画像関連 CSS jQuery WordPress フォント スマートフォン 配色関連 HTML5 メルマガ Webサービス 1. Sendoid Sendoidは会員登録不要のファイル送信サービス。ファイルをアップロード後にURLが生成されます。パスワード設定可。 2. HTMLエンコードフォーム HTMLエンコードフォームは特殊記号などをエンコード・デコードしてくれるWebサービ

標準で入ってると思われるフォントのリストです。日本語・英語以外の言語用のフォントも混じってます(ただしきちんと英数字が含まれるもののみ)。 フォントのキャプチャ画像の下に、CSSでフォント指定をしています。インストールされていればそのフォントで表示されるはずですが、ブラウザや設定によっては指定が効かないフォントもあります。斜体以外の文字の太さ・幅のバリエーションも拾いだしてみました。ページデザインの参考にどうぞ。 各枠右上の三角印をクリックするとCSSを表示し、×印のクリックで閉じます。また右側のピンク色の枠へドラッグして取り置きすることができます。取り置きを捨てたり並べ替えたりもできます。(IE9以前とスマホ・タブレットでは取り置きできません) なお、Mac用で枠の右端が赤いものは、必要に応じてダウンロードできるフォントです。(言語を日本語としてmacOSをインストールした場合は下のフォ