オンラインでHTML,CSS,JavaScriptのソースを読みやすく整形してくれるWEBツール
オンラインでHTML,CSS,JavaScriptのソースを読みやすく整形してくれるWEBツール 2013.03.05 他人から受け取ったサイトデータが、 HTMLの記述でインデントされていなくて読みづらい･･･ CSSファイルのプロパティ順もバラバラで気になる･･･ JavaScriptは圧縮されていて読みづらい･･･ そんなご経験ございませんでしょうか。 オンライン上でHTML,CSS,JavaScriptのソースをコピペするだけで、サクっと読みやすく整形してくれるWEBツールをご紹介します。 1.JavaScript 圧縮されているJavaScriptを整形する[ Online JavaScript beautifier ]。 サイト内の入力フィールドに整形させたいソースをコピー＆ペーストし、“Beautify JavaScript or HTML”ボタンを押すだけです。 [ LEF
スマートフォン対応でよく使うhtml、css、javascriptのまとめ
スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定<!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番号のリンクを無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画面用アイコン --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画面用アイコンの光沢を無効化する --> <link rel="apple-touch-icon
[JS]単に縮小して表示するだけではない、レスポンシブ対応の画像ギャラリーのスクリプト -Gamma Gallery
単にウインドウのサイズに依存して縮小するのではなく、コンテナのサイズに応じてグリッドを最適化し、そのサイズに最適な画像を表示する画像ギャラリーを実装するスクリプトを紹介します。 Gamma Gallery: A Responsive Image Gallery Experiment デモページ Gamma Galleryのデモ Gamma Galleryの使い方 Gamma Galleryのデモ まずは、デスクトップで表示したデモからご紹介。 画像の配置にはMasonryを使用しており、高さが異なる画像を一定の隙間で配置します。また、無限スクロールにも対応しており、下部にスクロールするとローディングバーが表示されます。 デモページ：スマフォで表示 Gamma Galleryの使い方 Step 1: 外部ファイル Gamma Galleryのスクリプト自体はjQueryのプラグインではありま
MdN Design｜総合情報サイト
Webアプリ・リッチコンテンツ 3-01 Flashの現状とこれからの展望（前編） HTML5の台頭によりFlashへの風当たりの強さが目立っているが、本当にFlashはWebにとって必要のなくなった技術なのだろうか？ FlashとHTML、それぞれのメリット・デメリットを改めて見つめなおしてみよう。 制作・文／ハヤシユタカ（有限会社ムーニーワークス）、岩澤学（リトルフロア） Flashはなぜ避けられ はじめてきたのか 最近はFlashが敬遠され、Flashで作られたサイトが圧倒数で減ったのは疑いようのない事実だろう。 それは、優れたWebサイトを集めたブックマークサイトを見ると顕著に実感できる【01】【02】。 1 ～2年ほど前までは、それらに掲載されるサイトの9 割以上がFlashサイトだったが、現在は真逆といっていい状況だ。 また、Flashの魅力を大きく伝えた多田屋のサイトなど、一
jQueryとは [Javascript] All About
Javascriptをはじめ、Ajax、jQueryの著書多数のガイドが、何かと最近騒がれているJavaScriptの最新情報とその活用方法を解説します。 最近はJavaScriptを使う場合は、ライブラリを使用するケースが増えています。ライブラリを使用することで、ブラウザ間の違いや、煩雑なクロスブラウザ操作に触れることなく、多くの機能を簡単に実現することが可能になります。 jQueryは、その中でも、突出した人気を誇るライブラリです。今回はそのjQuery基本的な部分から書いてみます。 jQueryとは jQueryは、FierfoxのJavaScriptエバンジェリストを務めていたJohn Resig が2006年1月に発表した軽量なjavaScriptライブラリです。jQueryは、そのキャッチフレーズ「write less, do more」の通り「少ないコードで、より多くのことを
![jQueryとは [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
deconcepter.jp
HTML5.JP - 次世代HTML標準 HTML5情報サイト
