2014年3月第4週号 1位は、ブラウザの「戻るボタン」が効かない4つのデザインパターン、気になるネタは、Twitter公式をかたるスパムツイートに注意 8周年に便乗 公式が警鐘 | gihyo.jp
週刊Webテク通信 2014年3月第4週号1位は、ブラウザの「戻るボタン」が効かない4つのデザインパターン、気になるネタは、Twitter公式をかたるスパムツイートに注意 8周年に便乗 公式が警鐘 ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2014年3月17日～3月23日の間に見つけた記事のベスト5です。 1. 4 Design Patterns That Violate Back-Button Expectations - Articles - Baymard Institutehttp://baymard.com/blog/back-button-expectations ブラウザの「戻るボタン」が効かない4つのデザインパターンについての解説と、解決策についてまとめた記事です。 「
そろそろきっちりJavaScript (1) "Firebug"の導入～関数リテラルとは? | マイナビニュース
多彩な演出効果をカンタンに導入できる事で脚光を浴びたprototype.jsの登場を皮切りに、インターネットで公開されているJavaScriptライブラリの数は、この一年で急激に増加した。何かやりたいことがあったときはWebで検索すれば、大抵、どこかにライブラリが転がっている。便利な世の中になったものだ。 一方、Webを通じて提供されるサービスは多様化の一途を辿っている。JavaScriptライブラリは整ってきたが、当然、置くだけでは機能しない。ライブラリのサポートページには簡単なサンプルが載っているものの、サンプルがそのまま適用できるケースはごくわずかだ。しかたなく、他の誰かが似たような事をやっていないかとWeb検索するはめになる。 思えば、これまでJavaScriptを言語としてとらえ、きっちり向き合う機会は少なかったのではないだろうか。 1995年の終わり、Netscape Navi
【JavaScript】デザインパターンを知ってみる。モジュール・パターン編 | バシャログ。
JavaScriptで書くデザインパターンが気になっているので、手始めに一番よく見ているであろうモジュール・パターンについていろいろ調べてみました。 なぜ使うの？ モジュール・パターンは名前の通り、処理を他の処理とぶつからないように安全に切り離し、モジュールの形として提供する考え方です。YUI などの大規模なフレームワークから小さなライブラリにも取り入れられています。以下のようなメリットがあります。 グローバル変数を極力減らして、機能をモジュールの形で提供できる。 コードの成長に合わせて構造を作れる コードを見通しやすくする 要件に応じて追加、置き換え、削除ができる シンプルな書き方 Sample というオブジェクトを作って、いろいろ便利な機能をつけていきたい、という場合、下記のような書き方ができます。 var Sample = { name: 'sampleくん', age: '30',
700を越えるJavaScriptライブラリを自由に試せるページを作った - 詩と創作・思索のひろば
こちらです ☞ JavaScript Libraries Playground（jQuery 2.1.0 と underscore の例） jQuery や underscore などの JavaScript ライブラリをインタラクティブに試したいとき、最近はブラウザで自分のブログ（ここ）や GitHub など、当該のライブラリがロードされていることを知っているページを開いておもむろに ⎇⌘J（Chrome）！ していたのですがこれは直接的ではないなと思ってそれ専用のページを作った次第です。 冒頭の例にもあるように location.search 部に library[@version],… 形式でライブラリを与えてやればページに <script> 要素が追加されて、あとは開発者コンソールなりでお楽しみください、という仕組みになっています。 cdnjs にはかなり多くのライブラリがホストさ
Duktape
See GCC options for minimizing code footprint. Full lowmem uses "pointer compression" and ROM-based strings/objects. ROM-based strings/objects can also be used without other low memory options. Current status Stable Support Duktape Wiki: wiki.duktape.org User community Q&A: Stack Overflow duktape tag Bugs and feature requests: GitHub issues General discussion: IRC #duktape on chat.freenode.net (we
プログラミングで遊べるゲーム「Code Combat」 | スラド デベロッパー
ゲーム形式でプログラミング技術を学んだり、課題にチャレンジする「Code Combat」なるブラウザゲームが登場している（slashdot）。 ゲーム内容は、プレイヤーが魔法使いとなってさまざまな問題を解決するというもの。世界観はよくある「剣と魔法の世界」で、キャラクターの雰囲気も良くあるファンタジーものっぽいのだが、このゲームが一般的なRPGと違うのは、「JavaScriptによるプログラミング」でゲームを進めるという点。たとえばダンジョンで仲間を救出する、といったシチュエーションでは、画面上に表示されるテキストエディタにJavaScriptコードを入力して戦士の動きを「プログラミング」してゲームを進めるようになっている。 「マルチプレイモード」も搭載されており、ほかのプレイヤーと戦うことも可能。なぜか日本語化もされており（ところどころ怪しい日本語もあるが）英語が苦手な人でも十分に内容を
君は読めるか 懐かしのMARQUEEタグで小説が高速で流れる「速読ウェブサービス」
「そのころわたくしは、モリーオ市の博物局に勤めて居りま」――宮沢賢治の小説「ポラーノの広場」の冒頭がブラウザのウインドウを右から左に高速に流れていく。hitode909さんが作成した「速読ウェブサービス」が話題だ。 開発のきっかけは17日、三菱東京UFJ銀行のWebサイトの上部に目立つ形で警告が表示されたこと。不審なメールによるパスワードの不正入手やウイルス感染などを利用者に警告するメッセージが右から左へ流れる様が、テキストを左右にスクロールするHTMLタグ「MARQUEE」（マーキー）を連想させ、「古き良きインターネットっぽい」「マーキー！ 滅んだはずじゃなかったのか！」「何これなつかしい」とネットユーザーの間で話題になっていた。 これを見たhitode909さんが「流れる速さで読まないといけないけど、これをだんだん速くしていけばmarqueeの流れに身を任せて高速に文字読める気がする」
AboutAcne
There are many dermatologists that recommend yogurt for acne. The reasoning is that, if you choose the right yogurt that contains probiotics, then it can fight the bad bacteria that is partly responsible for the cause of acne. Dermatologists obviously aren’t going to tell you to get those fake sugary yogurt substitutes with a bunch of chemicals, artificial sweeteners and corn syrup (why not just u
[JS]日本語のどんなWebフォントでも美しくカーニングできるスクリプト -jQuery.Kerning.js
ウェブページで日本語のWebフォントを使用する時にカーニングを適用して、読みやすくて美しく表示するjQueryのプラグインを紹介します。 全角の括弧や句読点などの約物は、日本語のどんなフォントでもスクリプトのみで美しくカーニングできます。 ※文字間のカーニングは、フォントごとに設定が必要です。 jQuery.Kerning.js jQuery.Kerning.js -GitHub jQuery.Kerning.jsのデモ jQuery.Kerning.jsの使い方 jQuery.Kerning.jsのデモ デモでは上：カーニング無し、下：カーニング有りの状態で、明朝とゴシックの2書体がチェックできます。 適用されている方が、読みやすいですね。 ゴシック体のデモ、上：カーニング無し、下：カーニング有り jQuery.Kerning.jsの使い方 Step 1: 外部ファイル jquery.j
JavaScriptでbind()を使って部分適用する - HackerNews翻訳してみた
「HackerNews翻訳してみた」が POSTD (ポスト・ディー) としてリニューアルしました！ この記事はここでも公開されています。 Original article: Partial Application in JavaScript using bind() by Pascal Hartig JavaScriptの中にはコードをもっとシンプルで見やすくできるパターンがあるのに、あまり使われていないものがあります。皆さんもFunction.prototype.bindはご存じでしょう。頻繁に使われていたvar that = thisやvar self = thisの代わりになる関数です。よくあるのが以下のような例です。 this.setup = function () { this.on('event', this.handleEvent.bind(this)); }; 第1引数が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Asian Live Sex Chat – A Blog about Hot Girls from Asia that broadcast explicitly in Erotic Webcams
JavaScript Object Diagram integration with Chrome Devtools | Sources Tab | Scope Variables section
Roundup of Best JavaScript Libraries – March 2014 | Code Geekz
ShimmerJS by tedtoy
ソニック速報
Agen Judi Bola, Daftar SBOBET, Situs Judi Bola Online Dizyne
restyle.jsを使ったCSS処理
The Design Pixel - Online Magazine for Web Designers and Developers
Contact Support
http://www.egrappler.com/javascript-chart-and-graph-libraries-for-developers/