JavaScriptのいろいろなコーディングルールをまとめてみた
JavaScriptの書き方はJavaScript自体がある程度自由なためいろいろな書き方ができますが、一貫性を持って書いた方がバグなども発生しにくくなるため、コーディングルールを定めておくのはよいことだと思います(特に複数人の開発の場合) 有名な企業やライブラリはコーディングルールも公開している事が多いので適当にまとめてみました JavaScript style guide – MDC Docs Mozilla/Firefox向けのものなので、一部ECMAScriptの範囲を超えたものも含まれています。 多くの人が見ていると思うので、見たことない人は一度読んでみるといいです。 jscsにこのコーディングルールをチェックするプリセットが用意されています。 Google JavaScript Style Guide Google JavaScript Style Guide 和訳 — Goo
iOS向けゲームが15分で開発できる、高速HTML5ゲームエンジン「IMPACT」登場 【増田(@maskin)真樹】 | TechWave（テックウェーブ）
[読了時間:1分] 先日、リリース間近とお伝えしたHTML5ゲームエンジン「IMPACT」が12月21日未明、正式に公開となった。同エンジンで開発されたゲームは、iOS上では60フレーム/秒を実現するとされており、HTML5対応のウェブブラウザであればプラグインなどをインストールする必要なく実行できるという特徴を持つ。サイトには、効率の良い開発スタイルを説明するビデオやサンプルソースコードなどが公開されている。ライセンスは価格は99ドル。 エンジンを開発した独Dominic Szablewski氏は、HTML5に対応したモダンブラウザ上で高速に動作するゲーム「Biolab Disaster」を公開、その開発のために使用したエンジンを一般に提供すると告知していた。今回の正式リリースで、このゲームもアップグレード。公言通り、iOS上でも快適に動作するようになっている。 lMPACTは、HTML
JavaScript初級者から中級者になろう
JavaScript。「ジャヴァスクリプト」と読みます。主にWebページに動きを与えるものです。 現在では結構多くのページに使われていますが、その多くはとてもレベルが低く不適切なものです。もっと質の高いJavaScriptを使える人が増えるといいなという思いから、このページを作りました。 初級者の基礎知識 本文を理解するにはJavaScriptの知識がそれなりに要るので、JavaScriptがそもそもあまり分からない人は、この辺を読んでみましょう。 基礎第一回 基礎第二回 基礎第三回 基礎第四回 基礎第五回 基礎第六回 第一章 オブジェクト オブジェクトとは オブジェクトの実体 配列のコピー オブジェクトと関数 第二章 DOMの基礎 HTMLと木構造 DOMとは 基本的な操作とテキストノード 木構造の操作：ノードの除去 木構造の操作：ノードの追加 木構造の操作：さまざまな機能 木構造の操作
マンガで分かる JavaScriptプログラミング講座
はじめに 「マンガでわかるJavaScript」は、難しそうに思えるプログラムを、簡単そうに見えるマンガで解説するという初心者向けの入門講座です。 架空の高校生たちに教える形式で、プログラムの基礎から応用を、解説していきます。一通りのマンガを読めば、かなり実践的なところまで、プログラムを書けるようにしていきます。 （マンガは、左上から右下へと読みます） プログラムというと、けっこう大変そうに思えますが、この講座のテーマは「面倒くさいことを楽にする」です。面倒臭がりで、手抜き大好きの女子高生を主人公にして、楽しくプログラムを学んでいくことにします。 主な対象読者は「これからプログラムを学んでみたい人」「Webの世界に関わっていてJavaScriptを学んでみたい人」「昔JavaScriptを触っていたけど最新のトレンドが分からないので改めて学んでみたい人」などです。初心者だけでなく、Webデ
セクシーなドロップダウンメニュー実装サンプル:phpspot開発日誌
Sexy Drop Down Menu w/ jQuery & CSS | Noupe セクシーなドロップダウンメニュー実装サンプル。 次のような、セクシーかどうかはさておき、クールなメニューのサンプルが公開されています。 CSSで綺麗にレイアウトして、jQueryで実装したものです。 マウスオーバーで光る高級感がナイス 矢印↓ボタンを押した時にちゃんと凹むのもいい感じ。 タグ構造も結構綺麗に定義できてレガシーなブラウザ（ＩＥ６）にも対応しているっぽいのでなかなかオススメです。 関連エントリ チュートリアルでここまでやる？というプロレベルのWEBレイアウト作成チュートリアル jQueryクライアントとPHPサーバ間をJSONで結ぶチュートリアル
Sliding Boxes and Captions with jQuery « Build Internet
Add an extra layer of information to your images with sliding boxes. This is now a plugin! Check out the announcement post for the Mosaic jQuery plugin. Check the project page for the latest release notes and features! The Basic Idea All of these sliding box animations work on the same basic idea. There is a div tag (.boxgrid in my css) that essentially acts as a window where two other items of yo
長文を分割＆横スクロールで見やすくする·bookreader.js MOONGIFT
Webの発達で日本語であっても横に読まれることが当たり前になりつつある。コンピュータ上では縦に際限なく伸びていくので、縦書きは読みづらいのだろう。だが横向きに書かれていても長文であると見がたくなるのは変わらない。 長文をブラウザ上で読むならこれ 特に小説やコラムなど長文を載せているサイトの場合はそうだ。コンピュータは元々書籍に比べると長文を読むのに適していない上に、レイアウトも読みづらいのでは大変だ。そこで試したいのがbookreader.jsだ。 今回紹介するオープンソース・ソフトウェアはbookreader.js、長文を読みやすくするJavaScriptライブラリだ。 bookreader.jsは専用のJavaScriptとCSSファイルによって縦に続く長文を一定の長さで区切り、続きを右側に表示してくれるスクリプトが。スクロールは矢印キーか画面に表示される矢印のボタンで行う。 次期バー
25 jQuery Plugins for Navigation - DesignM.ag
li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> Home Categories Tutorials Resources Inspiration Freelance Interviews Design Freebies About Contact Advertise With Us Write For Us Contact
IE6ユーザに他のブラウザへの乗り換えを促す·ie6-upgrade-warning MOONGIFT
※ 画像の一部は公式サイトより FirefoxやSafari、Google Chromeといったブラウザで普段のブラウジングや開発を行っていると、IEのあまりに※※ぶりにうんざりしてくる。デザインのみならずシステム側でも（JavaScriptをはじめとして）足を引っ張ってくれる。特にIE6が問題だ。 IE6でアクセスすると出てくるウォーニングメッセージ IE7、IE8とリリースされているにも関わらずIE6のシェアは未だに結構ある。この状況を少しでも改善すべく、ie6-upgrade-warningを導入してみよう。 今回紹介するオープンソース・ソフトウェアはie6-upgrade-warning、IE6でのアクセス時にウォーニングを出すライブラリだ。 ie6-upgrade-warningの面白い（？）点はJavaScript側で特にIE6の判別を行っていない点だ。HTML側で「<!--[
IE6を殲滅せよ·sevenup MOONGIFT
※ 画像は公式サイトより Webシステムの開発に関わる方であれば、皆がIE6は嫌だと思っている。IE7も微妙かも知れないが、それでもIE6以前に比べれば十分に良い。Vistaがもっと普及していればIE7率はもっと高かっただろうに、今ではIE5.5、IE6、IE7そしてIE8と混在している状態だ。 IE6ユーザに警告する、ただちにIE7へバージョンアップしなさい！ IE6はもう嫌だ、もうサポートしないと決めたならsevenupを使ってみるのも良さそうだ。 今回紹介するオープンソース・ソフトウェアはsevenup、IE6ユーザにIE7への移行を進めるJavaScriptだ。 気づいてみると手元の環境にIE6はなかった。なので実物は分からないのだが、sevenupを読み込んで画面表示時にJavaScriptを実行するとIE6以前かどうかの判別を行い、もしそうであればフローティングウィンドウを出す
MOONGIFT: � クールな登場をするフローティングウィンドウ「Sexy LightBox 2」:オープンソースを毎日紹介
※ 画像は公式サイトデモより 一年くらい前から写真の拡大にJavaScriptが使われるようになってきた。クリックするとその場で拡大表示してくれる類のソフトウェアだ。そして最近ではさらに一歩進んで、ログインウィンドウや説明用のダイアログもJavaScriptで表示するものが出てきた。 角丸のデザインが格好いいフローティングウィンドウ ちょっとしたコンテンツや、FAQなどはポップアップで表示してあげると画面の切り替えもなく使えて便利だ。そしてこちらもその一つだ。 今回紹介するオープンソース・ソフトウェアはSexy LightBox 2、フローティングウィンドウライブラリだ。 Sexy LightBox 2はクリックすると上からウィンドウがスライドしてきて、コンテンツを表示してくれる。角丸になっていえ、デザインも格好良い。背景はグレーアウトの他に、自分で指定した色を使うこともできる。 別なサイ
30+ Animated Tab-Based Interface and Accordion Scripts - DzineBlog.com
Tabs are fundamental to web design, Nowadays Animated Tabs and accordions are used by most websites, here we have collected 30+ Tab-Based and Accordion scripts vary from CSS only tabs ,Ajax based, mootools and jQuery with cool Animation . which you can easily incorporate into your future designs Ajax Drop down Tab Menu… e24TabMenu is a plugin written for scriptaculous. It is a tab menu that expand
IE6でのページ表示をブロックする「IE 6 Blocker」:phpspot開発日誌
IE 6 Blocker Script - CSS-Tricks IE6でのページ表示をブロックする「IE 6 Blocker」。 IE6でアクセスすると次のようにグレー表示の上にダイアログが表示されるというもの。 IE6をサポートしていないサービスの場合、これを導入すれば簡単にブロックできますね。 <script type="text/javascript" src="jquery-1.2.6.min.js"></script> <script type="text/javascript" src="jquery.ie6blocker.js"></script> のように２行書くだけみたい。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
