background preloader

CSS3 Mega Dropdown Menu

CSS3 Mega Dropdown Menu

Giga Menu The Giga Menu module enables a standard Drupal menu to be displayed as a Mega Menu. Mega Menus are menus in which sub-items are displayed all at once, giving users access to the whole navigation menu tree, and thereby reducing the number of clicks required to navigate around a website. Giga Menu module depends on hoverIntent module. Similar Modules Mega Menu - at time of this writing Mega Menu module is a non-functioning alpha released in July 2010. Menu Minipanels - relies on Panels module, so if you're not using Panels use Giga Menu instead. Sponsorship Development funded by Sage Pay. Development Developed by Henrique Recidive for Code Positive.

JavaScriptMVC Case Study of The Open Magazine is a new current affairs/entertainment weekly magazine available on magazine stands in India. The magazine was launched in the first quarter of 2009. The publisher of Open Magazine, Open Media Pvt. Ltd. wanted a web presence for its magazine. It selected Srijan Technologies, a content management specialist company based out of New Delhi, India to construct the website. Srijan's responsibility was to build the website from scratch and host it. Srijan Technologies used Drupal 6. Currently the website shows all the content that appears in the print version of the magazine online for free. The purpose of this case study is to introduce all significant (mostly technical) aspects of the website from Srijan's perspective. Key features of the website In Detail We now look at some of the key features in greater detail. Apache Solr Search Our client was very focused on a good search experience from the very beginning. Faceted Search is really cool! Overlays E-Magazine Feature Theming

The Top 10 Javascript MVC Frameworks Reviewed - CodeBrief UPDATE 1/14/2012: Added Batman.js and Angular.js due to popular demand and because they looked impressive. Over the last several months I have been in a constant search for the perfect javascript MVC framework. Driven by a dire need for the right level of abstraction and features, I have tried out - some more cursorily than others - every framework I could get my hands on. Here lies a brief synopsis of each framework. Specifically, the following four features are very important to me: UI Bindings - I'm not just talking about templates, I'm talking about a declarative approach to automatically updating the view layer when the underlying model changes. The Contenders Here is a table showing all of the frameworks support for the above features. 1. Backbone.js is the web's darling framework. Pros: Strong community and lots of momentum. Cons: Lacks strong abstractions and leaves something to be desired. 2. SproutCore is what Apple used on its iCloud initiative. Pros: Bindings support. 3. 4.

Microjs: Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit! Scalable JavaScript Design Patterns Introduction Welcome to the resource page for my talk on Scalable JavaScript Design Patterns last presented at Web Directions (South). It's an extended version of the talk I gave at Fronteers and includes more information about a highly-decoupled architecture for building large applications I've been discussing recently. I'm a firm believer in lowering the barrier of entry to (sometimes) complex concepts in JavaScript; this is one reason why the theme of my slides is 'Star Wars' and some of the initial concepts behind the design patterns used are explained through Star Wars metaphors. Notes In this talk, which expands on my earlier article, I describe a JavaScript application architecture that: This is an architecture which has been implemented by a number of different companies in the past, including Yahoo! The talk covers an introduction to a few key areas of JavaScript development: Aura Code Samples Some of the methods supported by the Facade: todo-entry.js todo-counter.js Definitely.

Creating a bookmarklet with easyXDM | easyXDM Bookmarklets has been common for a long time and are quite easy to make. But one thing that you often see when examining the code behind bookmarklets are that most of the code is just to facilitate simple cross domain communication back to the whatever service the bookmarklet supports. Following is a sample bookmarklet with support for full RPC and XHR between the page its being applied to and the supporting backend. If you want to, save the above link as a bookmark, navigate to any page on the internet, and hit the bookmark Set up the provider as usual, one example is the xhr provider The bookmark code or as it would look like in a link The main code (bookmark.js) This code does not require any files to be uploaded to the ‘consumer’.