[Tutrial] TheCodePlayer - 作例と、そのライブコーディングを見れるサイト
[Tutrial] TheCodePlayer – 作例と、そのライブコーディングを見れるサイト Pocket Tweet CSS3やHTML5を使った作例の紹介と、そのライブコーディングを見る事のできるサイト。作例を選択すると、まずは動作デモを見る事ができます。作例デモ画面内で「Play Walkthrough」を押せばライブコーディングが始まります。また「View Code」では単純にコードだけを見る事もできます。コーディングの時間の進み方は最大20倍速まで上げる事ができ、徐々に形になっていく様子を見る事ができます。これなかなか勉強になりますね。時期的に新人の教育にも使えそうです。 TheCodePlayer
30 Must-See HTML5 Tutorials To Wow Your Audience
Learn 30 Must-See HTML5 Tutorials to Help You Impress Your Audience If you want to be a successful web developer or designer, you always have to be a step ahead. Sooner or later, HTML5 is going to strengthen its position even further and you want to be ready when that happens. Mastering the latest technology will allow you to experiment, push things further, and give you a considerable edge in the
SVGの基本演習
ここではSVGの基本要素について学習できるように準備しました。実際に 1つのSVGファイル作成を通じて、各要素を覚えてもらいたいと考えています。 Webページ作成の際には、「ステップアップXML活用法」（田中成典監修、工学社） のSVGのページを参考にしました。 HTML文書への貼り込み SVGの基本 線、曲線 矩形（多角形） 円、楕円 アニメーション 文字列 図形の変形（回転、拡大、移動） このページでは下記のSVGファイルのサンプルを作ってもらいます。 SVGはテキストファイルですので、下記の図もファイル容量が極めて小さくて済 みます。また、SVGファイルをWebブラウザで表示させるには、 SVG Viewerというプラグインを インストールする必要があります。情報大の教育用端末、および学内販売 ノートPCには全てインストール済です。 sample1.svgの表示 上記のSVGファイル
位置情報をブラウザで活用！ Geolocationを使いこなそう
連載目次 HTML（HyperText Markup Language）は、W3C（World Wide Web Consortium）が仕様を管理するマークアップ言語だ。そして、W3Cが勧告し、現在ほとんどのサイトが使用しているHTMLは、HTML 4.01だ。 HTML 4.01の仕様は当時の環境に起因しているが、主に「文書を扱うこと」を目的として1999年に勧告されている。しかし、Web 2.0の概念やAjaxの登場により「文書を扱う」というよりも「アプリケーションを扱う」ことがWebの主目的となり、HTML 4.01でも高機能なWebアプリケーションが構築されるようになった。 その一方で、ブラウザ・ベンダは、HTML 4.01のみでWebアプリケーションを開発することの限界を感じていた。結果としてApple、Mozilla、Operaの3社は、W3Cとは別にWHATWG（Web H
電子書籍フォーマットの本命、「EPUB」をいまのうちに理解しておく
Publickeyでは、現在策定中の電子書籍フォーマット「EPUB 3」の動向について積極的に伝えていますが、ここでちょっと立ち止まって、EPUB 3とは何か？ という基本的な情報について簡単にまとめておこうと思います。 EPUBの仕様はオープンかつフリー EPUBとは、「電子出版」を意味する「Electronic Publication」からとった名称といわれていて、International Digital Publishing Forum（IDPF、国際電子出版フォーラム）が策定をすすめている電子書籍のファイルフォーマットです。ちなみにEPUBは「イーパブ」と読みます（EPUB 3はイーパブスリー）。また、表記は「ePub」と表記されることもありますが、最近は「EPUB」とすべて大文字で表記されることが多いようです（仕様書などでは「EPUB」と表記されています）。 イースト株式会社の
Learn HTML5, CSS3, Javascript - video style tutorials
Learn HTML5, CSS3, Javascript and more... Video style walkthroughs showing cool stuff being created from scratch
CSS3やHTML5などのコードを書く様子を再現し、徐々に 出来上がっていく様を見ながら学べる チュートリアルサイト・TheCodePlayer - かちびと.net
一つの形として面白かったのでシェア。 実際にコードを書いていきながら徐々に 出来上がっていくさまを見ながら学べる チュートリアルサイト。動画のチュート リアルより見やすく頭に入りやすい気も しないでもないです。 こういう形で学べるのは面白いですねー。はじめてみるタイプのチュートリアルサイトです。よく、書いたコードがインタラクティブに反映されるサービスがありますが、そのチュートリアル版という感じ。 ブログ形式でチュートリアルを公開しています。 説明するより見た方が早いですね。以下のようなチュートリアルです。Play Walkthroughをクリックするとコードを打っているのが分かります。右はビューエリア。 Make a simple cloud in CSS3 こういう発想は全然なかったですけど、Youtube等の動画で見るより分かりやすい気はします。動画は音声も使ええるのが魅力でしょうけど
HTML - Modernizr
HTML Tutorial HTML - Home HTML - Introduction HTML - Editors HTML - Basic Tags HTML - Elements HTML - Attributes HTML - Headings HTML - Paragraphs HTML - Fonts HTML - Blocks HTML - Style Sheet HTML - Formatting HTML - Quotations HTML - Comments HTML - Colors HTML - Images HTML - Image Map HTML - Iframes HTML - Phrase Elements HTML - Meta Tags HTML - Classes HTML - IDs HTML - Backgrounds HTML Table
Modernizr: the feature detection library for HTML5/CSS3
MENURespond to your user’s browser features.Modernizr tells you what HTML, CSS and JavaScript features the user’s browser has to offer.Add your detects Development build What is Modernizr?It’s a collection of superfast tests – or “detects” as we like to call them – which run as your web page loads, then you can use the results to tailor the experience to the user. Why do I need it?All web develope
Opera News
Desktop, web3 Opera adds Crypto Browser features to its flagship desktop and mobile browsers and delists the... February 29th, 2024 On March 14th we will no longer be supporting updates for the dedicated Crypto Browser, as its core features have... Gaming, Opera GX Pimp your smartphone with GX Mods, now available in Opera GX on Android and iOS February 8th, 2024 Transform the look and feel of your
Home
Just make cool sh** stuff. Current Stack – Back to basics. Going “build–step free” for a handcrafted experience. Feb 23 2024 @joshua Yearning for a simpler time – the artisanal web. Websites are too BIG, too complicated, and too hard. Reactive programing is conceptually easy to grasp – but the distance between the end result vs. frameworks & tooling is too far apart. I get it, the web is a compl
[書評] 標準HTML5 タグリファレンスをご献本頂きました
ASCII様よりご献本頂きました。書評を 持って御礼とさせていただきます。最近 目にしない日は無いHTML5のリファレンス です。リファレンスサイトも手軽で良い んですが、コピペできてしまう環境だと どうしても手を抜きがちなので本を手元に 置くのもひとつのスキルアップ法かも。 このブログでタグの正確な使い方を語ると全然説得力無いんですが、HTML5で作ったShotokuというWordPressテーマはThe document is validとか一応言ってもらえてるので簡単な書評をお許し頂ければと思います。不要な閉じタグ入ってたりしますけどｗ さて、献本御礼。「標準HTML5タグリファレンス」です。肌触りの良いカバーが結構嬉しかった。ツルツルなのが苦手なんですよね・・ 標準HTML5タグリファレンス 一眼レフが不調のためiPhoneで撮影・・屈辱だ。プライベートな事情は置いといて、一足早く
![[書評] 標準HTML5 タグリファレンスをご献本頂きました](https://cdn-ak-scissors.b.st-hatena.com/image/square/b45dd65abdd85fe66abace031ed34b71baf071ba/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2012%2F01%2Fhtml555.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
YouTube - Broadcast Yourself
連載インデックス「HTML5“とか”アプリ開発入門」 - ＠IT