Making your WordPress site accessible on mobile devices starts – but doesn’t end – with the installation of a responsive theme.
Navigation is hugely important to the user experience of any site and forcing menus designed for much larger devices onto mobile users could undo all the good work of the responsive design.
Here’s five simple steps to add mobile-specific menus to your responsive theme and provide an awesome viewing experience for your mobile visitors.Confined spaces need alternative solutions. WPMU.org has a specific menu just for mobile devices.
There are number of reasons why smaller screens deserve their own navigation:Limited Real Estate: a [...]
Here are 8 amazing pure CSS3 image sliders that can help you in making your website carry large contents in a stylish way.CSS3 Image Slider
This slider used radio input buttons and their labels with the :checked pseudo class to control the sliding images.CSS3 image slider with stylized thumbnails
Learn to make a fade-in-out image slider with thumbnails which have active styles. The slider does not have any page jump when you click on the thumbnails.CSS image slider w/ next/prev btns & nav dots
A 100% pure CSS image slider with next/previous buttons, nav dots and image transitions.Pure CSS Slider
Pure CSS Slider. No JS. [...]
Best HTML5 Website Web Form Templates to create a new form layout. Build a responsive form without needing to write any code.HTML5 Ajax Jquery Popup Contact Form
With this script you can insert a beautiful popup contact form in your website. It’s very simple to put it where you want.
MORE / INFO DEMOImpressive contact form
This product it’s indispensable to any company’s website but fits perfectly to any other websites.You [...]
This tutorial will explain how to create a two column layout with one fixed column and one fluid column. The example is basic, but it can be expanded to have multiple columns, even fluid nested columns. We will start with a mobile first view that consists of the columns stacked on top of each other. We will later add media queries to make the columns sit side by side as screen size allows.
I created this tutorial because there are many examples on how to use a grid framework for responsive layouts, but not enough examples on how to create a custom layout that doesn’t need a full blown grid framework. Those frameworks [...]
Creating CSS gradients can be time-consuming and tough. This short list of free online tools will help you quickly generate CSS gradients by giving you a graphical user interface and other useful functionality.
These gradient generators will be handy when you’re trying to produce more complex gradients or when you’re just starting to learn CSS3.1. westciv CSS Gradients
This is a simple visual tool for creating linear CSS gradients.2. CSS 3.0 Gradient
The CSS 3.0 Gradient generator can help you create linear and radial CSS gradients. The slider interface is useful for when you’re tweaking your gradient property values.3. CSSmatic Gradient [...]
A recent calendar project included the requirement for a call out for images and anchor linking which would format the content with spacing, indentation, alignment, font styling, and position. This led me to create a simple yet fancy call out / tool tip to replace the default alternate (alt=””) or title (title=””) attributes for image and anchor tags. The amazing thing about the call out is that it works anywhere on the page and in just about any browser!What is a call out?
In web design vernacular a call out is akin to a tooltip that you find on most graphical user interface (GUI) applications, which typically shows up when your mouse hovers over [...]