2008年のエントリ http://d.hatena.ne.jp/uupaa/20080413/1208067631 のリニューアル版です。 (ε・◇・)з o O ( 2018年頃にでも、もう一度調べて書きたいと思います。
お手軽に画像の読み込みをハンドリングする、今どきな方法 - latest log
2008年のエントリ http://d.hatena.ne.jp/uupaa/20080413/1208067631 のリニューアル版です。 (ε・◇・)з o O ( 2018年頃にでも、もう一度調べて書きたいと思います。
Kalei - コンパイルレス！JavaScriptで自動生成されるスタイルガイド MOONGIFT
うん、コンパイルレスは確かに手軽ですね。 プログラマーが複数人での開発に際してAPIドキュメントを必要とするのと同様にWebデザイナーであればスタイルガイドが必要になるでしょう。そうしないと意図した使われ方をしなかったり、変更が及ぼす影響範囲が分からなくなります。 CSSのスタイルガイドを生成するソフトウェアは幾つかありますが、通常はスタイルシートを指定してコマンドを実行し、その結果静的なHTMLを出力するものが多かったと思います。それだとWebデザイナーの方にとっては敷居が高くなってしまいます。 そこで使ってみたいのがKalei、クライアントサイドで生成するタイプのスタイルガイドです。インストールは特に不要で、Webサーバ上にKaleiを展開します。 $ git clone git://github.com/kaleistyleguide/kaleistyleguide.git Clon
rochas.cc
rochas.cc 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
【JavaScript】メモリの浪費を避けるコーディング | ヘッドウォータースのブログ TechNote
こんにちは。良昌です。 Facebook、GithubなどのJSON形式でユーザ情報を返却するAPIや、PhoneGap、Monacaなどのスマートフォンのマルチプラットフォームを提供するライブラリ、IDEが開発ツールとして定着してきたことにより、JavaScriptを利用する機会が増えたのではないでしょうか。 今回は、JavaScriptコンテナがWebブラウザの場合に、動的に確保されるメモリ領域の浪費を避ける方法について書きたいと思います。 JavaScriptにおけるメモリの浪費を避けるコーディング JavaScriptにおけるメモリの浪費を避けるコーディングをするためには、GC(ガベージコレクション)、クロージャについての知識が必要です。まずは、この2つの機能について説明していきます。 ■GC(ガベージコレクション) GCとはプログラムが動的に確保したメモリ領域の内、不要になった領
Internet ExplorerのどのバージョンからどのHTML/CSS/JSに対応しているかの一覧
Internet Explorer 7から対応したHTML/CSS/JS Internet Explorer 7はMicrosoft社から2006年10月18日（日本語版は11月2日）にリリースされたウェブブラウザ。 HTML 透過PNGフォーマット abbr要素 CSS 子供セレクタ（親要素 > 子要素 ） 隣接セレクタ（要素1 + 要素2） 間接セレクタ（要素1 ~ 要素2） 属性セレクタ（[属性名], [属性名="属性値"], [属性名~="属性値"], [属性名|="属性値"]） a要素以外をセレクタにした:hover擬似クラス, :active擬似クラス :first-child擬似クラス max-widthプロパティ, max-heightプロパティ min-widthプロパティ, min-heightプロパティ positionプロパティの fixed の値 border-c
フロントエンドチューニングの箇条殴り書き
普段気をつけてるよリスト "モバイルで、WebViewとブラウザのコンパチで、特にセオリー化されていないデザインモジュールのなか、装飾画像もふんだんに使うぞ系サービス開発" の文脈における、パフォーマンス確保のため気をつけてるよリスト。 よく、パフォーマンス「向上」とか「確保」とか申しますが、メンテナンスコストなどと天秤にかけて、「必要十分」のラインを狙うのが重要だと思う次第。 画像リソース 画像リソースを揃えるときのセオリ。圧縮率とか最適化とか細かいチューニングはあれど、大雑把に下記を守る。そしてImage Optim（or 相当の処理）。 JPEGはプログレッシブで画質60くらい（オレ目安） PNGは差し支えない範囲で色数をきちんと削る 50px未満のサムネイルは@2.0xなリソースにしない 案外、Androidあわせの@1.5xや@1.0xでも大丈夫なことすらある GIFアニメを入れ
[JavaScript] 正規表現に入門する - YoheiM .NET
こんにちは、@yoheiMuneです。 以前簡単な正規表現入門資料を作ったのですが、ブログにも書いておこうと思います。 正規表現って何？ ざっくり言うと、正規表現は「文字列を扱う為の技術」と言えると思います。 正規表現を使って、ある特定の文字列を検索したり、置換したり、抜き出したりすることが出来ます。 例えば、HTMLドキュメントの中に以下のようなイメージタグがあった場合に、 <img src="foooooooo.png"alt="画像だよ"/> img要素がHTML文章内があるかを検索することも出来るし、「foooooooo.png」を「huuuuuuuuu.png」に置換することも出来るし、「foooooooo.png」を取り出すことも出来ます。 もちろん正規表現を使わない方法でも同様のことを実現できますが、 正規表現を使うとより複雑なことがより簡単に行えるようになります（正規表現を
![[JavaScript] 正規表現に入門する - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/429f3d8a10d9dff3da9e3702799d47873b00d06d/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F292.jpg)
formatter.js - ユーザストレスの軽減に。JavaScriptで入力フォーマット制御 MOONGIFT
よくある入力フォーマットに沿っていない時のエラーによるイライラが軽減しそうです。 テキストボックスを使ってユーザに入力を行ってもらうのはシンプルですが、それが指定したフォーマットに沿っているかどうかを判断するのは大変です。その結果エラーになったりするとユーザにとっても大きなストレスになります。 そこで予め決まったフォーマットに沿ってしか入力できないようにしてしまうのが良さそうです。そのためのソフトウェアがformatter.jsです。 使い方はjQueryを使う、使わないの2パターンが用意されているようです。 // jQueryを使わない方法 new Formatter(document.getElementById('credit-input'), { 'pattern': '{{9999}}-{{9999}}-{{9999}}-{{9999}}' }); // jQueryを使う方法
FileAPI — a set of javascript tools for working with files.
The best library to upload files. Multiupload, drag'n'drop and chunked file upload. Images: crop, resize and auto orientation by EXIF.
Touche.js - seamless touch event mapping for your click events
Touche.js - seamless touch event mapping for your click eventsEffortlessly re-map click events to touch events on touchscreen UIs tl;dr Removes the 300ms delay (after the user lifts their finger), applied by all touchscreens devices and immediately invokes your click handlers. Takes your click events applied with jQuery and silently re-maps them to the "touchend" event for devices that support tou
Carl Danley | JavaScript Design Patterns
“One of the most important aspects of writing maintainable code is being able to notice the recurring themes in that code and optimize them. This is an area where knowledge of design patterns can prove invaluable.” – Addy Osmani In modern day JavaScript, it’s easy to pursue the development of large scale JavaScript applications. We are constantly writing more and more complex web apps that thrive
Backbone-Eye – Add-ons for Firefox
A Firebug extension to understand and debug Backbone application behavior without debugging JavaScript. Understand Backbone application behavior without wading through JavaScript code. Work with application level constructs, pursue what-if exploration and more... Detailed documentation @ http://dhruvaray.github.io/spa-eye/ Repo @ https://github.com/dhruvaray/spa-eye
脱初心者のためにこれだけは知っておきたいJavaScriptネタ
このブラウザ バージョンのサポートは終了しました。サポートされているブラウザにアップグレードしてください。
Bellaphi
Was ist Messgehilfe-LED mehr noch wieso könnte diese besser sein denn OLED? Mini-Lumineszenzdiode ist das neueste Spielzeug vonseiten Technologie- mehr noch Fernsehherstellern. Die einigermaßen neue Bildtechnologie ist un… hinlänglich neu, statt eine Weiterentwicklung dieser bekannten LED-Technologie. Es ist daher in… so unterschwellig ebenso OLED-Bildschirme, dazu gibt es nur geringere Kosten. In
日付を便利に操作するためのJavaScriptライブラリ色々 - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） JavaScriptには日付を扱う為の “Date” オブジェクトがありますが、正直なところこれはあまり親切ではありません。 そこで、JavaScriptの日付周りで楽をするためのライブラリのメモをここに。 XDate XDate – A Modern JavaScript Date Library Dateをもっと便利にした XDateオブジェクト を実装するライブラリです。 使い方はDateとほとんど変わらず、XDateに引数を渡して初期化して使います。 XDateオブジェクトは、DateにあるsetTimeやgetFullYearなどのメソッドを継承している他、 日付の足し算を行ったり、差分を計算したり等便利なメソッドが沢山生えています。 var d = new XDate(1977, 10, 25); // 1977/1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
APCOM - Home
document.body.scrollTopが常に0を返す謎を調べてみた - Qiita
TEST CORDING » Sassの@functionの使い方まとめ – プログラマブルな処理は@function
GitHub - wagerfield/parallax: Parallax Engine that reacts to the orientation of a smart device
GitHub - VerbalExpressions/JSVerbalExpressions: JavaScript Regular expressions made easy
