jQueryでappleぽい画像ギャラリーを作る via：A Beautiful Apple-style Slideshow Gallery With CSS & jQuery デザインの美しさと洗練された機能により人気のapple商品。 そんなappleぽいスライド型画像ギャラリーをjQueryで作成します。 via：A Beautiful Apple-style Slideshow Gallery With CSS & jQuery -- Tutorialzine sponsors 使用方法 とりあえずjQueryからjquery.jsをダウンロードしときましょう。 また、ギャラリー部分は下記のようなマークアップをします。 メイン画像と対応するサムネイルを置く形です。 <div id="main"> <div id="gallery"> <div id="slides"> <div c
タグ
- すべて
- .NET (22)
- css (4)
- .net (9)
- 10minitus (4)
- 2.0 (11)
- 2ch (6)
- 2nd decade (75)
- 37signals (5)
- @it (5)
- AIX (10)
- API (14)
- Advertising (28)
- Ajax (113)
- Anti web2.0 (4)
- C (16)
- C++ (7)
- Cocoa (3)
- DS (3)
- DeNA (3)
- Design (213)
- Docker (3)
- Economy (35)
- English (31)
- Flex (3)
- GPS (12)
- GTD (11)
- Google (282)
- Google API (3)
- Google Hacks (15)
- Gradle (3)
- Graphics (15)
- HACKS (16)
- HBase (3)
- HTTP (6)
- IBM (3)
- IT-Tecnology (23)
- Instagram (4)
- IntelliJ (3)
- IntelliJ IDEA (3)
- IoT (3)
- JSON (19)
- Japan (12)
- Java (105)
- LAMP (14)
- LIFE HACKS (112)
- Liblary (9)
- Link (4)
- LinuxKernel (3)
- Mail (25)
- Mashup (15)
- Microformats (5)
- Movable Type (3)
- NDO method (3)
- Network (67)
- Occult (8)
- Plagger (20)
- Presentation (35)
- REST (12)
- Rails (76)
- Regular expression (7)
- Ruby (184)
- SOA (5)
- SPAM (7)
- SQL (5)
- Safari (14)
- Semantic Web (16)
- Site (3)
- SixApart (8)
- Sledge (3)
- SocioSemanticWeb (10)
- SpamAssassin (10)
- Spring Framework (13)
- Subversion (26)
- TensorFlow (3)
- TextMate (3)
- UI (38)
- Usability (6)
- Web Service (110)
- Web Site (77)
- XML (32)
- YAML (4)
- YouTube (49)
- abtest (7)
- activerecord (3)
- ad (7)
- adium (3)
- adobe (7)
- adsense (6)
- advertisement (16)
- affiliate (5)
- affordance (3)
- agile (6)
- air (3)
- alchimie (5)
- algorithm (21)
- amazon (62)
- amusument (35)
- analysis (14)
- analytics (12)
- android (105)
- angularjs (26)
- animation (5)
- apache (61)
- apollo (9)
- app (6)
- apple (36)
- ar (31)
- architecture (8)
- art (36)
- as400 (3)
- asp (4)
- assembler (3)
- atom (7)
- au (3)
- audio (4)
- authentication (7)
- baby (21)
- backup (6)
- bands (3)
- benchmark (3)
- beryl (4)
- binary (4)
- biology (5)
- blog (171)
- blogger alliance (3)
- book (179)
- bookmark (10)
- bookmarklet (4)
- bootstrap (7)
- bot (8)
- brainstorming (3)
- browser (19)
- business (148)
- cache (6)
- calendar (3)
- camera (4)
- cassandra (3)
- cat (3)
- catalyst (11)
- cgm (14)
- charset (6)
- chat (3)
- cheap revelation (4)
- chrome (6)
- cinema (5)
- cloud (6)
- cluster (14)
- cms (3)
- color (4)
- colum (16)
- column (20)
- command (6)
- communication (48)
- community (4)
- company (12)
- computer (3)
- conference (15)
- cooking (142)
- cookpad (4)
- copyright (8)
- coro (3)
- cpan (14)
- cpu (5)
- creative commons (4)
- cron (4)
- css (159)
- css3 (5)
- culture (19)
- darts (4)
- database (25)
- datespot (9)
- db (12)
- db2 (9)
- dbi (7)
- debug (7)
- decome (7)
- deep learning (4)
- designpattern (6)
- development (63)
- dictionary (3)
- docomo (8)
- document (7)
- domain (3)
- driving (3)
- dropbox (3)
- dvd (3)
- dwh (10)
- eclipse (3)
- editor (7)
- education (12)
- elasticsearch (3)
- emacs (48)
- encode (18)
- estimate (11)
- etl (5)
- event (24)
- excel (11)
- ext (4)
- extension (6)
- facebook (16)
- fedora (6)
- fedora core6 (5)
- feed (12)
- filesystem (4)
- finance (4)
- firefox (104)
- flash (31)
- fluentd (4)
- folksonomy (13)
- font (22)
- food (10)
- format (4)
- framework (15)
- freesoft (7)
- functional language (4)
- game (27)
- generator (12)
- git (16)
- gmail (10)
- google analytics (5)
- gourmet (17)
- graph (7)
- graphic (7)
- greasemonkey (18)
- hack (7)
- hadoop (4)
- hardware (31)
- health (5)
- helth (6)
- history (20)
- html (23)
- html5 (16)
- iOS (10)
- iTunes (18)
- icon (14)
- ide (4)
- ie (12)
- ie6 (4)
- illustrator (6)
- image (7)
- inbox (184)
- intel (5)
- interface (4)
- internet (8)
- interview (9)
- ipad (5)
- iphone (95)
- ipod (20)
- ipodtouch (25)
- ipsec (4)
- iptables (4)
- irc (6)
- ised (9)
- isucon (22)
- isucon3 (4)
- isucon4 (4)
- jQuery (37)
- jakalta (6)
- jasmine (4)
- javascript (405)
- jsonp (5)
- kafka (13)
- kentaro (4)
- kernel (12)
- keysequence (9)
- kids (33)
- law (4)
- library (49)
- license (11)
- life (45)
- lifehacks (85)
- line (32)
- links (5)
- linux (143)
- lisp (9)
- livedoor (100)
- livedoorReader (6)
- loadbarance (6)
- longtail (11)
- mac (244)
- machine learning (6)
- macosx (13)
- management (15)
- map (7)
- marketing (21)
- math (14)
- mathematics (7)
- media (26)
- memcached (19)
- microsoft (46)
- miku (7)
- military (4)
- mind (4)
- mindmap (9)
- misc (424)
- mixi (40)
- mobie (6)
- mobile (201)
- module (6)
- money (7)
- moose (6)
- movabletype (13)
- movie (8)
- mp3 (4)
- music (62)
- mysql (77)
- myth (13)
- nature (7)
- news (96)
- nginx (6)
- niconico (22)
- nlp (10)
- ocr (10)
- office (7)
- oop (5)
- open source (17)
- opencv (8)
- openid (16)
- openpne (4)
- opensocial (6)
- opensource (7)
- openvpn (7)
- oracle (7)
- os (10)
- osx (5)
- other (4)
- p2p (7)
- paformance (4)
- patent (6)
- pc (4)
- pcma (7)
- pdf (9)
- perfomance (5)
- performance (29)
- perl (367)
- pet (36)
- philosophy (6)
- photo (28)
- photoshop (18)
- php (10)
- planning (4)
- plugin (33)
- podcast (19)
- podcasting (6)
- politics (12)
- postfix (6)
- pound (4)
- prel (4)
- product (58)
- programing (16)
- programming (160)
- project (4)
- project management (6)
- prototype.js (36)
- psgi (4)
- python (9)
- qpsmtpd (9)
- quantum theory (9)
- react (5)
- reactive programming (4)
- rss (30)
- rsync (5)
- rx (4)
- scalability (5)
- science (52)
- scraping (6)
- screen (9)
- script.aculo.us (11)
- search (32)
- security (111)
- seo (21)
- server (113)
- service (5)
- shell (20)
- shibuya.js (12)
- six apart (4)
- skype (8)
- smartphone (9)
- sns (38)
- social (5)
- society (18)
- software (105)
- solr (4)
- spring (4)
- spring boot (9)
- sqlserver (4)
- ssd (4)
- ssh (12)
- ssl (6)
- statistics (4)
- storage (13)
- study (20)
- sweets (5)
- tea (7)
- techhony (6)
- technology (40)
- template (4)
- test (13)
- testing (4)
- textencoding (14)
- tips (27)
- tool (23)
- tools (16)
- trac (4)
- trip (13)
- tuning (6)
- tutorial (10)
- twitter (60)
- unicode (9)
- unix (15)
- vb (6)
- vi (6)
- video (7)
- vim (9)
- vimperator (6)
- visualstudio (4)
- vocaloid (5)
- vpn (11)
- w3c (5)
- web (87)
- web 2.0 (5)
- web2.0 (71)
- webapi (6)
- webdesign (24)
- webos (4)
- webservice (74)
- website (15)
- wii (4)
- wiki (17)
- wikipedia (9)
- windows (33)
- windows vista (5)
- wisdom of crowds (16)
- wise saying (11)
- word (5)
- work (115)
- writing (15)
- xen (5)
- xgl (6)
- xhtml (8)
- xmas (4)
- xpath (6)
- xss (7)
- xyzzy (7)
- yahoo (22)
- yapc (39)
- yapcasia (10)
- yapcasia2013 (7)
- zsh (6)
- はてな (167)
- 維新 (5)
- misc (424)
- javascript (405)
- perl (367)
- Google (282)
- mac (244)
- Design (213)
- mobile (201)
- Ruby (184)
- inbox (184)
- book (179)
2010年2月15日のブックマーク (2件)
-
penalty 2010/02/15
- jQuery
リンク -
コンバージョン直前のユーザがつまずきやすいポイント (ユーザビリティ実践メモ)
コンバージョン率向上を考えた場合、エントリーフォーム最適化（EFO）など、フォーム内の改善に意識が向きがちですが、実はフォームに入る前の段階にも改善すべき点が残されている場合があります。 今回はフォームに入る前のページでよくみられる、ユーザのつまずきやすいポイントをご説明します。 ウェブサイトを訪問しているユーザにとって、個人情報の入力などの手続き行為は主目的ではありません。商品を購入したり、申し込み後にサービスを利用することが本当の目的です。その目的に早く到達するため、手続き行為にはできるだけ手間をかけず、手早く終わらせようとする傾向が見られます。 ここで、注意が必要なのが手続きの途中に会員登録のステップがあるケースです。 ECサイトでは「購入」の手続きの途中で「既存/新規ユーザ」の振り分けが行われる場合がありますが、ユーザは手続きのステップとして「会員登録」が必要あることを必ずしも事前
-
- 2010年2月16日
- 2010年2月15日
- 2010年2月14日
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx