Examples and documentation on grumble.js
Originally written for Huddle.com, grumble.js provides special tooltips without the usual limitations of north/east/south/west positioning. A grumble can be rotated around a given element at any angle, all 360 degrees. Any distance can be specified. Any CSS style can be applied. There's auto-magic size adjustment for use with localised text. FX queues for animating multiple grumbles. And it works
HTMLベースのプレゼンツールCSSSがデザイン的にも機能的にも素晴らしい件 - 小さい頃はエラ呼吸
はじめに 先日、以下のサイトでHTMLベースのプレゼンテーションツールにCSSS(CSS based SlideShow System)というものがあることを知りました。 画一的なプレゼンテーションにさよならを。HTML5/JavaScript/CSS3によるプレゼン「CSSS」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ このエントリでは、JavaScriptとCSSを駆使してつくられたHTMLベースのプレゼンテーションツールであるCSSS(CSS based SlideShow System)をご紹介します。 スティーブ・ジョブズ 驚異のプレゼン―人々を惹きつける18の法則posted with amazlet at 13.05.25カーマイン・ガロ 日経BP社 売り上げランキング: 977 Amazon.co.jpで詳細
HugeDomains.com
Captcha security check ssssnakes.com is for sale Please prove you're not a robot View Price Processing
［翻訳］これからHTMLとCSSを学び始める君へ
この記事は『Stack Overflow』に投稿された、user553944による質問「Would you recommend starting from HTML5 & CSS3 for beginners?」と、Boldewynによる最も評価されていた回答を翻訳したものです。 翻訳は完全ではありませんし、だいぶ意訳している部分がありますので、ぜひ原文もご参照ください。 また『Stack Overflow』の質問・投稿はCreative Commons Attribution-ShareAlike 3.0 Unportedですので、この記事も同様のライセンスで公開しています。 user553944による質問私はウェブデザイン・開発の世界に入りたいと考えているミドルスクールの学生です。 私は小さいころからウェブ（を使うこと）に興味を持っていましたが、今は“作る”側になりたいと思っています。
Dottoro Web Reference
The Dottoro Web Reference was created to promote the development of cross-browser web pages on all platforms. With this in view, Dottoro offers detailed language descriptions, browser support information, real life examples and where necessary, cross-browser solutions in CSS, HTML and JavaScript languages. We hope this will help you create modern and attractive websites. Complete HTML, CSS and Jav
can I use... Support tables for HTML5, CSS3, etc
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
IE6-8 にも レスポンシブ・ウェブデザインを適用する「respond.js」
allWebクリエイター塾のスマートフォン講座では、レスポンシブ・ウェブデザインを徹底的に教え込みます。そのなかで、IE6-8 （IE6はすでに対象外かもしれません）へ Media Queries を適用する JSを紹介しています。それが、「respond.js」です。 「respond.js」は 非常に軽くて(最小化バージョン3kb /gzipバージョン 1kb)使いやすい JavaScript ライブラリです。作成したのは、jQuery UI や thmem roller などを作成した 「Scott Jehl」、最近人気が急上昇の開発者です。jQuery Mobile も大きく関わっています。 利用方法 利用方法は簡単で、「respond.js」を<head></head>内の CSSファイルの後に設置するだけです。 <head> <meta charset="utf-8" /> <
querySelector(All)のレシーバは、セレクタのコンテキストには影響を与えない - rikubaのブログ
<ul id="list"> <li>階層1</li> <li>階層1 <ul> <li>階層2</li> <li>階層2</li> </ul> </li> </ul> <script> var list = document.getElementById('list'); var lis = list.querySelectorAll('ul li'); </script> 変数lisには階層2のli要素だけが含まれると思っていたが、実際には階層1のli要素も含まれてしまう。 querySelector、querySelectorAllは、レシーバの要素を基準にしてセレクタにマッチする要素を探し出すのではなく、まず文書からセレクタに一致する要素を探し出し、その中からレシーバの要素の子孫にあたる要素だけを選び出すようだ。 期待していた結果をjQueryで例えると... $('#list')
Selectors API Level 2 (W3C Working Draft 28 June 2012)
Selectors API Level 2 W3C Working Group Note 17 October 2013 This Version: http://www.w3.org/TR/2013/NOTE-selectors-api2-20131017/ Latest Editor's Draft: http://dev.w3.org/2006/webapi/selectors-api2/ Latest Version: http://www.w3.org/TR/selectors-api2/ Previous Version: http://www.w3.org/TR/2012/WD-selectors-api2-20120628/ Editor: Lachlan Hunt; Invited Expert; lachlan.hunt@lachy.id.au> Copyright ©
Expression Web 4を使ってみよう
W3C勧告のWeb標準に準拠し、フリーソフトになったマイクロソフトのホームページ作成・管理ソフト、Expression Web 4の使用方法を解説します。 Expression Web 4を使ってみたい2012年12月21日（日本時間）をもって、Expression Web 4はフリーソフトになりました。FrontPageユーザーの方もダウンロードして使ってみてください。なお、Expression Web 4すでに購入された方も、問題が修正された無料版にアップグレードすることをお勧めします。 Expression Web 4 無料版をダウンロード ContentsChapter 1 Expression Web 4の概要とカスタマイズExpression Web 4の特長をはじめ、起動方法や画面構成、および、カスタマイズ方法について説明します。 Chapter 1の記事一覧はこちらChap
matchesCssRule.js
概略 対象の要素がスタイルシートで定義されているセレクタ (document.styleSheets[i].cssRules[j].selectorText) にマッチするなら、true を返します。 property も指定しているなら、該当プロパティを持つセレクタに合致する場合に true を返します。 (X)HTML の style属性によるスタイル適用は判定条件に入っていないので、「スタイルシートを適用しているか」をチェックするなら element.style[property] も検査する必要があります。 ダウンロード matchesCssRule.js gist: 630663 (matchesCssRule.js) - GitHub サンプル 下記の要素をクリックすると、true または false を alert します。(* コードはブラウザの [ソースを表示] で確認し
五章第三回 CSSの操作 — JavaScript初級者から中級者になろう — uhyohyo.net
五章第三回 CSSの操作このページの最終更新日：2017年8月24日 前回は、CSSがどのような構造をしているのか説明しました。今回は、その構造をいじることについて解説します。 CSSRuleの追加と削除まず、CSSRuleを子に持つCSSStyleSheetやCSSMediaRuleに、CSSRuleそのものを追加したり、あるいは削除したりする方法を解説します。 CSSStyleSheet（やCSSMediaRule）は、insertRuleとdeleteRuleという2つのメソッドを持っています。その名の通り、insertRuleは新しいCSSRuleを追加、deleteRuleは今あるCSSRuleを除去するメソッドです。 insertRuleまずinsertRuleの使い方から見ていきます。insertRuleは2つの引数を持ち、ひとつめの引数は追加するルール、ふたつめの引数は追加
New Mobile Safari stuff in iOS5: position:fixed, overflow:scroll, new input type support, web workers, ECMAScript 5
(note: this is based on the first iOS5 beta [9A5220p] and is subject to change on final release) It looks like there’s finally some major improvements in mobile Safari, some of which I’ve found below on my “first glance” after downloading the SDK. Chime in if you find anything yourself! Bad news firstMuch to my disappointment, browser-based file uploads are still not supported (input type=“file”),
IE Background Cache Fix ← arv-o-matic
A while back a lot of people where covering how to work around the bug that IE always reloads background images from the server, leading to your UI flickering. Dean wrote one and lots of others wrote the same thing. Today, I saw this simple workaround (from a fellow Googler who worked at Microsoft before): document.execCommand("BackgroundImageCache", false, true) Much simpler but makes me wonder w
requestAnimationFrame ＜ よーしおまえらー、アニメーションにsetInterval使うなよー - くろまほうさいきょうでんせつ
より適切なものが追加されたのでそっちを使いましょう。 setInterval/setTimeout → requestAnimationFrame; これまでは setInterval function render(){ // アニメーション 1フレーム分の処理 } setInterval(render, 1000 / 60); これはもう古い。 これからは requestAnimationFrame function animationLoop(){ render(); requestAnimationFrame(animationLoop); } animationLoop(); こうすべし。 requestAnimationFrameにすると何がいいの？ 複数のアニメーション描写処理を一つにまとめて最適化してくれる 同じ用に動かしている物体A,Bの動きが次第にずれていくとかがなくな
Live.js - One script closer to Designing in the Browser
one script closer to designing in the browser Say goodbye to Alt-Tab. Live.js makes sure you're always looking at the latest version of the page you're working on, whether you're writing HTML, CSS or Javascript. download live.js version 4 license Or use the bookmarklet! Drag the following link to your bookmarks bar: Live.js (using Live.js as a bookmarklet will only monitor CSS changes) How? Just i
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.com: HTML5 and CSS3 Developer's Phrasebook (Developer's Library): Wenz, Christian: Books
Amazon.co.jp: HTML5・JavaScript・CSS3 アプリケーション開発入門 (日経BPパソコンベストムック): 日経ソフトウエア: 本
Leaverou | Latest Social Media Marketing Trends
GitHub - joelambert/morf at 1c94cacf67afe0ded80fce366b33a4dbee886c56