chrome-life.comThis domain may be for sale!
ol要素で利用出来るHTML5のreversed属性をjQueryでクロスブラウザ対応にする - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 HTML5でol要素でリストに振る番号 を逆にするreversed属性が追加され ました。と言ってもまだChromeしか サポートしていません。便利っちゃ 便利なのでjQueryで他ブラウザに 対応します。 reversedはol要素でリストに降られる番号を逆にする属性です。 HTML5 <ol> reversed Attribute 現在はChromeしか対応していません。あんまり使う事は無いかもしれませんけど、需要の有無は置いといてこれを他ブラウザでも動作させます。 Sample Chrome以外でも同じ表示が出来てると思います。 コード function reverselist(list) { var totalItems = $(list).children
絶対にコピペできない文章を作ったったwwww - てっく煮ブログ
html5一見、コピーできるように見えますが、ペーストしてみると・・・。ツイートする
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
JavaScriptでファイル操作！？ File APIを使いこなそう
連載目次 近年のWebアプリケーションでは、画像ファイルやテキスト・ファイル、Officeファイルのアップロードやダウンロードのやり取りが行われることが多くなってきている（例えば、Twitter上での画像ファイル共有やGoogleドキュメントでのOfficeファイルのアップロードなどがそれだ）。 HTML5では、ファイル操作に関するAPIとして「File API」が定義されたことで、ローカルのファイルをブラウザ上で直接、取り扱うことが可能となった。これによって、Webとローカルの違いをアプリケーションで意識しなければならない局面も少なくなる。 現在、File APIは以下の3種類の仕様が策定されている。
あなたは何点？Webデザイナーのためのクイズサイト12
2014年9月29日 便利ツール Webサイト制作や色彩感覚、タイポグラフィの知識をクイズ感覚で勉強できるサイトをまとめてみました。どれも短時間で楽しみながらできるものばかりなので、気軽に挑戦できますよ！Webデザインや制作の勉強中のあなたも、ベテランさんのあなたも、ぜひ試してみてください :) ↑私が10年以上利用している会計ソフト！ 休憩時間にサクッと挑戦！ 選択問題やドラッグ＆ドロップでできるゲーム感覚な問題いろいろ！ 1. HTML/CSS HTML5実力テスト HTML/CSSコース 「実力テスト」という名のクイズサイト。HTML/CSSコースではHTML5とCSSの基本問題がクイズ形式で出題されます。制限時間は15分。「HTMLやCSSを見てどのように表示されるか？」「smallタグは何を意味するか？」などなど、問題を解きながら勉強になります！
JavaScript最新動向 〜WebSocket編〜
Dev fest 2020 taiwan how to debug microservices on kubernetes as a pros (ht...
HTML5とCSS3でWebアプリケーション開発をするための必要知識がこの1冊に | ブック | マイコミジャーナル
『HTML5・JavaScript・CSS3アプリケーション開発入門』 日経BP社は29日、『HTML5・JavaScript・CSS3アプリケーション開発入門』 を発売した。価格は1,980円。 Webアプリケーションを開発する際には様々な技術を用いるが、その中で最も注目されているのがHTML5とCSS3である。本書ではHTML5とCSS3について、今、最も熱いプログラミング言語であるJavaScriptを軸に、アプリケーション開発に必要な知識を解説する。 HTML5に関しては、「HTML5で何が可能になるのか」といった基本から、新APIであるCanvasや Web Storageの使い方、簡単なアプリケーションの作成までを説明。HTML5でアプリケーションを作成する際に必要になるJavaScriptについては、DOMやライブラリ(jQuery)など"今どきの"JavaScriptプログ
Chromeブラウザ初の「WebRTC」実装発表 - JavaScript/HTML5でIMを簡単開発 | エンタープライズ | マイコミジャーナル
Google Chrome runs web pages and applications with lightning speed. WebRTC実装のChromeへのマージが開始されたことが報告された。WebRTCはJavaScriptおよびHTML5技術でリアルタイムコミュニケーションアプリケーション(いわゆるインスタントメッセンジャー)の開発を可能にするためのオープンソースプロジェクト。テキストのみならず、音声や動画などを使ったリアルタイムコミュニケーションをJavaScript APIとHTML5のみで利用できるようにすることを目指している。 GoogleはChromeにWebRTCの機能を取り込むことを発表。まだマージは始まったばかりで、これから実際に利用できる状況まで仕上げていくことになる。Googleは自社のGmailにおいてインスタントメッセージング機能を提供している。W
今、知っておきたいJavaScript
Webブラウザとテキストエディタさえあれば、プログラミングして実行できるシンプルで手軽な言語――。それがJavaScriptが初めて登場してからしばらくの間、多くの人が抱いた印象でした。しかし、Ajaxの登場に伴う第2のブーム以降、ハードルが高くなったように感じられます。 その大きな理由の一つが、DOM（Document Object Model）に基づくJavaScriptプログラミングでしょう。DOMは、HTMLやXMLを構成する各要素に対して、プログラムからアクセスして内部の情報を取得・変更したり、機能を利用したりするためのAPI（Application Programming Interface）です。DOMを使うことによって、WebページをリロードせずにWebページを部分的に書き換えたり、HTMLドキュメントの構造を動的に変えたりといったことが可能になります。 DOMは便利な仕組
HTML5入門 Canvasを使ってみる02(マウス追随) - jsdo.it - Share JavaScript, HTML5 and CSS
var canvas; var ctx; var r = 10; //円の直径 var mouseX = 0; //マウスのX座標 var mouseY = 0; //マウスのY座標 var moveX = 0; //オブジェクトのX座標 var moveY = 0; //オブジェクトのY座標 var speed = 0.06; //スピード $(function(){ //canvas要素を取得 canvas = document.getElementById('sample'); //canvas要素のチェック if(!canvas || !canvas.getContext) return false; //2Dコンテキスト ctx = canvas.getContext('2d'); //マウスイベントの登録 canvas.addEventListener("mousemove",
Water Type - jsdo.it - Share JavaScript, HTML5 and CSS
var QUALITY_X = 2, QUALITY_Y = 1, WIDTH = Math.floor(window.innerWidth / QUALITY_X), HEIGHT = Math.floor(window.innerHeight / QUALITY_Y), SIZE = WIDTH * HEIGHT, HEIGHT_HALF = Math.floor(HEIGHT / 2), TEXT_OFFSETY = Math.floor((HEIGHT - 64) / 2), context, image, data, buffer1, buffer2, tempbuffer, canvasHeightMap, contextHeightMap, imageHeightMap, dataHeightMap, canvasText, contextText, imageText, d
モダンJavaScriptを無理なく学べる5冊+3
この5冊で一通り学べます。 最近のJavaScriptが書きたいなあ、と思ったときに、キーとなるのは・・・。jQuery、クロージャ、無名関数、HTML5、スマートフォン対応！？ それらを「わかりやすく」学べる、という視点で選んだ5冊。そもそもJavaScriptって何？という方は、まず以下の記事から。 JavaScript講座 [Smart] ＞＞書き方、構文、演算子・・・。基礎を学べます。 「目指せ！ウェブマスター」JavaScript講座 ＞＞サンプルたくさん！ ハタさんのブログ(復刻版) : javascriptを初めて学ぶ人についてのおさらい。その１ ＞＞今風の書き方の基礎
懐かしいサウンド。HTML5/JavaScriptによる効果音作成ソフトウェア·jsfx MOONGIFT
jsfxはHTML5/JavaScriptを使って動的にファミコンレベルの効果音を生成、再生するソフトウェア。 jsfxはHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5の登場以後、Webの世界が活発になってきている。ブラウザ互換性を考えるとまだまだ実用的ではないが、新しい試みがどんどん行われているのはとてもわくわくするものだ。 デモ 特にアニメーションや動画、音楽などメディア関係への注目が集まっている。既存のデータをWeb上で再生するのも良いが、ゼロから生成するのもまた面白い。一つの手法として紹介したいのがjsfx、JavaScriptによるサウンドイフェクトジェネレータだ。 jsfxはいわゆるビープ音のようなサウンドを動的に生成し、再生するソフトウェアだ。昔懐かしい、マイコンのようなビープ音が流れる。様々なテンプレートがあり、さらにスライダによって各種イフェ
HTML5 Genetic Algorithm 2D Car Thingy - Chrome recommended
Controls Suprise: Toggles drawing, makes the simulation faster. New Population: Keeps the generated track and restarts the whole car population. Create new world with seed: The same seed always creates the same track, so you can agree on a seed with your friends and compete. :) Mutation rate: The chance that each gene in each individual will mutate to a random value when a new generation is born.
HTML5とJavaScriptで作られた自動車の進化シミュレーターがかわいい | TRIVIAL TECHNOLOGIES on CLOUD
みんなのIoT/みんなのPythonの著者。二子玉近く160平米の庭付き一戸建てに嫁/息子/娘/わんこと暮らしてます。月間1000万PV/150万UUのWebサービス運営中。 免責事項 プライバシーポリシー 自動車の進化シミュレーターを見つけました。いわゆる遺伝的アルゴリズムを使って，二輪車の形状を突然変異させながら，でこぼこ道をスイスイ走れるような形状に進化させてゆくシミュレーター。突然変異率などを変えて，進化の過程を目で確認できるようになっている。 HTML5(Canvas)とJavaScriptを使っていて，ブラウザだけで動くよう作られている(Chrome推奨，重いけどiPhoneやAndroidでも動く)。進化の過程でいろいろな形の車ができておもしろい。最初からコケて走らないヤツ，平らな道では早く走るけどでこぼこ道で動かなくなるヤツ，遅いけど悪路に強いヤツ。見ていると進化する車を応
HTML5でシンセサイザー効果音が作れるJSライブラリ「jsfx」
JavaScriptでチップチューン風サウンドエフェクトを生成するライブラリ : jsfx (音楽方丈記) HTML5 audioで作られた、パラメータを指定するだけでシンセサイザー効果音が作れるJavaScriptライブラリ「jsfx」が紹介されています。 ライセンスはMITのようです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
東京渋谷 “HTML5入門＆jQuery” 勉強会(5/26)の資料を公開します | tonowp
HTML5入門 Canvasを使ってみる01(様々な図形を描く) - jsdo.it - Share JavaScript, HTML5 and CSS
https://jp.techcrunch.com/2011/03/01/20110228ajax-org-debuts-development-as-a-service-platform-for-javascript-html5/
