スポンサーリンク

html5

CSSフレームワーク「Bootstrap4」を独学でマスターできるYoutube動画まとめ。使い方を入門して,素早いWebデザインに役立てよう

Webデザインを素早く仕上げるための「CSSフレームワーク」として最も有名な「Bootstrap」。その最新バージョンを,独学でマスターするために役立つYoutube動画のまとめ。 designmodoさんによる手短な紹介 Quentin Watt Tutorialsさんによる,各要素の詳しい…

JavaScript/HTML5で,SJISの日本語CSVファイルをWebページ上で動的に生成してダウンロードするサンプルコードと解説 (動作デモ付き。Excelで開いても文字化けしない)

HTML5のJavaScriptで,Webページ内でCSVファイルを動的に生成してダウンロードする。CSVファイルの中身は日本語で,文字コードはSJIS(Shift-JIS)とする。サーバ側の処理は一切不要で,JavaScriptだけで実装する。 下記URLに,実際に動く動作デモがあります…

jQueryバージョン 1.7 での変更点のまとめ。1.6と最大の違いは on/off でのイベント処理。IE8でもHTML5に対応

JavaScript/Ajaxライブラリである「jQuery」の, バージョン 1.7 での変更点のまとめ。1.6に無かった要素として,イベントを on/off で 登録・削除できるようになった。jQueryのAPIは,1.9から大きく変わっているのだが その前の1.8と1.7は大体同じ。 イベン…

IEの歴史やMSのブラウザ技術情報をまとめて学べる「Yet Another IE Advent Calendar」全記事へのリンク

ブラウザ比較のまとめTOPへ IEのテクニカル情報について学べる良記事のまとめ。 Hebikuzureさんが書いている日本語のブログ内に, IE(インターネット・エクスプローラ)の技術情報についての, 非常に濃いシリーズ記事がある。タイトルは,“Yet Another Int…

HTML5やjQueryなどWeb技術を,英語の動画で学ぶ。Youtubeの「Doctype」全動画

HTML5やjQueryなどWeb技術を,英語で学べる動画。 動画リスト(1~20) Doctype - Episode 1 - Text Shadows & jQuery Doctype - Episode 2 - Charts, Graphs, & Diagrams! Doctype - Episode 3 - White Space & AJAX Security Doctype - Episode 4 - CSS…

ドットインストールの,Web系技術を3分で学べる動画へのリンク集

Web技術をスキマ時間に学べる,すごく有用な「ドットインストール」。その中でも特にこれは,というものをピックアップしてみた。ありがとうドットインストール。 jQuery系 HTML5系 デザイン・CSS系 JavaScriptフレームワーク系 Webアプリ構築(サーバ側) j…

Youtubeの,「HTML5でつくる Webサイト制作入門講座」の,全動画へのリンク集

HTML5+CSS3の入門学習に非常に役立つ動画が存在する。特にマークアップ周り。 HTML5のセマンティックなマークアップを知ろう(文書の構造編) [Skillhub (スキルハブ)] http://skillhub.jp/courses/1/lessons/45 HTML5でWebページを作成する [Skillhub (ス…

Youtubeの,「HTML5とか勉強会」などの各動画へのリンク集

Youtube上の各動画へのリンク集。トップページは下記。 html5j.org - YouTube https://www.youtube.com/user/HTML5Dev... html5j - YouTube https://www.youtube.com/user/html5j/v...

HTML5の「Indexed Database API」を習得するためのリンク集

特徴や情報のまとめ。Indexed Database APIの概要と,他のAPIと比べた場合の特徴について。トランザクションやインデックスが使えるNoSQLである: HTML5 - Indexed Database API http://www.tohoho-web.com/html5/index... Cookie や Webストレージが Key-Va…

HTML5の「Web Storage API」を習得するためのリンク集

ブラウザにデータを保存できる,Web Storage API。それを学習するためのリンク集。 Web Storageによるテキストデータの保存(1/6):JavaScriptによるHTML5プログラミング入門 http://libro.tuyano.com/index3?id=179002 HTMLからローカルデータベースが使える…

HTML5 APIのJavaScriptを学ぶための学習サイト集

JavaScriptからHTML5 APIを使用するコードを書くために,HTML5 APIのプログラミングについて解説しているサイトを集めた。 JavaScriptによるHTML5プログラミング入門 http://libro.tuyano.com/index2?id=206001 HTML5 JavaScript APIの全体像HTML5 JavaScrip…

jQuery Mobileの,この3年間の動向。 バージョン進展に伴う改良点など

モバイルサイトのUIを手軽にコーディングするライブラリである, 「jQuery Mobile」について, バージョン遷移に伴う動向の変化などをまとめてみる。これまでの3年分。 jQuery Mobileの公式サイト: jQuery Mobile http://jquerymobile.com/ 2014年の状況:…

html5のcanvasで,画像の上に線を描画する

html5のcanvasで,「画像の上」に線を描画してみよう。 まず画像のロードが完了してから,画像の表示を行ない,そのあとで線を描画するのがポイント。 サンプルコード: <html lang="ja"> <head></head> <body> 描画領域<br> <canvas id="hoge" width="1000" height="1000"></canvas> <script> function init(){ // 画像の表示イベント var img = new Image(); img.</body></html>…