DirtyMarkup Formatter - HTML, CSS, & JavaScript BeautifierDirtyMarkup: HTML Beautifier DirtyMarkup is the web's premier HTML beautifier. Used by millions of users around the world, our site and API has formatted HTML, CSS, and Javascript across nearly a billion lines of code.
Style Guide
Contents General notes Concise articles with snappy intros Keep your readers in mind On metaphor Clarity first Images Author bios and photos House style Articles titles, headlines, and subheads Inline element casing Using code Code blocks Inline function and method references Inline CSS CSS blocks Lists Linking Alt-attribute text Title-attribute text Punctuation details Capitalization details Gene
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
ブラウザだけでJavaScriptを書いてみよう
先日の誕生日前にSummally（サマリー）ページをさり気なく告知したのに、Wantsリストのモノを何ひとつ貰えませんでした。 バルセロナチェアあたり誰かくれると思ったのになぁ・・・ というわけで、まだまだ誕生日プレゼント絶賛受付中のアクアです。 今回はブラウザの「コンソール」についてのお話です。 開いてみよう Google Chromeを例にさっそく見てみましょう。 ショートカットキーはWinなら「Ctrl + Shift + J」、Macは「Command + Option + J」で表示されます。 いじってみよう 試しに「a」と入力してみましょう。すると・・・ そうなんです。コード補完されるんです。Googleさん優しいでしょ。 Hello World! 定番のあれを入力しまして、 エンターキーで実行！ はい、出ました。 ということで、ブラウザ以外使わずHTMLファイルも作成せずにJ
WP-Mix | A fresh mix of code snippets and tutorials
Block Multiple IP Addresses from Text File with PHP Here is a fun little tutorial. It shows how to block multiple IP addresses that are listed in a plain text file. It’s a nice little system to block bad IP addresses without using any database. For example, this is useful if you’ve got a bunch of IP addresses that you want to block quickly. […] CSS Selectors and Default Styles for the WordPress Ad
ついに登場したJavaScriptによるプログラミング入門書『ノンプログラマのためのJavaScript はじめの一歩』。 - 日々、とんは語る。
ノンプログラマのためのJavaScriptはじめの一歩 (WEB+DB PRESS plus) 作者: 外村和仁出版社/メーカー: 技術評論社発売日: 2012/11/07メディア: 単行本（ソフトカバー）購入: 3人 クリック: 80回この商品を含むブログ (6件) を見る「これからのプログラミング入門言語はJavaScript」と言われて約5年、ついにJavaScriptによるプログラミング入門書が登場しました。 これからプログラミングを始める人に対する、最初に学ぶ言語は？という疑問には、昔から諸説あり、また時代によっても趨勢は変化があります。 僕の印象としては、その昔、C だったものが、Java となり、Perl、Python、Ruby などと変化し、コンパイルが必要な言語から、コンパイル不要のスクリプト言語になっていったという流れが見えます。 しかし、5年ほど前から、これからプログ
TENTO - BLOG : TENTOの本『12歳からはじめるHTML5とCSS3』発売！
2012年12月20日21:03 by S.Kusano TENTOの本『12歳からはじめるHTML5とCSS3』発売！ カテゴリTENTO オピニオン TENTOの本が発売されます。 タイトルは『12歳からはじめるHTML5とCSS3』。 惹句は「世界でいちばんわかりやすいウェブ・プログラミング！」です。 コピーとかキャッチとかは針小棒大が基本ですし、編集者としてのぼくはそれがとっても得意なほうですが、この本に関しては、本気でそう思っています。 これは制作しながら気づいたのですが、じっさいに子どもに教えて、わかりづらいところもひっかかりやすいところもイヤになっちゃうところもわかった上でつくられるプログラミング解説書なんて、日本はもちろん世界にもそうそうないはず。 本書であつかっているのはHTML/CSSの基本からJavaScriptの初歩まで。 12歳以下の子はもちろん、「プログラミン
Two Things about Conditionals in JavaScript
10 Dec 2012 edit Just a quick post, inspired by Laura Kalbag's post, which included this gem: We shouldn’t be fearful of writing about what we know. Even if you write from the most basic point of view, about something which has been ‘around for ages’, you’ll likely be saying something new to someone. One: There is no else ifWhen you write something like this ... function saySomething( msg ) { if (
CSSとJavaScriptどちらでも実装できるけど、どのように使い分けるのがよいかの解説
CSSでもJavaScriptでもできるけどどちらを使おうか、CSSとJavaScriptどのように使い分ければいいのだろうか、二つのうまい関係を構築するテクニックを紹介します。 Building A Relationship Between CSS & JavaScript 下記は 各ポイントを意訳したものです。 はじめに スタイルの定義はCSSで：JavaScriptからCSSを遠ざける ユーザエクスペリエンスを犠牲にしないで使い分ける CSSとJavaScriptの使い分けの大切なポイント はじめに JavaScriptには数多くのライブラリ、jQuery, Prototype, Node.js, Backbone.js, Mustacheなどあり、非常に人気が高いです。これらは実際に非常に多く利用されており、時間をかければもっとよい方法があるかもしれないところでもそれらを使ってしま
jQueryでコーディングをする際気をつけたいポイント | 1000ch.net
2012/12/02 少しだけわかる人向け Webの開発において欠かすことのできないJavaScript。 html/cssしか触った事のない人でも理解のしやすいモデルを提供するjQuery。 非常に便利なjQueryですが、DOM操作のコスト自体が低くなる訳ではありませんので、 実装方法によってはブラウザに大きな負荷をかける場合があります。 特にモバイルブラウザにとってはシビアな所だと思います。 モバイル端末の性能も飛躍的に向上してきてるとはいえ、 最適化された実装を目指さない理由はないでしょう。 この辺りを気をつけると良いっていうポイントを挙げてみます。 jQueryと銘打ってますがそれに限らず、Zeptoでも生jsでも同じです。 ループ文の書き方 よく書かれがちなループ文。 var array = ["data1", "data2", "data3", "data4", "data5
30 JavaScript Best Practices for Beginners | Envato Tuts+
1. Use === Instead of == JavaScript uses two different kinds of equality operators: === and !== are the strict equality operators, while == and != are the non-strict operators. It is considered best practice to always use strict equality when comparing. "If two operands are of the same type and value, then === produces true and !== produces false." - JavaScript: The Good Parts However, when worki
jQueryコーディングの基本的なことからプラグイン化までの注意書き（Webデザイン）
jQuery でのプログラミングの、基本的なことからプラグインを作るところまで、初心者の頃につまずいた部分を中心にまとめてみました。公式ドキュメントなどで使われている、少し難しい印象の専門用語も織り交ぜながら書きました。jQuery で Webデザインのパーツを作るときの注意書きという感じです。 Webサイトを作るとき、私的にはとってもよく使っている jQuery。jQuery を勉強しだしたころは、自分の書いたコードが動いたりするのが、とっても楽しくて嬉しかった覚えがあります。私はあまり JavaScript でのコーディングが得意ではないので、今でもよく jQuery を使ってコーディングしてます …。 以前：CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました という記事を書いたのですが、今回はその復習 & jQuery
少しのコードで実装可能な20のjQuery小技集
少しのコードで実装可能な20のjQuery小技集素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ 追記：この記事で紹介されているいくつかの方法が、今では CSS のみで実装可能です！詳しくは「かつては JavaScript を利用していたものの、今では CSS のみで実装できる 10 の小技」をご覧ください。 jQuery の基本的な使い方まずはjQuery 本家から jQuery ファイルをダウンロードします。<head> 内に下記を記述し、jQuery ファイルを読み込みます。 <script type="text/javascript" src
JavaScript入門講座
今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればと アジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識 ライブコーディング part1 jQueryの基礎知識 ライブコーディング part2
Building A Relationship Between CSS & JavaScript — Smashing Magazine
Even though we keep JavaScript, CSS and HTML in different files, the concepts behind progressive enhancement are getting all knotted up with every jQuery plugin we use and with every weird technique that crops up. In this post, Tim Wright offers a little perspective as to where we are and how we can realign our goals. jQuery, Prototype, Node.js, Backbone.js, Mustache and thousands of JavaScript mi
Post by @geckotang
もう知らないでは許されない!! 「ずっとjsdo.it使ってる」という人のためのjsdo.it情報まとめ --- * [追記] * **Gistに上げたコードをロードすることも出来るけど、日本語化ける。**は修正されました！ * **エディタ画面**に追記 --- [jsdo.itで覚えておきたい10のこと | げことじ。](http://gecko.hp2.jp/2011/06/06/i-love-jsdoit/) をだいぶ前に書いたのですが、2012/11/01時点での僕が気づいた事を書いておきます。 個人的にはSass, Lessが書けるのはいいなーとおもいます。 # **目次** * ツールバー * ユーザープロフィール画面 * コードの詳細画面 * エディタ画面 * アカウント設定画面 ## **ツールバー(?)** * 右上で日本語と英語の言語切替ができるようになった ## *
JavaScriptでうっかりやってしまいそうなこと色々
こんにちは、中川です。 今回はJavaScriptで開発していると、うっかりハマってしまうちょっとした罠たちを紹介したいと思います。 JavaScriptでの開発経験者であれば、どれか一度はひっかかったことがあるのではないでしょうか？ String ●String#replace()は文字列指定では全部置き換えない 対象文字列を一括して置き換えたいなどでString#replace()を使いますが、 検索対象を文字列で指定してしまうと最初に一致した部分しか置換しません。
JavaScriptのテストツール「testem」が素晴らしいぞ - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） JavaScriptユニットテスト一年生の私が、Nettuts+ のチュートリアルで知ったテストツール 「testem」のお陰で大変捗ったので是非お勧めしたく、ここで紹介してみます。 testem ってなに testem via GitHub : airportyh/testem Unit testing in Javascript can be tedious and painful, but Testem makes it so easy that you will actually want to write tests. 要するに、面倒なJSのユニットテストをより快適にしてみんなでハッピーにテスト書こうよ！というツールです。 testem自体はnode.jsベースで動作し、Jasmine/QUnit/Mochaに対応して
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS 20 stunning examples of CSS 3D transforms
HTML/CSS/JavaScript マークアップルール