A masonry layout can use jQuery and CSS3 to dynamically position your images and videos in a neat grid that is optimised and changed depending on screen sizes and the displayed content width and height dimensions. Many WordPress theme shops and authors are incorporating masonry layouts into their WordPress themes, this results in a dynamic… Continue reading 30 Masonry WordPress Themes
Tag: CSS3
36 Fresh HTML5-CSS3 Web Design Examples for Inspiration
HTML5 and CSS3 techniques start the new standard with endless possibilities and with a responsive design it is easily usable with any device (Desktop, tablet, mobile phone), without removing any content! Mostly professional business or portfolio websites are know using the latest HTML5 and CSS3 trends for development. HTML5 and CSS3 is popular language amongst web designers because it is being supported… Continue reading 36 Fresh HTML5-CSS3 Web Design Examples for Inspiration
25 Fresh Responsive Landing Page Templates
Designer Ledger – A web design blog for designers by designers Few days back we featured startup landing pages for your inspiration and in this post we showcased 25 fresh responsive landing page templates powered by HTML5 and CSS3. All these templates are published recently in 2013. Most of the templates are built using Bootstrap… Continue reading 25 Fresh Responsive Landing Page Templates
20 Useful and High Quality Web Design Tutorials and Resources
Web designers and developers must know various important components to develop a beautiful website. All tricks and tools can not able to learn within few days. It requires long practice and hard work. To help those guys I today going to present 20 Useful and High Quality Web Design Tutorials and Resources. How to… Continue reading 20 Useful and High Quality Web Design Tutorials and Resources
Detect Browser CSS Support With @supports Rule
Since browsers have their own decision of what features to include, we web developers frequently have to identify if the browser supports particular features, then we fill in the gap using Polyfills (if required). The popular way of handling this kind of situation is by using Modernizr but do you know that we can also… Continue reading Detect Browser CSS Support With @supports Rule
Showcase Of Fresh And Free jQuery Plugins And Tutorials
Plugins and tutorials are great designing resources for the designers. With the help of tutorials, designers can learn and practice new technique of using their designing tool and plugins are meant to simplify their designing work. In the recent times, jQuery has become simply miraculous seeing that with jQuery you can discover plugins to achieve… Continue reading Showcase Of Fresh And Free jQuery Plugins And Tutorials
Recreate Google Nexus Menu
Recently I stumbled upon Codrops’ tutorial regarding the recreation of Google Nexus navigation menu. That was inspiring and such a creative navigation system from Google. So, I decided to create a jQuery version to challenge to myself. I have been playing with the original Google Nexus Menu for a while. Based on my observation, I summarised its… Continue reading Recreate Google Nexus Menu
Responsive Design / Retina Ready WordPress Themes
Responsive and Multipurpose WordPress themes with modern design are very flexible for all devices. Premium themes are more easily to customize with immense possibilities. All themes are 100% responsive, each element, shortcode, slider and fully responsive, you can disable/enable responsive mode from the theme options. Multi-purpose responsive design themes are best suited for magazine websites, blog websites, and users who want to showcase their work on a… Continue reading Responsive Design / Retina Ready WordPress Themes
CSS3 Menu Tutorial : Cool Bouncing Effects
In this tutorial I will show you how to create CSS3 menu with bouncing effect. In thisCSS3 menu tutorial we will use keyframes to apply bouncing effect on menu. With thekeyframes rule, you can create animation. During animation you can change the style as much as you want. As you know how important is menu navigation on… Continue reading CSS3 Menu Tutorial : Cool Bouncing Effects
Icon mouse hover effect using CSS3
This tutorial will show how simple it is to achieve simple animation mouse hover using CSS3. We use transitions and animations css properties to achieve some of the interactive animation. 1. Simple image popup effect using pure CSS3 *{margin:0;padding:0;} body{margin-top:80px;font-size:12px;font-family:arial,sans-serif;color:#9C9C91;background:#fff;} a {color:#333;text-decoration: none;} a:hover {color:#f00;} .wrap {width:720px;background:#f2f2f2;margin:0 auto;} ul.works {list-style:none;margin:0;padding:0;} ul.works li {float:left;display: inline;margin:0 20px… Continue reading Icon mouse hover effect using CSS3
10 Useful Resources of HTML5 and CSS3 Generators
HTML5 and CSS3 are two great languages to code a website. Here in this article I provide some great resources of tools which generate the HTML5 and CSS3 code smoothly and you can learn a lot from these resources. CSS3.me CSS3 Gradient Generator CSS3 Previews CSS3 Maker CSS3 Cheat Sheet (PDF) CSS3 Color Names… Continue reading 10 Useful Resources of HTML5 and CSS3 Generators
Latest Edition of 20 CSS & CSS3 Tutorials
CSS or Cascading Style Sheet was created to separate style codes from HTML part of a web design. It helps to make any changes without getting nasty about it. Now CSS has evolved itself into CSS3 which is the backbone of current beautiful website designs. Designers are keeping their pace with the latest technologies used… Continue reading Latest Edition of 20 CSS & CSS3 Tutorials
5 Responsive Web Design Fundamentals for Newbies
Everywhere you go; there is talk of responsive web design (RWD). This technique has revolutionized the way we design websites. The focus of today’s designers is on creating fluid layouts that render effectively on devices of all screen sizes and resolutions. With the increasing popularity and rapid adoption of smartphones and tablets, users have started… Continue reading 5 Responsive Web Design Fundamentals for Newbies
Getting the Hang of CSS3 Columns
A while back CSS3 introduced a new set of properties, which are responsible for creating columns within your layout. You simple apply these to one of your elements in order to divide it up, automatically and hassle free, into a multi-column set up. This property is very easy to comprehend, set up and manipulate. There… Continue reading Getting the Hang of CSS3 Columns
20 Free Open Source CSS3 User Interface Kits
The power of CSS3 design offers unique trends for building custom website interfaces. And with the help of the open source movement, it is now easier than ever to make your own customized layout design. CSS3 user interface kits have become more common and you can find these published within various websites and blog.… Continue reading 20 Free Open Source CSS3 User Interface Kits
27 Detailed Dropdown Menu Tutorials in CSS3 and HTML5
HTML5 and CSS3 have both revolutionised web design and we all see more powerful and functional websites using these two languages.HTML5 and CSS3 have many advantages like faster loading times,greater functionalities and more flexibility.You can apply to any website very easily. In today’s post we have gathered beautiful menu tutorials created using CSS3 and HTML5.The… Continue reading 27 Detailed Dropdown Menu Tutorials in CSS3 and HTML5
Smooth Diagonal Fade Gallery with CSS3 Transitions
20 Useful CSS Snippets Which Can Help You A Lot
CSS is extremely used when it comes to web development because it helps creating a lot of things with ease. Using CSS means that you will not only be able to create a great web site but it also means that you can optimize it very well. If you combine it with HTML5 and jQuery… Continue reading 20 Useful CSS Snippets Which Can Help You A Lot
40+ High Quality Business Website Templates
Business website templates have become immensely popular today and this is not a coincidence. Venturing your business online is a critical move if you are a business administrator or a small business owner. It might seem like a overwhelming task to build or redesign your business website, however this is not always true. It can… Continue reading 40+ High Quality Business Website Templates
Free Responsive HTML5 + CSS3 Site Templates
HTML5 Up! is a small showcase of the free responsive HTML5 + CSS3 site templates that AJ put together while developing 5grid. All of them are clean, minimal, fully responsive site templates built on HTML5 and CSS3. They are licensed under the Creative Commons Attribution license. Requirements: Skel.js Framework Demo: http://html5up.net/ License: Creative Commons License
10 Useful Tools for Quick CSS Development
CSS development is a major part of web design; however, it takes a significant amount of time and effort for a web designer to develop CSS from scratch. The good thing is, there are some great tools out there which make this tedious task much simpler. These CSS Development tools will help you in simplifying… Continue reading 10 Useful Tools for Quick CSS Development
Sterling v2.1.4 – Responsive WordPress Theme
Sterling v2.1.4 Gorgeous Design – Perfect for every business, Ultra Responsive and 100% Mobile-ready 100% WPML Multilingual Plugin and Translation Ready. Fully Tested and Certified by WPML Team (also includes the .po and .mo files), Gorgeous Design – Perfect for every business, Ultra Responsive and 100% Mobile-ready, 100% WPML Multilingual Plugin and Translation Ready. Fully… Continue reading Sterling v2.1.4 – Responsive WordPress Theme
12 Useful HTML5 Sliders to Save your Time
Nowadays, websites have become more fancy and dynamic and boast a lot of animation and moving objects – thanks to the advancements in the designing industry. A few years back websites had simple and boring web pages with content on them static and unattractive. This thing has changed now due to the excessive use of… Continue reading 12 Useful HTML5 Sliders to Save your Time
30+ Hot CSS3 Image Hover Scripts
CSS3 image hover effects is one of the common techniques used in web design to make web pages more interactive and stand out visually. CSS image hover scripts makes it simple to add cool dynamic effects on otherwise “static” images whenever the mouse hovers over them. CSS3 effects are typically created using CSS filter and… Continue reading 30+ Hot CSS3 Image Hover Scripts