[B! HTML5] meeeresのブックマーク

HTML5 入れ子チートシート | 吉川ウェブ

HTML 5.2のそれぞれの要素が入れ子にできる「子要素」、包含されることが可能な「親要素」の一覧のルールを視覚化して表示します。 ※1 a要素の親要素が包含可能であること※1 audio要素の親要素が包含可能であること※1 canvas要素の親要素が包含可能であること※1 del要素の親要素が包含可能であること※1 ins要素の親要素が包含可能であること子要素省略※1 map要素の親要素が包含可能であること※1 noscript要素の親要素が包含可能であることかつ body要素の子孫であること子要素省略※1 video要素の親要素が包含可能であることルート要素＆文書メタデータ html 親子 head 親子 title 親子 base 親子 link 親子※HTML 5.2から可能。フレージングコンテンツが期待される場所※head要素の子孫であること meta 親子※he

meeeres 2020/01/08

html5

リンク

Responsive Modal Design

About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-

meeeres 2016/01/19

html5

リンク

“マークアップ”するということ～ HTML5勧告に寄せて～

HTMLを適切な要素を使って書いていくことは実はそれほど難しくはない。しかし過剰に要素を使わずに、かつスタイリングすることも意識して、と適切に“マークアップ”するのはなかなかの修練を必要とする。いったい“マークアップ”するということはどういうことなのだろうか、そしてどのような思考の元に行えば良いのだろうか。 HTML5での変化著作権表示のマークアップ small要素 footer要素とsmall要素 p要素とdiv要素 footer要素とp要素スタイリングとの兼ね合いマークアップするということ HTML5での変化コンテンツに則した素直な形でマークアップできること。 HTML5で変わることや変わったことは多くあるが、それらをおおまかに俯瞰するとこのような言葉に集約できる。そのために様々な要素や属性が追加され、既存の実装をなるべく壊さない形で要素の意味に変更が加えられた。これらの変化は

meeeres 2014/12/28

html5

リンク

よくある3つのデザインから考える、マークアップの最適解

Web制作においてHTMLのマークアップには絶対の正解というものがありません。ページを制作しているとき、特にセマンティクスを意識したとき「このマークアップで正しいのだろうか」と悩むことがあると思います。そんなマークアップについて考えるイベント「MarkupCafe」がhtml5jマークアップ部の主催のもと開催されました。「MarkupCafe」では参加者同士がチームに分かれ、お題となるデザインに対して議論し、自分たちならこうマークアップするといった考えを発表し合いました。本記事では「MarkupCafe」で出された”フッター”、”パンくずリスト”、”求人情報”の3つのお題をもとに、Web制作におけるマークアップの捉え方、誤った使い方をしがちな要素などについて考え、マークアップの最適解を探ります。 ※html5jは、HTML5などのWebプラットフォーム技術を使った「ものづくり」に関わる

meeeres 2013/09/25

html5

リンク

hanatoweb.jp - このウェブサイトは販売用です！ - hanatoweb リソースおよび情報

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.

meeeres 2013/01/16

html5

リンク

HTML5KARUTA - 「HTML5カルタ」で覚える！HTML5の108つのタグ

「HTML5カルタ」で覚えるHTML5の108つのタグ動画が表示されない場合は html5jのYoutubeチャンネルへ！ Created by WEBCRE8.jp 四畳半ワークス Supported by tweet hatena facebook_like 札一覧

meeeres 2012/12/19

html5

リンク

iPhone5 と iOS6 での HTML5開発についてあれこれ - webとかmacとかやってみようか R

本日、iOS6がリリースされましたね。明日は iPhone5 の発売日。Mobile Safari も大幅にアップデートされて、Web開発者にとって非常に気になります。 iPhone 5 and iOS 6 for HTML5 developers, a big step forward: web inspector, new APIs and more で素晴らしいまとめがありましたので、簡単に紹介したいと思います。 iPhone5 新しい画面サイズ新しい 4インチ画面になり、解像度は WDVGA (Wide Double VGA) 640×1136px になりました。横幅はこれまでと変わりませんが、高さが 176px 増えました。新しいシミュレーター Xcode4が新しくなり、iOS6のシミュレータが出ました。Mac AppStore からダウンロードできます。何をすべきか画面

meeeres 2012/09/20

html5

リンク

HTML5マークアップ珍プレー集 - HTML5 Conference 2012

近年、個人や企業を問わず、HTML5でマークアップされたサイトが数多く登場しています。しかし、HTML5が浸透してから年月が浅いこともあり、有名な大企業のサイトですら、不適切なマークアップが見受けられます。本セッションでは、そのような不適切なマークアップを紹介し、どう直すべきかをみなさんと一緒に考察していきます。

meeeres 2012/09/12

おもろうてやがてダメージ…

web
html5

リンク

mizzz.jp

mizzz.jp 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

meeeres 2012/09/10

html5

リンク

Ella Design - Portfolio of a UI/UX designer and design systems manager based in Memphis, TN

Hi, I‘m a product designer interested to solve complex consumer and enterprise probl ems through UX research and user feedback. Design is my DNA. My 15+ years experience includes print, web, and app design in production to management roles. Experiences include: UI & UX Design systems HTML & CSS Prototyping Sketch, Figma, Invision, Adobe XD, CC Principle and AfterEffects Mobile app design Vanilla JS

meeeres 2012/04/25

リンク

おHTML5｜2012年ブラウザで祝うお正月

ブラウザから新年のご挨拶！お正月気分を味わえる、ちょっと贅沢なコンテンツ集。ブラウザ凧揚げブラウザをドラッグして上手に凧を上げてみよう。リズム餅つきアドレス欄を流れる □と■が合わさったらタイミングを合わせてクリックしよう！ローディング初日の出いつもの見慣れたローディングが、初日の出になりました。ラジオだるまだるまの目がラジオボタンに。目に墨を入れて、願掛けしよう。スクロールやぶさめスクロールで弓を引き、一等真ん中を射ぬいてみよう。世界のあけおめ世界のみんなに新年のご挨拶を。書き初めの窓新年の抱負を、ブラウザにしたためよう。反転おみくじ画面をドラッグ・反転させて、今年の運勢を占おう。初夢スロット一富士二鷹三茄子。初夢スロットで、年の初めの運試し。ポップアップ駅伝マウスをクリックしてカチカチ走ろう。チェックボックスに龍

meeeres 2012/01/04

html5

リンク

Loading...

meeeres 2011/12/14

html5

リンク

HTML5のパンくずマークアップについて | HTMLMEETING

トロントでワーホリ中のしまえるです。 HTML会議は毎週末の夜中に4人でひっそり開催中です。とっても楽しい！先々週に盛り上がった内容、HTML5でのパンくずのマークアップの話をします。 W3Cのサイトを見るとこう書いてます。 2011年10月5日時点でののWorking Draftを見ました。 4.13.2 Bread crumb navigation This specification does not provide a machine-readable way of describing bread-crumb navigation menus. Authors are encouraged to just use a series of links in a paragraph. The nav element can be used to mark the section

meeeres 2011/10/06

html5

リンク

HTML5 Coding assessment test - jsdo.it - Share JavaScript, HTML5 and CSS

テストの目安時間は15分です。テスト開始とともに計測をスタートします。 ※時間をオーバーしてもペナルティはありません。 Open IDでログインさぁ、jsdo.itにログインしてテストを始めよう！ login with Google login with Facebook login with Twitter

meeeres 2011/09/08

html5

リンク

ここが変わった！HTML5マークアップ入門 (1/6)

ローソン、無印良品、テレビ朝日など、国内でもHTML5で企業サイトを制作する事例が増えてきました。今すぐではないにせよ、「次のリニューアルはHTML5で制作したい」と考えるWeb制作者も少なくないでしょう。本連載では、「XHTML 1.0/HTML 4.01からの移行」をテーマに、HTML5マークアップの基本から実務で使用するポイントまで、ライブドアのマークアップエンジニア　浜俊太朗さんが解説します。（編集部）「HTML5タグの誤用で恥をかいた」「分厚い仕様書は読み切れない」コーダー＆デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の「HTML5カルタ」付き! HTML5マークアップ現場で使える最短攻略ガイド定価：2,808円（

meeeres 2011/08/01

HTML5

リンク

HTML5 におけるアウトラインに関して簡単解説

HTML5 におけるアウトラインに関して簡単解説 HTML5 で重要なアウトラインに関して、なるべくわかりやすく簡単に解説してみます。最近、ヨモツネットさんで「HTML5 でのセクションの誤用にご注意」なんて記事が出てたり、ちょうど HTML5 Doctor でも「Document Outlines」と題してアウトラインの解説記事が上がってたりするので、この「アウトライン」について簡単にまとめてみようと思います。解説って言うほど偉そうなものではありませんがなるべくわかりやすく書いてみようかと。アウトラインを理解することは、HTML5 でマークアップする際にとても重要になりますので覚えておくとよいと思いますよ。アウトラインとは？アウトラインとは見出し、フォームタイトル、テーブルタイトル、その他ラベル付けされた要素によって生成される文書構造のこと…なんて書くととても難しそう

meeeres 2011/07/14

html5

リンク

[CSS]ホバー時に素敵なエフェクトでパネルを変更するスタイルシート | コリス

animated icon on hover デモページ [ad#ad-2] デモではパネルにマウスホバーすると、背景を変更しアニメーションのエフェクトを適用します。実装方法 HTML HTMLはシンプルです。ポイントとなるのは、h3やpなどのブロック要素をa要素で内包している点です。これはHTML5を使用する限りvalidです。 <!doctype html> <html lang="en"> <head> </head> <body> <a href="#" class="hover-panel"> <h3>Panel Title</h3> <p>Additional information about the panel goes in a paragraph here</p> </a> </body> </html> [ad#ad-2] CSS：ノーマル時のスタイリングまずは

meeeres 2011/06/20

html5

リンク

リダイレクトします

meeeres 2011/06/12

リンク

Adobe、FlashをHTML5に変換するツール「Wallaby」公開

Wallabyを使えばFlashファイルをHTML5に変換し、iPhoneなどのFlash非対応デバイスでも表示できる。 WallabyはAdobeのAIRを使ったツールで、Flash Professionalファイルをドラッグ＆ドロップでHTML5ファイルに変換できる。変換したHTML5ファイルはWebkitベースのGoogle ChromeとAppleのSafariで表示可能だ。このツールにより、開発者やWebデザイナーはFlashで作成したコンテンツを変換して、iPhoneなどFlash非対応デバイス向けにも提供できるようになる。ただし、Flashのすべての機能がHTML5でサポートされているわけではないと、Adobeは注意を促している。 WallabyはAdobe Labsからダウンロードできる。