yuguri.comClick here to enter
mizzz.jp
mizzz.jp 2018 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
briccolog » 画像置き換えのtext-indent:-9999pxに変わる新手法
外苑前のWEB制作会社ブリコルールのスタッフによる、役に立つ情報から役に立たない情報まで。いろんなところにアンテナ張ってるつもりです。 PC向けWEBページのコーディングをする際、見出し領域などで画像の置き換えを行うためによく使われているのが「text-indent:-9999px;」を設定する手法です。 h2#campaignTitle{ text-indent:-9999px; width:400px; height:50px; background:url(campaigntitle.jpg) no-repeat; } ところがこの手法には一つ大きな問題があります。見た目はどうであれ、この部分の描画を行う際、ブラウザ内部の処理としては-9999ピクセルという非常に大きなブロック領域を生成しているため、パフォーマンスが低下してしまうのです。 この問題を解消するための新たな方法が、以
紙に書くみたいに計算できる計算アプリSoulverがすごくいい
計算アプリへの既成概念から自由になろう 計算アプリって、別に電卓みたいな形をしてなくてもよくないですか？ 碁盤の目のようにボタンが並んだ計算機を使い続けることは、言ってみれば近代的なフルスクリーンエディタがいくらでもあるにもかかわらず、慣れているからといって前時代的なedやedlinのようなラインエディタを使っているようなものです。 普通の電卓アプリの代わりにSoulverを使っている僕の目からは、そのように見えてしまいます。 ツカミであるにもかかわらず、僕は今、とても分かりづらいたとえをしてしまいました。 僕のメインの計算アプリ 僕がHome画面の1画面目に置いている計算アプリは、Soulverです。 Soulver – notepad calculator カテゴリ: Productivity 販売元: Acqualia Software（サイズ: 9.9 MB） 全てのバージョンの評
チェックボックスやinput要素などのフォーム周りのユーザビリティを少しだけ向上できる地味に便利なjQueryコードいくつか - かちびと.net
フォームで利用するjQueryのスニペット コードをいくつか。どれも既出だと思う のでおさらいという事で。とはいえ、所詮 はスニペットですので実際に導入する際 は動作をしっかりと検証する事を強く 推奨します。 フォーム周りのjQueryスニペットです。自分用のメモも兼ねて。 フォーム関係は色々面倒なので参考にならない事もあるかと思います。「ふーん」程度にご覧頂くと丁度いいと思います。 Placeholder属性を、非対応ブラウザでは表示/非表示に 便利なHTML5のPlaceholder属性をオールドブラウザでは表示/非表示として対応します。 if(!$.support.placeholder) { var active = document.activeElement; $(':text').focus(function () { if ($(this).attr('placeholde
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
