Jank Free: Let's Make the Web Silky Smooth!
What is Jank? Modern browsers try to refresh the content on screen in sync with a device's refresh rate. For most devices today, the screen will refresh 60 times a second, or 60Hz. If there is some motion on screen (such as scrolling, transitions, or animations) a browser should create 60 frames per second to match the refresh rate. Jank is any stuttering, juddering or just plain halting that user
simpl.info
This site aims to provide simplest possible examples of HTML, CSS and JavaScript. There are shortcuts for many of these pages (see full list). For example, simpl.info/v redirects to simpl.info/video. A list of web development resources is available from bit.ly/webdevres. Submit bug reports, requests and comments at github.com/samdutton/simpl.
HTML5 Forms: JavaScript and the Constraint Validation API — SitePoint
Stay Relevant and Grow Your Career in TechPremium ResultsPublish articles on SitePointDaily curated jobsLearning PathsDiscounts to dev toolsStart Free Trial7 Day Free Trial. Cancel Anytime. Key Takeaways HTML5 allows for client-side form validation without JavaScript coding, but for more sophisticated forms, JavaScript and the Constraint Validation API can be used to enhance native validation. Thi
How Javascript Loading Works – DOMContentLoaded and OnLoad « a.blog.about.code
There are actually three different windows of time during a web request in which we can load and execute javascript. These windows are delineated by the DOMContentLoaded event and the OnLoad event. We can load our scripts before DOMContentLoaded, after DOMContentLoad, and after OnLoad. But before I dig into the details of how this is done, what the heck are these two events and when are they actua
Post by @manabuueno
ウェブ世界といっているのは、要はウェブブラウザのこと。 10年後、ウェブブラウザというのは時代遅れのアプリケーションになっているかもしれない。
Webアプリのパフォーマンス改善をWeb標準で行う方法、まとめ - ふろしき Blog
「HTML5 Advent Calendar 2013」の24日目の記事です。 Webアプリのパフォーマンス改善と言えば、JavaScriptやDOMアクセスなど、既存の技術ベースな改善手法を想像する方も多いでしょう。最近では、こうした改善のあり方を、別の視点からもう少し広げようというアイデアが存在感を持ち始めています。それは「Web標準」です。 そこで今回、Web標準側でできるWebアプリのパフォーマンス改善について、掻い摘んで紹介します。全てを説明となるとキリがないので、キーワードを中心とさせて頂きます。最近になって、結構実用化が進んできているので、悩んだ時には試してみる価値はあるでしょう。 1. リソースを先に読み込む linkタグにてURLなどを指定することで、これから先に読み込ませる可能性が高いWebページのリソースを予め読み込むWeb標準があります。ニュースサイトでは次のページ
なぜクライアントサイドJavaScriptにはHTML/CSSの知識が必要か？ - Qiita
クライアントサイドJavaScriptにおけるHTMLとCSSの知識 とある勉強会にて JavaScriptを勉強したいのだけど、まず何から勉強したらよいか？ という問いがありました。 もちろんプログラミングの基礎知識やアルゴリズムの知識、ある程度の数学の知識、文章読解力が重要という意見もあるでしょう。答えは色々あると思うのですが、 クライアントサイドJavaScript (ブラウザやWebビューで実行されるJavaScript)において、まずひとつ押さえておきたいのは HTML/CSS の知識ではないかと思っています。 今回の話は、「なぜクライアントサイドJavaScriptにはHTML/CSSの知識が必要か？」というテーマで、JavaScriptとHTML/CSSがどのくらい関わっているのか解説していきたいと思います。 どんな人に読んで欲しいか JavaScriptをこれから学びたい人
HTML5 を利用したWeb アプリケーションのセキュリティ問題に関する調査報告書
HTML5 は、WHATWG および W3C が HTML4 に代わる次世代の HTML として策定を進めている仕様であり、HTML5 およびその周辺技術の利用により、Web サイト閲覧者 (以下、ユーザ) のブラウザ内でのデータ格納、クライアントとサーバ間での双方向通信、位置情報の取得など、従来の HTML4 よりも柔軟かつ利便性の高い Web サイトの構築が可能となっています。利便性が向上する一方で、それらの新技術が攻撃者に悪用された際にユーザが受ける影響に関して、十分に検証や周知がされているとは言えず、セキュリティ対策がされないまま普及が進むことが危惧されています。 JPCERT/CCでは、HTML5 を利用した安全な Web アプリケーション開発のための技術書やガイドラインのベースとなる体系的な資料の提供を目的として、懸念されるセキュリティ問題を抽出した上で検討を加え、それらの問題
Semantic UI
Design Beautiful Websites Quickly Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML. Concise HTML Semantic UI treats words and classes as exchangeable concepts. Classes use syntax from natural languages like noun/modifier relationships, word order, and plurality to link concepts intuitively. Get the same benefits as BEM or SMACSS, but wit
javascriptでテキストボックスの末尾にキャレット移動
index.html `�T� <html> <head></head> <body> <input type="text" id="foo" value="" /> </body> </html> run_with_debugger.js E]� `4�� var t = document.getElementById('foo'); t.value = '12345678901234567890123456789012345678901234567890'; var len = t.value.length; t.focus(); t.setSelectionRange(len, len);
Frontend rescue: how to keep up to date on frontend technologies | frontendrescue.org
This it gets much easier to stay updated through regular consumption provided by trusted sources. Some of the ways to do this are reading blogs, following industry experts through social media platforms, and newsletter subscriptions. In such a way, the more experienced developers share their view on what is happening with new emerging tools and thus help others to filter the information. These pla
AngularStrap
About the project AngularStrap is a set of native directives that enables seamless integration of Bootstrap#^3.0 into your AngularJS#^1.2 application. With no external dependency except the Bootstrap CSS styles, AngularStrap is light and fast. It has been built from the ground up to leverage ngAnimate! AngularStrap is tested against the latest patch release of the 1.2, 1.3 and 1.4 branches. Quick
MacVimでHTML,CSS,JavaScriptの文法チェック | Free Writing
鹿児島在住のエンジニアです。Webシステムの受託開発に携わってます。 Playframework/ExtJs/Sencha Touch/Backbone.jsをよく使います。
Learn HTML | Mozilla Developer Network
Back to Home Learn HTML HTML (HyperText Markup Language) is the core syntax for putting information on the worldwide web. If you want to create or modify web pages, it’s best if you learn HTML. The links on this page lead to a variety of HTML tutorials and HTML training materials. Whether you are just starting out, learning the basics of HTML, or are an old hand at web development wanting to learn
JADE LANGUAGE Node Template Engine
!!! 5 html(lang="en") head title= pageTitle(car insurance montana) :javascript | if (foo) { | bar() | } body h1 Jade - node template engine #container - if (youAreUsingJade) You are amazing - else Get on it! Get on it! Get on it! Get on it! <!DOCTYPE html> <html lang="en"> <head> <title>Jade</title> <script type="text/javascript"> //<![CDATA[ if (foo) { bar() } //]]> </script> </head> <body> <h1>J
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Nik Molnar - Full Stack Web Performance
https://github.com/darcyclarke/Front-end-Developer-Interview-Questions/tree/master/Japanese
Flatdoc
Brackets - Web デザインを認識する最新のオープンソースコードエディター
http://us2.campaign-archive.com/?u=0c8604ec46b9f779a3f5b6a1c&id=88ba73e6f0