CSS Responsive Tabbed Navigation
A handy tabbed navigation, optimized for mobile devices, with support for both horizontal and vertical menu positioning. Browser support ie Chrome Firefox Safari Opera 9+ Tabbed navigations are very useful when you need to organize a considerable amount of side content.
WordPress Checklist (Infographic): 101+ Easy Steps to Follow.
Last Updated: October 13th, 2016 So, You are working on a WordPress Project? Awesome! It’s a big struggle in remembering the steps involved in setting up a WordPress website. And we at Capsicum Mediaworks soon realized that, there were hardly any checklists that covered all the aspects of WordPress together!
The Next Big Thing In Responsive Design
Responsive design, which allows designers and developers to build websites that adapt to every screen size, is one of the most empowering web tools to be adopted in the last decade. But adapting to the screen is only the first frontier of a new, responsive web. Today, users expect online experiences that not only respond to what device they're using, but also their location, time of day, what they’ve already read, and events happening in real time. To capture a user’s attention for the next generation of the web, you’ll need more than just responsive design. You’ll need a responsive philosophy.
WordPress Speed Optimization : 50+ Clever Tips & Tweaks
WordPress Speed Optimization is essential for SEO and great user experience. You will learn here about optimizing WordPress Theme (Agent Side), Web Hosting Server (Server Side Optimization) and Plugins installation respectively. Okay! So let’s start learning on optimizing these three main components of WordPress. Here all tips are related to each other, for better understanding you are requested to read and implement very carefully. Optimize WordPress Theme
Build a responsive WordPress portfolio
Web development may change rapidly, but two things that are here to stay are WordPress and responsive design. Knowing how to build responsive WordPress themes and plug-ins is a must. In this tutorial, we will look at building a WordPress plug-in and theme template for a responsive portfolio. We will work with two mocked-up templates: an archive page, which will list all of the recent projects, and a single page, which will show a specific project. The archive page for the portfolio is a pretty simple one with a header and three columns of projects at full width.
A Collection of Separator Styles
A collection of separator styles for horizontally dividing sections on a website. The dividers are created using several techniques, including styling pseudo-elements, using gradients and inserting SVG graphics with responsiveness in mind. View demo Download source Today we’d like to share some separator styles with you.
How To Add Page Transitions with CSS and smoothState.js
The following is a guest post by Miguel Ángel Pérez. Miguel has been working at Weblinc on ways to transition pages on websites more gracefully. On single-page applications, we have more opportunity for this since we aren't fighting the page reload. But traditional sites with page reloads, you can still be quite graceful with some help from CSS and JS. In this article Miguel focuses on setting up the CSS to do this and making it work with his plugin.
WordPress Visual Editor Plugin: CSS Hero - DealFuel
Would you like your WordPress site to look more like the way you imagine? Would you? And are you tired of spending lots of time on the tedious task of coding? Are you? We’ve got a quick fix for you! CSS Hero: WordPress Visual Editor Plugin.
