東京渋谷 “HTML5入門&jQuery” 勉強会(5/26)を行いました。 jQueryをおぼえよう!ということで、HTML5のざっくりとした解説と、jQueryの基本的な使い方を学習します!詳細:ATND そのときのスライドおよび資料を公開します。 今後も勉強会を開催する予定です。 twitterのハッシュタグ #gooyaHub で告知していきますので よかったら参加してみてください!
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
The web today is a growing universe of interlinked web pages and web apps, teeming with videos, photos, and interactive content. What the average user doesn't see is the interplay of web technologies and browsers that makes all this possible.� Over time web technologies have evolved to give web developers the ability to create new generations of useful and immersive web experiences. Today's web is
米Googleは9月1日(現地時間)、同社のWebブラウザ「Chrome」の立ち上げ3周年を記念して、「Webの進化」と題するHTML5で作成したインタラクティブなインフォグラフィックを公開した。 このインフォグラフィックでは、1993年4月のMOZAIC 1.0の立ち上げから現在までのWebブラウザの進化を表している。各ブラウザのアイコンをクリックすると、そのブラウザの画面が表示されるほか、HTMLやJavaScriptなどの関連技術の立ち上げ時期やその概要が分かるようになっている。各ブラウザの主要バージョンアップのプロセスも分かるようになっており、FirefoxとChromeが近年アップデートが頻繁になっていることも視覚的に分かる。
Webを見ていると、フレームワークっていう言葉をよく目にします。初心者の頃は、このフレームワークっていうものがどんなものなのか、いまいち分かりませんでした。今回は、色んな例でフレームワークというものを紹介してみました。なので、フレームワークって何だろうっていう人向けの記事です! Web制作関連のブログを読んでいると、ときどきフレームワークっていう言葉がでてきます。例えば CSSのフレームワークとか、HTML5 + CSS3 のフレームワークとか …。 今でこそ、このフレームワークって何だかわかりますが、初心者の頃は、このフレームワークっていう言葉が何だか難しそうで、意味の分からないものでした(私だけ?)。何となく雰囲気で、使ってみると便利なのかなーという感じはしましたけど、そもそもフレームワークという言葉自体の意味が分かっていなかった頃は、使ってみよう!というところまで行きませんでした。
ローソン、無印良品、テレビ朝日など、国内でもHTML5で企業サイトを制作する事例が増えてきました。今すぐではないにせよ、「次のリニューアルはHTML5で制作したい」と考えるWeb制作者も少なくないでしょう。本連載では、「XHTML 1.0/HTML 4.01からの移行」をテーマに、HTML5マークアップの基本から実務で使用するポイントまで、ライブドアのマークアップエンジニア 浜 俊太朗さんが解説します。(編集部) 「HTML5タグの誤用で恥をかいた」「分厚い仕様書は読み切れない」コーダー&デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の「HTML5カルタ」付き! HTML5マークアップ 現場で使える最短攻略ガイド 定価:2,808円 (
先日このブログを HTML5 で作り直しました。その時に思った、HTML5 でコーディングするときの基本的な注意書きです。なので、HTML5 をこれからやってみようかなーという人向けです。canvas、video、audio などには触れていません。もっと基本の文章構造、アウトラインについての記事です。また、後半は実際に HTML5 でコーディングする時の tips になってます。 先日このブログ – Webデザインレシピを、HTML5で作り直しました。HTML5 … クライアントさんのページでは、まだ一度も使ったことがないし、勉強のためのサンプルはいくつも作ってみたんですけど、実際に運営しているページで試したいなーと思い、思い切って HTML5 にしました。 とりあえず作ってはみたものの、まだまだ分からないことだらけ。これから HTML5 でコーディングをする時に、とても大事だなーと思っ
前回の更新日が見たくない程に時が流れている今日この頃・・・。 ブログを更新するモチベーションが中々上がらなかったんですが、まだ、だらだらでも良いから書いていきたいなと言う気持ちは有るんです。えぇ。 こんだけ更新が滞ってても、Twitterとかで時々ブログ読んでますって言ってもらえたり、最近なら「今日からできる定時で上がるためのWEB制作効率アップ術 | カッシーのWEBる。」で、【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1 を紹介してもらったりしてうれしい半面、更新して無いなーと、何とも言えない気持ちになったり。 なので、これからはちょろっとでもネタが有れば更新していきたいなーと。 何をモチベーションに更新するかはまだ見つかってないけど>< さて、そんな訳で、今回はスマートフォン向けの新規でサイトを作るのに使えそうな感じの一式です。 【スマートフォン向け】新規でサイトを
米Microsoftは4月12日(現地時間)、開催中の開発者向け年次カンファレンス「MIX11」において、次期Webブラウザ「Internet Explorer(IE)10」を披露した。開発者向けのプレビュー版はIE10のデモ体験サイト「IE Test Drive」からダウンロードできる(対応するOSはWindows 7のみ)。 3月15日に公開されたIE9(日本では4月26日に公開予定)も、昨年のMIXで初公開されている。 IE10はIE9の路線を踏襲し、HTML5およびCSS3のサポートをさらに強化する。GradientsやFlexible Box Layoutを含む多数のCSS3プロパティがサポートされた。また、IE9同様にハードウェアアクセラレーションを採用しており、より高速になるという。 MIXでは、HTML5ビデオやCSS3のMulti-columnを使ったページの表示を米Go
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに こんにちは。R&D統括本部 制作本部 ウェブデベロップメント部に所属しております。岡部和昌(@kzms2)と申します。 最近スマートフォンやタブレット向けのページを作成する機会が増えてきました。 なので、今回はちまたで大人気のHTML5について書きます。 若干今更な内容にも思えますが、あまりHTML5になじみがない方にもわかってもらえるような内容にしています。 HTML5の基本概念や思想・実際の組み方というよりも、 HTML5で組むと今までと比べて何が違うのか などについて書いていきます。 なぜこれからHTML5なのか HTML4との違いがわからない HTML5を使う利点がわからない など疑問に思っている方はぜひ見ていた
米Adobe Systemsは3月8日、FlashをHTML5に変換する実験的ツール「Wallaby」をリリースした。 WallabyはAdobeのAIRを使ったツールで、Flash Professionalファイルをドラッグ&ドロップでHTML5ファイルに変換できる。変換したHTML5ファイルはWebkitベースのGoogle ChromeとAppleのSafariで表示可能だ。 このツールにより、開発者やWebデザイナーはFlashで作成したコンテンツを変換して、iPhoneなどFlash非対応デバイス向けにも提供できるようになる。ただし、Flashのすべての機能がHTML5でサポートされているわけではないと、Adobeは注意を促している。 WallabyはAdobe Labsからダウンロードできる。
“オープンなWeb”を目指すGoogleが、Google ChromeでのHTML5のビデオコーデックH.264のサポートを終了する。 米Googleは1月11日(現地時間)、Webブラウザ「Google Chrome」でサポートするHTML5のビデオコーデックからH.264を排除すると発表した。同社が昨年5月に発表したオープンソースのビデオプラットフォームWebMの普及を促進する狙いとみられる。 H.264はMPEG-LAコンソーシアムが所有権を持つライセンス料が必要なビデオコーデックで、主要ブラウザではGoogle Chromeのほか、米MicrosoftのInternet Explorer(IE)と米AppleのSafariがサポートしている。Googleは“よりオープンなWebを目指し”H.264に対抗するオープンソースのビデオコーデックを策定するプロジェクトWebMをMozill
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く