Tag Archives: Jquery

Scroll to Top with jQuery
Code Snippets
December 30, 2013 posted by Maan

Scroll to Top with jQuery

If your pages are long winded, it’s a good idea to provide viewers with an easy way to quickly/ automatically scroll back to the top of the page. $(“a[href=’#top’]”).click(function() { $(“html, body”).animate({ scrollTop: 0 }, “slow”); return false; }); HTML code place where you want. <a href="#top">Back to Top</a> View Source →

Build A Responsive Tooltip With jQuery
Coding
August 3, 2013 posted by Maan

Build A Responsive Tooltip With jQuery

Tooltip is a splendid invention. Small detail in web design that plays a big role when it comes to user experience. Usually, tooltips are used to present a tiny amount of hidden content (mainly explanatory, so-called tips), that pops up when user moves a cursor over or clicks (less common) on a special target. Osvaldas Valutis built a Responsive tooltip using CSS and jQuery. It relies on a maximum width value when viewed on large screens, adopts to narrow environments and picks the…

Drop Down Menu: 20+ Helpful Tutorial To Create Menu With Javascript And CSS3
Coding
July 25, 2013 posted by Maan

Drop Down Menu: 20+ Helpful Tutorial To Create Menu With Javascript And CSS3

Drop down menu are generally used for website navigation. Lots Of websites use drop down menus to provide visitors with direct links to more pages. Drop-down menu is a key component of the Website. It’s a great method to cut down long menu. It performs important part in the creation of an efficient and user friendly website. In this article, I am sharing “20+ Helpful Tutorial To Create Menu With Javascript And CSS3” I hope this drop-down menu list will…

4 Conferences for a Serious Web Designer
All Articles
February 11, 2013 posted by Ann Smarty

4 Conferences for a Serious Web Designer

Every industry is fluid, but perhaps none so much as that of web design and its constantly changing demands, expectations, and methods. From HTML5 and CSS3 to jQuery, even the very standards on which we build our online empires are changing, and this requires any one of us who is serious about being a cutting edge designer to do everything that we can to stay ahead of the game. Take your interweb development efforts to the next level by attending…

Turning The Tables-From HTML to WordPress
All Articles
January 24, 2013 posted by Maan

Turning The Tables-From HTML to WordPress

“I Have an HTML Website but How Do I convert it Into WordPress? Where Do I get the Kick-Start?” Bingo! If you are getting that Déjà vu feeling while reading the above question, then probably we’ve hit the core. Welcome! You are also one the many website owners who have a will for HTML to WordPress conversion but don’t know the way out. Many WordPress users begin their online strife with a static HTML website. But moving ahead they meet…

Speakker : Crossbrowser Audio Solution Featuring HTML5
Coding
August 19, 2012 posted by Maan

Speakker : Crossbrowser Audio Solution Featuring HTML5

Speakker is a Crossbrowser Audio solution featuring HTML5. It comes out of the box in two variations and with incredible options of customization: Flexible dimensions, unlimited colors and two different button sets for light and dark themes. Easy to set up. Just a few lines of Javascript and a quantum CSS.   It is featuring the technology of Projekktor it comes with cross-browser compability, Flash-fall back plus optional social media links and artists information links. It is free for download and released…

Pondasee: Front End Development ToolKit For Building Themes
Coding
June 23, 2012 posted by Maan

Pondasee: Front End Development ToolKit For Building Themes

Pondasee is NOT a css framework, it is only our front end development toolKit combined with the power of SCSS & Compass to build a theme. If you want to use this project as your starting point, you need to know basic knowledge of Compass and Sass. For all skill level Pondasee is made to help front-end or developer to accelerate their work-flow in making web application. Use Pondasee, it will be perfect for your starting point. Build on Compass…

HTML5 & jQuery Progress bar plugin : Percentage Loader
Coding
June 13, 2012 posted by Maan

HTML5 & jQuery Progress bar plugin : Percentage Loader

A jQuery plugin that utilises HTML canvas to show an animated percentage loader widget suitable for loading screens or displaying feedback during long-running tasks. Introduction Html5 & jQuery PercentageLoader is a jQuery plugin for displaying a progress widget in more visually striking way than the ubiquitous horizontal progress bar / textual counter. The plugin takes miniminal installation and is simple and flexibile to use. It makes use of HTML 5 canvas for a rich graphical appearance with only a 10kb…

HTML KickStart: Rapid Website Development HTML CSS ToolKit
Coding
May 27, 2012 posted by Maan

HTML KickStart: Rapid Website Development HTML CSS ToolKit

HTML KickStart is an ultra–lean set of HTML5, CSS, and jQuery (javascript) files, layouts, and elements designed to give you a headstart and save you 10’s of hours on your next web project. Here is a powerful alternative named HTML  KickStart which is a HTML CSS toolkit  for easily creating any type of layouts with web elements in-rhythm. It has styles for grids, typography, forms, buttons, tables or lists and cross-browser eb elements like a JavaScript gallery, lightbox, breadcrumb navigation, menus…

Free jQuery Plugin To Make Stylish Image Hover Effects
Coding
April 2, 2012 posted by Maan

Free jQuery Plugin To Make Stylish Image Hover Effects

Overview: Adipoli is a simple jQuery plugin used to bring stylish image hover effects.   Available Options: startEffect : Default style of image hoverEffect : Image style on mouse over imageOpacity : opacity of image considered when start effect is transparent or overlay animSpeed : Animation speed for the effect fillColor : Overlay color textColor : Text Color overlayText : Default HTML to be displayed on overlay slices : Number of slices for slice animations boxCols : Number of boxes…