You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
maphilight applies to images with a 'usemap' attribute, and outlines the areas defined in their map on mouseover. It provides a single jQuery function: $('.foo').maphilight() This would hilight every image with a map on the page: $('img[usemap]').maphilight() Demos The simple demo (with awful art, and examples of data attributes) A map of the world A map of the USA A few feature-demonstrations Plu
久しぶりにLabブログの更新です。 気付いたら、ずいぶん更新ができてなかったのでこれを機会にBlogのデザインも一新し、また新たな気持ちで続けられればと思っています。 今回はiOS6の新機能として追加されたPassbookについて実際にサーバを作ってみて、どのような作り込みが必要かを3回くらいに分けて説明します。 Passbookはすでに使われているかたもいらっしゃると思いますが、iOS6から導入されたサービスで会員証やクーポン、飛行機の搭乗券などを比較的簡単な仕組みで実現できるサービスです。 TechfirmでもANA様のPassbookを使ったサービスをお手伝いさせて頂きました。(http://www.techfirm.co.jp/case/ana_passbook.html) Passbookでできること自体はFeliCa搭載ケータイが主流になってる日本では既に実現できていることが多
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
Turn.js is a JavaScript library that will make your content look like a real book or magazine using all the advantages of HTML5. The web is getting beautiful with new user interfaces based in HTML5; turn.js is the best fit for a magazine, book or catalog based in HTML5. <div id="flipbook"> <div class="hard"> Turn.js </div> <div class="hard"></div> <div> Page 1 </div> <div> Page 2 </div> <div> Page
Mon, Jan 1, 0001 Lazy Load delays loading of images in long web pages. Images outside of viewport will not be loaded before user scrolls to them. This is opposite of image preloading. This is a modern vanilla JavaScript version of the original Lazy Load plugin. It uses Intersection Observer API to observe when the image enters the browsers viewport. Original code was inspired by YUI ImageLoader ut
Bitstorm.org > JavaScript > jQuery plugins > Shadow animation Easily animate box shadows With this jQuery plugin, you can extend the animate function to support the CSS box shadow property. You can animate the color, the x and y offset, the blur-radius and spread radius. Mark Carver contributed code to support rgba colors (the alpha channel) and Jason Redding contributed code to support multiple s
jquery.dumbCrossFade is intended to be a light-weight slide transition that enables external manipulation. Tested to work with jQuery 1.4 and used in over 200 ecommerce websites as a base tool. option parameters: slideType : can be one of the following: 'slidehorizontal', 'slidevertical', 'fade', default 'slidehorizontal' index : integer, is zero-based, is what item to start from, default 0 showTi
Get affordable and hassle-free WordPress hosting plans with Cloudways, now offering 40% off for 4 months, and 40 free migrations. Have you ever seen a tabbed content area in a sidebar that was a little “jerky”? The jerkiness can be caused by a bunch of things, like the content in the tabbed areas are of different heights, or maybe the way the switch happens the current one is hidden for a brief se
JavaScriptでは関数もオブジェクトです。またJavaScript独自の特徴として、オブジェクトがそのままハッシュになります。なので、これを利用すると条件分岐が簡単に書けるようになります。 これはHTML5のAPIやセレクトボックスで操作を切り替える場合のように、文字列で条件分岐したい。けど、Switch文のネストが複雑になりすぎる、あるいは不定数の選択肢に対して処理したいといった場合に便利です。 var switching=function(key){ var switchbox={}; switchbox.a=function(){ alert("a"); }; switchbox.b=function(){ alert("b"); }; var func=switchbox[key]; func(); } switching("a");//a switching("b");//
※1.17以前のバージョンに脆弱性が確認されました。ご利用の方は必ずダウンロードページより 1.18以降にアップグレードして頂きますようお願い致します。 Research Artisan Lite は、「PHP」で記述された高機能でわかりやすいオープンソースのアクセス解析ツールです。無料でダウンロードして自由に使うことができます。 導入はとても簡単。ダウンロードからインストールまで約10分で済みます。プログラミング知識は必要ありません。インストール後は発行される解析用タグをサイトに貼り付ければ、リアルタイムにアクセス解析が可能です。 サイト運営には欠かせないアクセス解析。しかし、以下のような思いや悩みをお持ちではありませんか? Google Analytics等のアクセス解析サービスを利用しているが、いまいちわかりにくい。 アクセス解析サービスを利用しているが、サーバー負荷やアクセスログの
The moments after your phone gets wet are crucial. Follow these steps to improve your chances of saving your device. … Read more
パララックス効果って、あまり聞き慣れない言葉ですが…。 初期の横スクロール型のテレビゲームなどでよく使われていた視差効果を使って奥行きを出す技法だそうです。 いくつかのレイヤーを、それぞれ違った速度でスクロール(奥にあるレイヤーはゆっくり、手前にあるレイヤーは早くスクロール)させる事で、視差効果を与えて奥行きがあるように見えるのだそうです。 今回は、このパララックス効果を上手にウェブデザインに応用サイトをいくつかまとめてみました。 How to recreate Silverback’s parallax effect まずは、パララックス効果をウェブデザインに応用する方法から。ブラウザの横幅を変えてみると、4つのレイヤーに配置されているPNG画像がそれぞれスクロールの速度が違って奥行きがあるように見えます。サンプルコードも公開されているので、挑戦してみてはいかがでしょうか。CSSのbac
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く