[Tutrial] TheCodePlayer - 作例と、そのライブコーディングを見れるサイト
[Tutrial] TheCodePlayer – 作例と、そのライブコーディングを見れるサイト Pocket Tweet CSS3やHTML5を使った作例の紹介と、そのライブコーディングを見る事のできるサイト。作例を選択すると、まずは動作デモを見る事ができます。作例デモ画面内で「Play Walkthrough」を押せばライブコーディングが始まります。また「View Code」では単純にコードだけを見る事もできます。コーディングの時間の進み方は最大20倍速まで上げる事ができ、徐々に形になっていく様子を見る事ができます。これなかなか勉強になりますね。時期的に新人の教育にも使えそうです。 TheCodePlayer
電子書籍フォーマットの本命、「EPUB」をいまのうちに理解しておく
Publickeyでは、現在策定中の電子書籍フォーマット「EPUB 3」の動向について積極的に伝えていますが、ここでちょっと立ち止まって、EPUB 3とは何か？ という基本的な情報について簡単にまとめておこうと思います。 EPUBの仕様はオープンかつフリー EPUBとは、「電子出版」を意味する「Electronic Publication」からとった名称といわれていて、International Digital Publishing Forum（IDPF、国際電子出版フォーラム）が策定をすすめている電子書籍のファイルフォーマットです。ちなみにEPUBは「イーパブ」と読みます（EPUB 3はイーパブスリー）。また、表記は「ePub」と表記されることもありますが、最近は「EPUB」とすべて大文字で表記されることが多いようです（仕様書などでは「EPUB」と表記されています）。 イースト株式会社の
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
HTML5のmenu要素にも対応した、独自の右クリックメニューを実装するjQueryプラグイン・jQuery contextMenu
HTML5のmenu要素もサポートしている オリジナルのコンテキストメニュー を実装するjQueryプラグインです。 普通のサイトじゃ使わないでしょう けど、最近ではHTML5製のリッチコン テンツ等利用するシーンもあるかも なのでメモがてら。 基本的に通常のWebサイトでコンテキストメニューを変えてしまうのはユーザビリティを大きく損ないますが、HTML5によるペイントツールやゲームなど幅広いコンテンツの実装が可能になってきましたのでこういったライブラリも用途が出来始めた気がします。 右クリックメニューを独自のものに変えます。それだけならちょっとアレなんですが、このプラグインは左クリックメニューにも出来るので一応覚えておいてもいいんじゃないかなと。他にもmenu要素にも対応してたり、アイコンを付けたりなどいろいろ応用が利くみたい。 右クリックでフォームが出る・・なんてのも作れる。実際あった
ht5ifv - HTML (5) inline form validator
It is an extensible and highly configurable jquery plugin which allows validation of the HTML5's forms while the user is typing It is extensible because it allows the programmer to define new restrictions beyond those already defined by HTML5 It is highly configurable because not only does it allow changes to the validation rules defined by HTML5, but also the addition of new ones. Moreover, altho
15 HTML5 Coding Tools and Resources to Help You Cut Through The Clutters of Coding - Designbeep
HTML 5 is a new entrant into the field of coding but it is highly feature rich and advanced in form. It is built with the idea of making web lighter, faster and safer and the good news is that it has got its takers. Almost all modern browsers are now offering support to HTML 5 shrugging off their biased to flash whose very existence has now come under threats because of the ever growing popularity
Mobile Boilerplate: A best practice baseline for your mobile web app
★ Analytics, icons, and moreA lean, mobile-friendly HTML template; optimized Google Analytics snippet; placeholder touch-device icons; and several mobile-focused tools and helpers. ★ Normalize.css and helpersIncludes Normalize.css v3 — a modern, HTML5-ready alternative to CSS resets — and further base styles, utilities, and media queries.
MdN Design｜総合情報サイト
text-shadowはその名のとおり、テキストに影をつけるプロパティだ。うまく使えば画像を使わずとも、テキストを際立たせることができる。運用の効率化や、テキストコピーができるなどメリットも多い。 基本的な指定方法は、テキストから影までの距離（縦、横）とぼかしサイズ、影の色を指定して調整する【1-1】。CSS3でよく使われる、-moz-や-webkit-などのベンダープレフィックスの記述は、textshadowでは必要ない。カンマで区切れば、1つの要素に対して複数の影を指定できる【1-2】。また、影の色はrgba（半透明）で指定することもできる。影を半透明にしておけば、どのような背景色でも自然になじませることができるので便利だ【1-3】。 【1-1】「ぼかしサイズ」と「影の色」は省略可能 【1-2】カンマ(,)区切りで複数指定できる。工夫次第で複雑な表現も可能だ 【1-3】カラーコードをr
HTML5の動画上に字幕や、デザイン変更可能なツールチップをキャプションっぽく埋め込めるライブラリ・BubblesJS
これはなかなか便利かも、と思っていつかの日 のために備忘録。HTML5製の動画に、字幕や デザインの変更が可能なツールチップ的なもの を埋め込めるライブラリ、BubblesJSです。応用 すればニコニコ動画のような動画コンテンツも 実装出来るんじゃないですかね？試してない ので分かりませんけど。 以前も字幕・・というかキューを入れられるライブラリ・Cuepoint JSをご紹介しました。こちらはかなり手軽に使えて良さそうでしたが、一応選択肢は欲しいところですよね。jQueryやmootoolsなど、特になにかのjsに依存することの無いライブラリです。 こんな感じでツールチップが上から落ちてきて下に流れていったり残ったままだったり。ツールチップはクリックで消すことが出来ます。普通にテキストなのでドラッグも出来ます。 デザインも思いのままです。テキストなのでドラッグも可能。 字幕っぽいのも こ
Awesome HTML5 Dashboard
close HTTP/1.1 206 Partial Content Content-Length: 62275 Content-Range: bytes 0-62274/62275 Content-Type: text/html; charset=utf-8 Server: Apache/2.2.15 (Red Hat) X-Backend-Server: node30 Vary: Accept-Encoding Cache-Control: max-age=900, public Date: Fri, 04 Mar 2011 02:30:54 GMT Expires: Fri, 04 Mar 2011 02:45:54 GMT Accept-Ranges: bytes Last-Modified: Wed, 02 Mar 2011 21:05:05 GMT Connection: Ke
Top 25 Best HTML5 Canvas Games You Love To Play | Techno Tab
Few days ago we shared best free Linux games surely you love to play. This time we going to present some best HTML5 canvas games. Firstly we introduced HTML5- this is the updated version of HTML( Hyper Text Markup Language) which used to design web pages. HTML5 has most of new and fresh features than older version that make it more flexible to use and popular among designers. Its getting more des
melonJS
Elegant Your scene graph is a hierarchy of containers. Updates and drawing operations are dispatched separately. Draws are opt-in; add compute-only renderable for AI, special effects, etc. Powerful Level Design melonJS integrates the popular Tiled map format, allowing designers easily create levels using the Tiled map editor, and to focus on the game features itself. Features A fresh and lightweig
1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Draw a Stickman
Clarity Consulting