background preloader

CSS3 Mega Dropdown Menu

CSS3 Mega Dropdown Menu
Related:  free web resources

CSS3 Web Design Examples for Your Inspiration The demand for the usage of internets has been increasing day-to-day and many businessmen are opening many websites to develop their business. The early version of CSS2 which had many limitations has been replaced with extraordinary features of CSS3 web design and the CSS stands for Cascading Style Sheets. With the help of HTML code, the CSS styles are used to form a website layout and the latest trend is using the CSS3 styles or designs. The new styles of CSS3 include easy introduction of paragraphs, 1px clicks, change of text color, box shadow with RGBA on hover and the gradually changing links. There are many creative and attractive ideas which have no boundaries in this type of web design. The unusual design concepts showcases the readable, colorful, simple, illustration, and custom models of web design and also the text design have different shapes like rounded corners, stars, badges and many more. The Geo Location and the Canvas can also be incorporated to the website. Cornerd.com

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.

Developing Dashboard Widgets A brief introduction to building widgets for Apple’s Dashboard environment. Jump to: Note: I have begun writing a series on some advanced widget development topics The Loop, my company’s blog. The series is based on things I learned while developing Sundial. Check it out! What the heck is a widget? According to Apple, widgets are “mini-applications that let you perform common tasks and provide you with fast access to information.” My desktop with Dashboard enabled Widgets are simply bundles of text and image files. Hello World When learning a new programming language, the first task is typically to write a trivial program to print “Hello World” on the screen. Apple has been kind enough to post a “Hello World” widget on their Sample Dashboard Code page. HelloWorld.html For this example, Apple keeps it really simple! Note: You can name the file anything you want. Default.png This image is what the user will see when s/he loads the widget, but is also used in this case as our backdrop. Icon.png <?

JavaScriptMVC CSS3 Dropdown Menu While I was coding the Notepad theme, I’ve learned some new CSS3 features and now I would like to share it with you. View the demo to see a Mac-like multi-level dropdown menu that I’ve created using border-radius, box-shadow, and text-shadow. It renders perfect on Firefox, Safari and Chrome. The dropdown also works on non-CSS3 compitable browsers such as IE7+, but the rounded corners and shadow will not be rendered. View Demo CSS3 Dropdown Preview The image below shows how the menu will look if CSS3 is not supported. One Gradient Image is Used A white-transparent image is used to achieve the gradient effect. The instensitiy of the gradient can be changed by shifting the background image up or down. CSS Code I’m not going to explain the CSS line by line. Update Apr 13 2010: Pure CSS Dropdown (No Image Used) The following demo used CSS gradient and IE gradient filter instead of the gradient image.

CSS Techniques for Horizontal Rules I like to use HR tags. I use the technique in the first example below, but occasionally want a nicer separator, and hate having to use a graphic to show that chiseled aqua-style divider or to created the faded line of a gradient. Examples 2 and 3 use background gradients in webkit and mozilla. Normal Demo With Faded Edges Carved Case Study of OpenTheMagazine.com 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

Téléphoner depuis son Mac, son PC, son smartphone… via sa freebox #SIP #free C’est super agréable de pouvoir discuter devant son ordinateur sans avoir à tenir un combiné, et donc de pouvoir faire des choses en même temps, ne serait-ce que prendre des notes par exemple. Ceux qui utilisent des outils comme Skype ont l’habitude mais il faut que le correspondant utilise le même outil (ou bien il faut payer…) Je voulais depuis longtemps trouver un moyen de téléphoner via ma ligne free sur mon ordinateur. Jamais pris le temps de le faire. J’ai enfin fait une petite manip ce matin que je partage donc pour ceux que ça intéresserait. Le machin magique c’est le service SIP. Je suis allé comme indiqué sur ma console de gestion dans l’onglet téléphonie pour enclencher le service. Petit pépin, il me dit qu’il y a un problème d’IP. Et là grosse frayeur: blocage de la freebox après message PPP. Suite à conseil de mes amis twittos, je fais ce que j’ai honte de ne pas avoir pensé à faire tout de suite, un salvateur hard reboot. Ce coup ci tout est bon. Like this: J'aime chargement…

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.

Related: