GitHub - zzarcon/observable: :eyes: Native and pure 100% html and javascript template bindings with Object.observeYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
『RequireJS等はもう古い。WebPackとは？』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 アメーバ事業本部 クロスイノベーション室のグンタ（@gunta85）と申します。 今回はフロントエンド開発用の、 ありとあらゆる依存関係を簡単に解決してくれる、 WebPackというスグレモノをご紹介します。 導入経緯大きなアプリを開発するにあたり、依存関係を解決してくれるものを探していました。 その中で、RequireJSやBrowserify、Componentなども候補に挙がりましたが、 諸々の理由でWebPackを選びました。 特徴の違いについては「WebPack vs Browserify」等で検索してみると良いかと思います
サイトに適したリソース配置とasync/defer完全マスター – レンダリング優先のグッド・プラクティス | ゆっくりと…
タイトル、少し変えました 😉 。 第1部「サイト高速化の「戦略」と「戦術」- GradeAのその先へ」では、YSlow や PageSpeed がアドバイスする Tips のうち、HTTP リクエストの削減を優先すべしという「戦略」の話をしました。 また css や js を束ねて結合し、HTTP リクエストを削減する時の「戦術」の話もしました。 今回は、「サイトの特性に適したリソースの配置を行う」ために、「束ねたリソースをドキュメント中にどう配置するのが適切か」を見い出したいと思います。またそのポイントとなるブラウザの基本的な挙動についても言及します。 ブラウザごとの挙動が確かめられる、実験サイト contentloaded.com を立ち上げたので、以下、同サイトから幾つかの例を引きながら話を進めたいと思います。 リソース配置を決める戦術 基本的な戦術 第1部 では、css や js
GitHub - leeoniya/reMarked.js: client-side HTML > markdown
A project similar to Markdownify but executed on the client. The ultimate goal is integration with existing WYSIWYG html editors (eg: Redactor, TinyMCE, CKeditor, Loki, CLeditor) to produce Markdown output. There are currently no WYSIWYG editors for markdown, only WYSIWYM, which still require knowledge of markdown syntax and its many quirky flavors. // optional options w/defaults var options = { l
Async Ads with HTML Imports | High Performance Web Sites
November 16, 2013 5:05 am | 15 Comments Scripts loaded in the typical way (<script src="a.js"></script>) block rendering which is bad for performance. The solution to this problem is to load scripts asynchronously. This is the technique used by the best 3rd party snippets, for example, Google Analytics, Tweet button, Facebook SDK, and Google+ Follow button. Ads are probably the most prevalent 3rd
dialog element - modals made easy | Blog | Chrome for Developers
Chrome Canary has landed support for the dialog element behind a flag. The dialog element can be used for popups in a web page. show(): Open dialog. close(): Close dialog. Takes an optional argument which if present dialog.returnValue is set to. showModal(): Open modal dialog. ::backdrop: Pseudo-element to style background behind a modal dialog. close event: Fired when a dialog is closed. Update o
サイト速度とonload再考 | ゆっくりと…
単にウケ狙いなら「革新的！GAのページ平均読み込み時間を劇的に速くする方法」とか「もう3rdパーティーに邪魔させない、超高速スクリプト読み込み術」（笑）とかの煽りタイトルを付けるところですが、今回はもっと本質的なことを論じてみたいと思います。 「プログレッシブレンダリングでUXを向上させるJS非同期読み込みのベストプラクティス」では、スクリプトの読み込みと実行を window.onload 対象から切り離し、見た目のページ速度を速くする方法について書きました。この方法は既存のスクリプトを書き換える必要があるため、Stoyan Stefanov によって 実験的に実装された Facebook SDK か、自前のスクリプトにしか適用できませんでした。 しかし今回、Hatena や Twitter、Pocket、Disqus など、他の 3rd パーティ製スクリプトにも適用できる方法 − “進化
HTML Table Element Guide | CSS-Tricks
The <table> element in HTML is used for displaying tabular data. You can think of it as a way to describe and display data that would make sense in spreadsheet software. Essentially: columns and rows. In this article, we’re going to look at how to use them, when to use them, and everything else you need to know. A Very Basic Example Here’s a very simple demo of tabular data: It is data that is use
BladeRunnerJS (BRJS) - Divide & conquer complex web apps
BladeRunnerJS (BRJS) is an open source development toolkit and framework for modular construction of large single-page HTML5 apps. It consists of a set of conventions, supporting tools and micro-libraries that make it easier for teams to develop, test, deploy and maintain complex JavaScript apps. Get started Blades A Blade is a module that encapsulates all the required resources – JavaScript, HTML
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DeNA Engineering - DeNAエンジニアのポータルサイト
GitHub - jsoverson/preprocess: Preprocess HTML, JavaScript, and other files with directives based off custom or ENV configuration
Amazon.co.jp: フロントエンドエンジニア養成読本 [HTML、CSS、JavaScriptの基本から現場で役立つ技術まで満載! ] (Software Design plus): 斉藤祐也, 石本光司, 加藤賢一, 水野隼登, 谷拓樹, 泉水翔吾, 原一成, 平木聡, 佐藤歩, 杉本吉章: 本![Amazon.co.jp: フロントエンドエンジニア養成読本 [HTML、CSS、JavaScriptの基本から現場で役立つ技術まで満載! ] (Software Design plus): 斉藤祐也, 石本光司, 加藤賢一, 水野隼登, 谷拓樹, 泉水翔吾, 原一成, 平木聡, 佐藤歩, 杉本吉章: 本](https://cdn-ak-scissors.b.st-hatena.com/image/square/b2b83525358f423a3592600d4ee98c6ff522d227/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fm.media-amazon.com%2Fimages%2FI%2F51A%2B-kjo8gL._SL500_.jpg)
GitHub - nprapps/pym.js: Resize an iframe responsively depending on the height of its content and the width of its container.
GitHub - kumu/xss.js: Simple whitelist-based html sanitizer
Frontrend vol.7 html5 audio
GitHub - winjs/winjs: A UI toolkit for modern browsers
JS Toolbox - IntelliJ IDEs Plugin | Marketplace
Как построить DOM
「フロントエンドデベロッパー面接時の質問事項」日本語訳しました
