オンラインの無料動画で学ぼう!堀口 誠人先生
HTML5 旋風、吹き荒れてますね!(^0^)/ さて、ものすごく突然で恐縮ですが、この度「HTMLファイ部」、設立しました! 株式会社カヤック(本社:神奈川県鎌倉市、 代表取締役CEO:柳澤大輔、http://www.kayac.com以下「カヤック」)は、HTML+CSSコーディング、JavaScript プログラムを担当する職種が所属する「HTMLファイ部」を発足いたします。 これまでHTMLおよびCSS、JavaScriptの担当者は、プログラマが所属する技術部、デザイナが所属する意匠部ME課(MEはMarkup Engineerの略)に分かれて所属していましたが、昨今のHTML5の進化と普及を受けて、HTML、CSS、JavaScriptの担当者は「HTMLファイ部」にて活動をスタートします。 そんなHTMLファイ部員が今回お送りさせていただくのは、 HTML5 について基礎から
HTML5の勉強を始めた際に使い方に迷う新要素「article要素」の基本と使い方をまとめてみました【MdN連載第5回目】 前回はセクショニング・コンテンツの要素の中で定義が漠然としていて使い方がわかりにくいとよく言われている「section要素」についての基本とサンプルをまとめました。 今回はもうひとつわかりにくい要素の「article要素」の要素をまとめてみたいと思います。 section要素についてのまとめた前回の記事はこちら HTML5の勉強を始めた際に使い方に迷う新要素「section要素」の基本と使い方をまとめてみました【MdN連載第4回目】 この2つの要素はそれぞれを考えるとわかりやすいのですが、実際のサイトで使うとなると色々な考え方によってどちらにも取れて、どちらを使うのか悩んでしまう場合がよくあります。 「article要素」は「section要素」とどのように違うのか?
time要素は、24時間表記での時刻、またはグレゴリオ暦での正確な日付を表します。日付にはタイムゾーン・オフセット(協定世界時間と現地時間との差)を加えることもできます。 日時はコンピューターが読み取れるよう、規定の形式に準拠する書式で指定します。 この要素は、コンピュータが日付や時間を読み取って、活用できるようにすることを規定したものです。この要素を使って、カレンダーや予定表に日付を登録したり、適切な時刻書式に変換して表示するようなことが可能になるかもしれません。そのため、「白亜紀のはじめ」「西暦1800年頃」といった、特定できない時点の表現には使用できません。また、グレゴリオ暦が導入される前の日付にも使用しない方がいいでしょう。 <p>開催時間:<time class="day">2011-05-18</time></p> <p>開始時間:<time class="stime">
2014年9月29日 便利ツール Webサイト制作や色彩感覚、タイポグラフィの知識をクイズ感覚で勉強できるサイトをまとめてみました。どれも短時間で楽しみながらできるものばかりなので、気軽に挑戦できますよ!Webデザインや制作の勉強中のあなたも、ベテランさんのあなたも、ぜひ試してみてください :) ↑私が10年以上利用している会計ソフト! 休憩時間にサクッと挑戦! 選択問題やドラッグ&ドロップでできるゲーム感覚な問題いろいろ! 1. HTML/CSS HTML5実力テスト HTML/CSSコース 「実力テスト」という名のクイズサイト。HTML/CSSコースではHTML5とCSSの基本問題がクイズ形式で出題されます。制限時間は15分。「HTMLやCSSを見てどのように表示されるか?」「smallタグは何を意味するか?」などなど、問題を解きながら勉強になります!
前回のエントリーではサンプルソースを基にHTML5の新要素について確認しました。前回のエントリーをご覧になっていない方はこちらからご覧になれます。 【前回のエントリー】 HTML5は難しくない? HTML5から追加された新要素を理解しよう!【初級編 第2回:HTML5のマークアップ】 HTML5は難しくない!? XHTML1.0とHTML5のコーディングの違いを確認してみよう!【初級編:HTML5のマークアップ】 今回はそのサンプルソースからアウトラインを確認していきます。アウトラインはHTML5でコーディングする場合にとても重要な部分になりますが、構造的な話になるのでわかりにくく感じしてしまうと思いますので、アウトラインを視覚化する『HTML 5 Outliner』を利用してxhtmlとHTML5の違いを比較しながら理解を深めていきたいと思います。 アウトラインとは まずはアウトラインに
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
2014年8月22日 Webサイト制作 「Webサイトを作ってみたいけど、どうすればいいのやら?」という超初心者さん向けに、MacにプリインストールされているTextEdit(テキストエディット)、またはWindowsにプリインストールされているメモ帳を使った簡単なWebページの作り方を解説します。今回はDropboxを使って手軽にページを公開してみましょう! ↑私が10年以上利用している会計ソフト! 初めてのWebサイト制作 目次 HTML基礎知識 実際に作ってみよう DropboxでWebサイトを公開しよう 参考になるWebサイト・記事 HTML基礎知識 HTMLとは HTMLとは「Hyper Text Markup Language」の略で、Web上の文書を記述するためのマークアップ言語です。HTMLは文書の一部を「タグ」と呼ばれる特別な文字列で囲うことにより、ページを装飾したり、画
【Giz Explains】HTML5はインターネットの救世主、か?2010.04.01 21:00 福田ミホ Web関係のエラい人たちが、インターネットで使われる言語の次バージョン、HTML5について騒いでいます。 いわく、HTML5は、Webアプリを変革する。HTML5は、Flashを駆逐する。iPadの欠陥を補ってくれる。本当に、彼らの言う通りなのでしょうか?その答えは、イエスであり、ノーでもあります。 その理由は、続きで解説します。 技術系の報道においては、HTML5は徐々に広まっていく技術ではなく、夢の救世主のように喧伝されています。YouTubeとVimeoがHTML5をテストし始めたとき、HTML5こそはFlashキラー、Webビデオの解放者と祭り上げられました。Googleが新しいGoogle VoiceをHTML5ベースで設計すると、OS依存アプリはこれで死滅する、とささ
はじめに 本連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介していきます。 今回は、本連載の総まとめとして、CSSでマルチカラムレイアウト(段組レイアウト)を実現する方法を紹介します。CSSでマルチカラムレイアウトを実現する方法はいろいろありますが、今回は、最も基本的な方法として、前回の記事で解説した「floatプロパティ」および「positionプロパティ」を利用した、「フロート型」と「ポジショニング型」のレイアウトテクニックを紹介します。同時にページレイアウトで起こりがちな問題とその対処方法についても扱います。 対象読者 XHTMLとCSSの基本を理解している方。 Web標準サイトの実践的な作り方に興味のある方。 必要な環境 (X)HTMLやCSSを記述するエディタと、それを確認するブラウザがあれば、特別な環境は
HTML5を書くための基礎知識をメモHTML5の雛形XHTML5ではなくてHTML5のマークアップについて html> head> title>HTML5 基礎知識title> meta charset="UTF-8"> head> body> body> html> HTML5の新要素 文章構造に関するものsection汎用的なセクション。文章のアウトラインを構成する。articleセクションの一種で、Webページから独立したコンテンツを表す。asideセクションの一種で、外側のセクションに対する補足情報を表す。navセクションの一種で、外側のセクションに対するナビゲーションメニューを表す。footerセクションのフッター。headerセクションのヘッダー。hgroup複数の見出し(h1-h6)をまとめる。 外部コンテンツの埋込みfigureキャプションを伴うような内容のものを文章中に埋
文書構造を表現するタグ 文書構造を表現するXHTMLタグを大まかに分類し、分類したタグをXHTMLの“要素”として、1つずつ紹介していきます。 これらの要素類はXHTMLの骨格(枠)となる部分を形成していくために使われる、XHTMLタグの記述(=マークアップ)を行ううえで基礎となる要素類です。 htmlタグが一番の外側(先祖)となり、その内側(子)に上からhead要素、body要素といった順番でマークアップされます。 ページとして作成する(.htmlファイル)の文書構造を考慮し、情報構造として論理的に合っているかというのを考えながらマークアップを行いましょう。 html要素 htmlのそれぞれの要素はhtml要素を頂点とする階層構造になっています。 その中でhtml要素は最も基礎となる要素で、そのほかの要素はすべてがhtml要素の子や子孫(※)となる関係性になります。 なお、htmlファイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く