Frontrend Vol.4 powered by CyberAgent, Inc. http://frontrend.github.com/events/04/ 2013年2月9日（土）に行われたFrontrend Vol.rの第1セッション"JavaScript Development…
JavaScript Development Tools
Frontrend Vol.4 powered by CyberAgent, Inc. http://frontrend.github.com/events/04/ 2013年2月9日（土）に行われたFrontrend Vol.rの第1セッション"JavaScript Development…
Twitterが自社製JavaScriptフレームワーク「Flight」をオープンソースで公開
Twitterは自社サービスで利用しているJavaScriptフレームワーク「Flight」をオープンソースで公開しました。 Flightはコンポーネントベースの軽量フレームワーク。開発者に対して非同期で独立性の高いコンポーネントを定義する機能を提供することで、デバッグ、テスト、イベントハンドリングなどを容易にするフレームワークのようです。 Githubのページでは以下のように説明されています。 Components cannot be directly referenced, instead they communicate by triggering and subscribing to events. Consequently every component, and every component API, is entirely decoupled from every othe
Important Considerations When Building Single Page Web Apps | Envato Tuts+
Single page web applications - or SPAs, as they are commonly referred to - are quickly becoming the de facto standard for web app development. The fact that a major part of the app runs inside a single web page makes it very interesting and appealing, and the accelerated growth of browser capabilities pushes us closer to the day, when all apps run entirely in the browser. Technically, most web pag
Node.js command-line tools for front-end development | Adobe Developer Connection
Experience working with the command line is required. Some knowledge of Node.js will help you make the most of this article. Required products Node.js You may already know that Node.js enables you to create server-side applications using JavaScript. While this is a powerful and compelling capability, perhaps you aren’t a server-side developer or you aren’t yet ready to commit to server-side develo
[JS]ブラウザとそのバージョンだけでなくOSもデバイスもスクリーンサイズも判定し、CSSのセレクタで利用できる便利なスクリプト -CSS Browser Selector+
IE6/7/8/9, Firefox, Chrome, Safari, Operaは当たり前、Win, Mac, LinuxなどのOS、iPhone, Android, iPod, iPadなどのデバイス、スクリーンのサイズ、言語などを判定し、それらをCSSのセレクタで利用できるスタンドアローンのスクリプトを紹介します。 CSS Browser Selector+ CSS Browser Selector+の特徴 CSS Browser Selector+の使い方 CSS Browser Selector+の特徴 CSS Browser Selector+はハック無しで、さまざまなUAをCSSのセレクタで指定できるスクリプトです。ブラウザごとに異なるスタイルシートの適用、スマフォやタブレット用のレスポンシブなスタイルにも利用できます。 CSS Browser Selector+が判別するの
正規表現をわかりやすく視覚化してくれる『REGEXPER』 | 100SHIKI
おっと、これは便利かも。 REGEXPERを使えば、JavaScriptの正規表現をわかりやすく表現してくれる。 一見、難解な正規表現だが、これを通しても見ると「なるほど、この文字とこの文字にはされまれていて、この間は何の文字でも良いのだな」といったことがわかるようになる。 他の人のコードを読んでいて「？」となったときに試してみてもいいかもですな。
デザイン2案、文言3案どちらがいいかはユーザーに決めてもらうA/Bテストが簡単に実施できるスクリプト -ABalytics.js
バナー広告2案どちらがよいだろう？ サインアップのボタンの文言3案はどれが効果が高い？ などGoogle Analyticsを使ってコンバージョンレートを簡単に測定できるスクリプトを紹介します。 ABalytics.js -GitHub ABalytics.jsの特徴 ABalytics.jsの使い方 ABalytics.jsの特徴 ABalytics.jsは他のスクリプトに依存せずに動作するJavaScriptで、クライアントサイドでコードを記述するだけで、Google Analyticsを使ったA/Bテストを簡単に実施できます。 サーバーサイドには何も設置する必要はありません。 設置が簡単！ 作業はクライアントサイドだけです。 サーバーサイドの準備は何も必要ありません。 データは、Google Analyticsに保存されます。 エレメントのclassを加えるだけで、複数のパターンをテ
Responsive & Touch-Friendly Audio Player | Codrops
A jQuery audio player plugin that is responsive and touch-friendly. The UI is css-only, no images used. You know that feeling when you are in the design heaven of Photoshop (or another maybe not that overpriced app), then come to writing the markup and things like <select>, <input type="radio|checkbox|file" /> throw you back into the harsh reality? Just because the usual CSS styling was not grante
インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった | 初代編集長ブログ―安田英久
どれぐらいスゴいかというと、「サーバーにインストールするだけで、あとは設定ファイルをちょちょっといじれば、かなり高速化できちゃう」というぐらいスゴいのです。しかも、どんなサイトでも、どんなCMSを使っていても「インストールするだけ」。 Webサイトを高速化すると、ユーザーに優しいし、場合によっては検索結果での順位にも良い影響が出るかもしれない……それはわかっていても、なかなか本格的にサイトを高速化するのは難しいものです。 サーバー側の高速化に加えて、HTMLのつくりや画像のファイルサイズ最適化、さらにはCSSを調整しての画像スプライト化やCSS/JSファイルの結合・最適化によるブラウザとサーバーの通信本数削減などなど、実はやらなきゃいけないことがたくさん。 グーグルの提供するmod_pagespeedは、そうしたことの、かなりの部分を自動的に行うものです。 mod_pagespeedはこん
JSter – JavaScript Catalog
EssentialsApplication FrameworksMobile FrameworksMVC FrameworksRealtime FrameworksDesktop GUIServerSide LibrariesTesting FrameworksTemplating EnginesLoadersUIUI FrameworksWindows, Modals, PopupsKeyboard WrappersForm WidgetsUI ComponentsSliders & GalleriesNotificationsWYSIWYG EditorsTouchLayoutTours & GuidesMultimediaGame EnginesPhysics LibrariesAnimation LibrariesAudio LibrariesPresentation Librar
小粋空間さんの作った「ノンプログラマーのためのjQuery生成ツール」が初心者の勉強用にうってつけでスゴイ便利
365.18 1 chapter down, 2 books to go / remysharp Webに関するものなど様々な情報を扱っていらっしゃるブログ小粋空間さんが作られたノンプログラマーのためのjQuery生成ツールがjQueryの勉強に便利そうでしたのでシェア。 このツールは「7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座」にインスパイアされて作った、初心者向けのお勉強ツールです。 コールバックなど複雑な設定はできませんが、基本的な設定とメソッドチェーンまでできるようにしています。 via: ノンプログラマーのためのjQuery生成ツール: 小粋空間 なんと、ありがたいことに先日書いた「jQueryが全く分からない人のため」の超初級者向け入門講座をインスパイアして作っていただいたとのこと…嬉ション5ガロンです。ありがとうござい
1ランク上の「HTML5」制作に欠かせないサイト・ツール・アプリのまとめ21個！
「HTMLファイ部」のほんだです(・Å・)∫ jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアをやっているものです。 よろしくお願いします！ 「HTMLファイ部」創立1周年！ 非常に手前味噌ではございますが、 弊社HTMLファイ部が創立から1年になりましたっ！・u・ HTMLファイ部は、「HTML5」技術を軸に、様々な表現に挑戦していくエンジニアを集めた部署となっています。 今回の記事では、HTMLファイ部の一周年を勝手に記念して、 HTMLファイ部のメンバーからかき集めてきた、HTML5サイト制作ツールをまとめます！ ツール系のサイト
ノンプログラマーのためのjQuery生成ツール
変更履歴 2013.03.13 toggleClassが2つ表示されていたため、1つに修正しました on/offを追加しました（1.7）※イベントには追加していません。別途対応します addBackを追加しました（1.8） finishを追加しました（1.9）
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DirtyMarkup Formatter - HTML, CSS, & JavaScript Beautifier
Method Draw Vector Editor
KataPad.com is for sale | HugeDomains
Regexper
http://enja.studiomohawk.com/2012/12/01/a-baseline-for-front-end-developers/
http://visitmix.com/labs/ai2canvas/
Bootstrap向けの汎用的なモーダルボックス実装スクリプト・Bootstrap Modal - かちびと.net
