`that = this` について思ったこと
thatに思いを馳せる JavaScriptにおいて that = this とか self = this なパターンを頻繁に使うと、作業者の理性が保証されない場合に下記に示す2点の問題が起こりう得ると思っている。 「あー、どうなのかなー、うーん」と思いながら書いてみる。 1.メソッド分割が適切におこなわれない雰囲気 ちょっと極端かも知れないが、Backboneっぽいコードを例にしてみる。 initialize: function() { var that = this; this.listenTo(this.entity, 'success', function() { var bar = that.foo(); that.$el.find('.qux').text(bar); // long. // long.. // logic... }); this.entity.execute(
JS備忘録: script要素でonload - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） 人は忘れる生き物。 今日はscript要素でloadイベントを検知する方法など。 onloadで全部いけるかと思いきや、 IEではscript要素のonloadは動作しません。（相変わらずコイツは… なので、代替としてonreadystatechangeを使います。 function onloaded(){ alert("successfully loaded"); } var ele = document.createElement("script"); ele.src = "hogehoge.js"; ele.onload = onloaded; ele.onreadystatechange = function(){ if(this.readyState=="loaded"||this.readyState=="compl
The amazing powers of CSS | Articles | web.dev
The amazing powers of CSS Stay organized with collections Save and categorize content based on your preferences. Yesterday at the office, we were coming up with strange and magical CSS tricks. Take this one for instance, it makes empty links very visible: a[href = ""] { background: red; color: white; font-size: x-large; } Check out the live example at jsFiddle You can also style absolute links dif
Pure CSS3 typing animation with steps() • Lea Verou
steps() is a relatively new addition to the CSS3 animations module. Instead of interpolating the values smoothly, it allows us to define the number of “frames” precisely. So I used it to create headers that have the well-known animated “typing effect”: As you can see, the number of characters is hardcoded in the steps() function, but that’s the only place. Everything else is totally flexible. Apar
Diving into CanJS: Part 2 | Envato Tuts+
This is part two of a three part series that will teach you how to build a contacts manager application in JavaScript using CanJS and jQuery. When you're done with this tutorial, you'll have all you need to build your own JavaScript applications using CanJS! In part one, you created the Models, Views and Controls needed to display contacts and used fixtures to simulate a REST service. In this part
File API: Directories and System (W3C Working Draft 26 October 2010)
File API: Directories and System W3C Working Group Note 24 April 2014 This version: http://www.w3.org/TR/2014/NOTE-file-system-api-20140424/ Latest published version: http://www.w3.org/TR/file-system-api/ Latest editor's draft: http://dev.w3.org/2009/dap/file-system/file-dir-sys.html Previous version: http://www.w3.org/TR/2012/WD-file-system-api-20120417/ Editor: Eric Uhrhane, Google Copyright © 2
Opera Desktop Team - Desktop Team
Stable Opera 107 February 7th, 2024 Dear Opera Users, Exciting news! We’ve rolled out Opera Browser’s stable update, introducing Version 107. Here are the key highlights... Developer Opera 109 developer February 6th, 2024 Welcome to Opera Version 109! We are thrilled to announce the latest Opera Developer update – 109.0.5069.0, bringing you a... Desktop The coolest job in the world: Browse the web
jQuery.cssHooks | jQuery API Documentation
Description: Hook directly into jQuery to override how particular CSS properties are retrieved or set, normalize CSS property naming, or create custom properties. version added: 1.4.3jQuery.cssHooks The $.cssHooks object provides a way to define functions for getting and setting particular CSS values. It can also be used to create new cssHooks for normalizing CSS3 features such as box shadows and
responsive.is - このウェブサイトは販売用です！ - responsive web design リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
CSS 2D Transforms Module Level 3
CSS Transforms Module Level 1 W3C Candidate Recommendation, 14 February 2019 This version: https://www.w3.org/TR/2019/CR-css-transforms-1-20190214/ Latest published version: https://www.w3.org/TR/css-transforms-1/ Editor's Draft: https://drafts.csswg.org/css-transforms/ Previous Versions: https://www.w3.org/TR/2018/WD-css-transforms-1-20181130/ https://www.w3.org/TR/2017/WD-css-transforms-1-201711
正しいJavaScriptの変数名の話をしよう
「var π = Math.PI; が文法的に正しいJavaScriptだと知っていますか？」という書き出しで始まるJavaScriptの変数名についてのエントリが話題になっていました。エントリーを書いたのはベルギーのフリーランスWEB開発者のMathias Bynensさんです。彼はUnicodeのどんなグリフが識別子として利用できるのかECMAScriptの仕様を見てみることにしたそうです。 ECMAScript 5.1によれば: 識別子は予約語ではない識別できる名前 となっており、直接記号やグリフについての制約には言及していません。元記事ではさらに予約語や識別子に使用できる文字の例外などについて解説した後に、下記のようなコードが有効なJavaScriptの変数名であるとして紹介しています。 // How convenient! var π = Math.PI; // Sometime
CSS - Contents and compatibility
Last major update on 23 February 2012. Mobile table. See the CSS Selector Test for tests of and information about CSS3 selectors. Earlier versions of this page has been translated into Brazilian Portuguese and Romanian. The contents of my CSS pages and browser compatibility. This is the old table. I’m slowly moving towards the new tables, which feature greatly extended tests and full mobile browse
Making Love to WebKit — Acko.net
Parallax, GPUs and Technofetishism If the world is going to end in 2012, Acko.net will at least go out in style: I've redesigned. Those of you reading through RSS readers will want to enter through the front door in a WebKit-browser like Chrome, Safari or even an iPad. The last design was meant to feel spacious, the new design is spacious, thanks to generous use of CSS 3D transforms. CSS 3D vs. We
zynga/scroller @ GitHub
Dependencies Zynga Scroller has no dependencies to other JavaScript libraries. Demo Easy Scroller (NEW) DOM Demo Canvas Demo Paging X-Axis Paging Y-Axis Snapping to Cells Pull-to-Refresh Install Just copy over the 3 JavaScript files from the "src" folder to your local JavaScript project and include them in the following order "Raf.js", "Animate.js" and "Scroller.js". It also supports Jasy - our bu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.wabbaly.com/parallax-scroll-effect-web-design/
https://ttf2eot.sebastiankippe.com/
My Browser Information)
Create your first Windows Runtime app using JavaScript - Windows app development
http://joelb.me/scrollpath/
http://joelb.me/blog/2012/maintaining-css-style-states-using-infinite-transition-delays/