The Cicada Principle and Why It Matters to Web Designers » HTML & CSS, Layout » Design Festival
_____ _ _ _____ _ _ / ____(_) | | __ \ (_) | | | (___ _| |_ ___| |__) |__ _ _ __ | |_ \___ \| | __/ _ \ ___/ _ \| | '_ \| __| ____) | | || __/ | | (_) | | | | | |_ |_____/|_|\__\___|_| \___/|_|_| |_|\__|
ブログを書くまでがHTML5 Conference 2013 - maru source
2013/11/30にHTML5 Conference 2013が行われました。 運営の方々、スピーカーの方々お疲れ様でした。当日は風邪を引いてしまい、参加できなかったのですが、YouTubeでリアルタイムに見みることができて非常にありがたかったです。 で、ブログを書くまでがHTML5 Conference 2013ということで、拝見した各セッションについて感想を書いてみました。 (僕は各セッションを聞きながらTwitterクライアントやLINEのようなアプリをモバイルWebアプリで作るのにどんな役に立つのかなという視点で見ていたので、感想もモバイルWebアプリを中心としたものとなっています) モバイル時代のフロントエンド開発レシピ 実践的なモバイルHTML5テクニック 満足させるハイブリッドアプリを作るための実践テクニック 地下鉄 x サクサク x これからのWebゲームアプリが備えるべ
JavaScriptの実装で、最近悩んでるコト - console.lealog();
たとえば、こういう要件があったとします。 複数の選択肢から、nコを選んで実行する nコ以上選んだ場合は、後から選んだものを優先する リセットボタンがある 決定ボタンを押すと、選んだ内容が表示される みたいな。 で、こういうのを実装するにあたり、どういう実装にしようかなーと思うわけです。 とりあえず画面をつくる 以下から2つ選んでね <ul> <li class="js-choice">くう</li> <li class="js-choice">ねる</li> <li class="js-choice">あそぶ</li> </ul> <div> <button class="js-reset">選びなおす</button> <button class="js-submit">決定</button> </div> <div>やりたいこと：<span class="js-result">ここに2
An Introduction To Full Stack JavaScript — Smashing Magazine
You want to be lean and you want to be agile by using technologies that will help you succeed in the short and long term. And those technologies are not always easy to pick out. Full-stack JavaScript hits all the marks. You’ve probably seen it around. With JavaScript, you can create scalable, maintainable applications, unified under a single language. There’s no doubt, it’s a force to be reckoned
Your Web, documented. · WebPlatform.org
Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github. New documentation can be found at MDN Web Docs. Your Web, Documented. The latest information on how to use the technology that runs the web — HTML, CSS, JavaScript and more. WebPlatform.org is a work in progress. We could use your help in making it bett
WebWorkerのデバッグ - 音の鳴るブログ
WebWorker は便利だけどデバッグしにくい。僕は根っからのプリントデバッガーなんだけど、WebWorker は console.log が使えなくて困る。しかし泣いてばかりもいられない。 WebWorker で console.log を使う WorkerConsole というやり方がある。下記は簡略版だけど、WebWorker側に console というグローバル変数を用意して、log とか error メソッドで呼び出し元に引数を postMessage する。そして、呼び出し元の onmessage でコンソールに表示する。 このやり方には若干問題があって、postMessage を通過出来るものしか表示できない。つまりオブジェクトを表示して DevTools で属性を確認したりとかできない。 // worker.js global.console = {}; ["log",
Use web workers to run JavaScript off the browser's main thread | Articles | web.dev
In the past 20 years, the web has evolved dramatically from static documents with a few styles and images to complex, dynamic applications. However, one thing has remained largely unchanged: we have just one thread per browser tab (with some exceptions) to do the work of rendering our sites and running our JavaScript. As a result, the main thread has become incredibly overworked. And as web apps g
npmのプライベートリポジトリを作る – SummerWind
Nov 24, 2012 先日、YUIコミッターのokuryu氏から、npmのプライベートリポジトリを作る手順をまとめたいい記事があるよと教えてもらいました。実は以前プライベートリポジトリの構築をしようとしてうまくいかずに諦めたことがあったので、記事に書いてある手順を読みながら、改めて手元の環境に構築できるかを試してみました。 CouchDBのインストール npmリポジトリのバックエンドには、CouchDBが使われているので先にこれをインストールします。手元の環境にはHomebrewがインストールされているので、今回は手っ取り早くbrewコマンドからインストールしました。 $ brew install couchdb npmのバックエンドとして使う場合には、CouchDBのsecure_rewriteオプションを無効化する必要があるようなので、以下のようにして設定を変更しておきましょう。
CMU03 Session05「第1回 はじめてのJavaScript -言語仕様を読み解く」アライ カツ
第3回Creators MeetUp (2013/04/27)「第1回 はじめてのJavaScript -言語仕様を読み解く」アライ カツヤさん #cmujp - Captured Live on Ustream at http://www.ustream.tv/channel/creators-meetup
AngularJS 勉強会のまとめ (動画・スライド) #ng_jp | Engine Yard Blog JP
AngularJSの勉強会に参加して来ました。300人の定員があっという間に満席になるという事で注目の高さが伺える勉強会でした。参加者も発表の内容もバラエティに富んでいてこれから大きな飛躍があるであろう事を期待させる盛りだくさんの内容でした。 今回はEngine Yardから懇親会のスポンサードをさせて頂くと同時にPHPとAngularJSの連携のLTや動画の撮影を行ってきましたので紹介させて頂きます。 ng-mtg#4 AngularJS 勉強会 | 集客ならイベントアテンド http://atnd.org/event/E0021975/ ng-mtg#4 AngularJS 勉強会 #ng_jp - Togetterまとめ http://togetter.com/li/598391 AngularJS 20min @naoya_itoさんによるAngularJSの入門講座。おなじみの
Googleからのお願い、「CSS・JavascriptをGooglebotがクロールするのをブロックしないで」
[対象: 初級] CSSファイルやJavascriptファイルへのGooglebotのクロールをrobots.txtでブロックしないようにしてほしいと、GoogleのMatt Cutts(マット・カッツ)氏が“公共メッセージ”を流しました。 もし、JavascriptやCSSにGooglebotがクロールするのをブロックしているとしたら、少しだけ時間を取ってその記述をrobots.txtから削除してほしい。 JavascriptやCSSをクロールさせてもらえればそのページでどんなことが起こっているかをより適切に理解できる。 帯域幅のようなリソースを浪費しないようにとブロックする人がたくさんいるけれど、Googlebotはかなり高性能なのでそういったものを速すぎるくらいにクロールしたりはしない。 ほかにもFlashがJavascriptを含んでいるのを知らなくてJavascriptをブロック
Home - Zero Clip Board
Home Search Home Contact About SearchSearch Popular Exploring the Role of Lament in Biblical Literature Egamer Perspectives on Edge Computing for Real-Time PC Gaming Enhancements How Social Networks Shape Trends, Culture, and Public Opinion Pay188: The Path to Ultimate Sports Rewards Best Online Casinos Australia for Progressive Jackpot Fans Home Education Entertainment Gaming Health Technology Co
60fps scrolling using pointer-events: none
60fps scrolling using pointer-events: none Paul Lewis did an interesting article a while back about avoiding unnecessary paints through disabling hover effects as the user scrolls, which is a great approach. The down side being managing all your hover states through a parent class. UPDATE: I’ve done a follow up article which demonstrates a more robust technique. That approach doesn’t scale well an
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Home - One Hungry Mind
AngularJS File Dropzone Directive - JSFiddle - Code Playground
Code Project
http://starttheshift.github.io/MacGyver/example/index.html
GitHub - web-animations/web-animations-js: JavaScript implementation of the Web Animations API
http://oridomi.com/
OLXTOTO 🚀 Agen Togel Online Toto 4D Resmi Terpercaya di Asia