background preloader

Breaking down Amazon’s mega dropdown

Breaking down Amazon’s mega dropdown
The hover effects on Amazon’s big ‘ole “Shop by Department” mega dropdown are super fast. Look’it how quick each submenu fills in as your mouse moves down the list: It’s instant. I got nerd sniped by this. Most dropdown menus have to include a bit of a delay when activating submenus. Here’s an old Khan Academy dropdown as an example: See the delay? I love bootstrap, don’t get it twisted. It’s easy to move the cursor from Amazon’s main dropdown to its submenus. If the cursor moves into the blue triangle the currently displayed submenu will stay open for just a bit longer. At every position of the cursor you can picture a triangle between the current mouse position and the upper and lower right corners of the dropdown menu. And if the cursor goes outside of the blue triangle, they instantly switch the submenu, giving it a really responsive feel. I think it feels snappy. If anyone else on the planet ends up finding a use for jQuery-menu-aim, I’d be grateful to know what you think.

http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown

Related:  Controlsexamplescode & programming

boxy - dialog Box Overview Boxy is a flexible, Facebook-style dialog box for jQuery with support for dragging and size tweening. It differs from other overlays I've seen by providing an object interface to control dialogs after they've been created. And for simple usage scenarios, boxy also provides a jQuery plugin for automatically hooking up links and forms, as well as an ask() helper for presenting multiple choices to the user. Inspired By Golf Balls, Nike's Bumpy Tracksuit May Help Sprinters Break Records The current record for the 100-meter dash is more than three years old. It was set back in 2009 by Jamaica’s Usain Bolt, who ran it in 9.58 seconds. The women’s record is even older--it was set by Florence Griffith-Joyner24years ago. Both records will be challenged by professional athletes in London two months from now, and Nike has unveiled the high-tech garment that will empower athletes from America, Germany, China, and Russia to do so. The TurboSpeed is a super-light track suit that Nike claims will improve 100-meter dash times by as much as .023 seconds.

We've Open-Sourced Everything - CodeCombat Blog CodeCombat is a programming game for learning to code; a multiplayer coding challenge arena for sharpening your skills; a Y-Combinator-funded startup; and as of this weekend, the largest open source CoffeeScript project and a fantastic way to get into open source and game development. Whether you’re a novice programmer wanting to figure out this GitHub thing or an open source guru looking for something to sink your teeth into, check out our GitHub and join over two hundred CodeCombat Archmages in building the best programming game ever. Yes, we just open-sourced the last year of our lives–all the code, art, and music for CodeCombat–under the MIT and Creative Commons licenses. “Wait. You’re a for-profit startup, but you’re giving away all of your code? Are you crazy?”

noty - Notification Plugin Hi! noty is a jQuery plugin that makes it easy to create alert - success - error - warning - information - confirmation messages as an alternative the standard alert dialog. Each notification is added to a queue. (Optional) The notifications can be positioned at the: top - topLeft - topCenter - topRight - center - centerLeft - centerRight - bottom - bottomLeft - bottomCenter - bottomRight

Breaking the ISE: Mashup for Innovation Success Mash-ups are an innovation power tool. Most breakthrough innovations are the result of combining concepts or ideas that at first glance would have no relationship with each other. Finding the relationship between concepts often breaks new ground. 10 More Puzzle Websites to Sharpen Your Programming Skills My recently published Six Revision guest post, 10 Puzzle Websites to Sharpen Your Programming Skills, got a great response, hitting the front page of Hacker News, Reddit, and doing fairly well on Digg too. Lots of comments were left pointing out some sites which weren't included in my list, so I'm following up here with a list of 10 more top programming puzzle websites: 1. Code Chef Code Chef has lots of practice puzzles, and monthly competitions with cash prizes.

hoverIntent jQuery Plug-in What is hoverIntent? hoverIntent is a plug-in that attempts to determine the user's intent... like a crystal ball, only with mouse movement! It is similar to jQuery's hover method. However, instead of calling the handlerIn function immediately, hoverIntent waits until the user's mouse slows down enough before making the call. Why? Why Innovation By Brainstorming Doesn't Work Eleven men and women file into a conference room and take their places around a large table. Coffee cups and pastries are assembled in front of them. George, the leader, steps up to a large whiteboard and scrawls across the top “SOAP STORM SESSION 9/18/12.” “Okay, let’s begin,” he tells the group. “Let’s just start free-associating. What do we think of when we think clean laundry?”

Top 10 Algorithms for Coding Interview PDF: Update History, Latest version (8/1/2016) The following are the common subjects in coding interviews. As understanding those concepts requires much more effort, this tutorial only serves as an introduction. The subjects that are covered include: 1) String/Array/Matrix, 2) Linked List, 3) Tree, 4) Heap, 5) Graph, 6) Sorting, 7) Dynamic Programming, 8) Bit Manipulation, 9) Combinations and Permutations, and 10) Math Problems. I highly recommend you to read "Simple Java" first, if you need a brief review of Java basics. If you want to see code examples that show how to use a popular API, you can use JavaSED.com.

Court à lire, technique. "I got nerd-sniped by this" by kehrlann Mar 6

Related: