Tag: CSS3

10 Useful Sass Mixins for Modern Developer
All PostsTutorials

10 Useful Sass Mixins for Modern Developer

Sass is the most mature, stable, and powerful professional grade CSS extension language in the world. I’ve been using Sass for quite sometime and found out that mixins are something any front-end developer would enjoy and take advantage of saving time and being more efficient.

A mixin lets you make groups of CSS declarations that you want to reuse throughout your site. You can even pass in values to make your mixin more flexible.
It save quite a lot of time and helps developers ensuring that the code is not redundant and organized nicely.

I recommend using Compass as they have many built in mixins that simplify developers work.

Read More
25 CSS3 Code Snippets for Making 3D Animated Effects
All PostsCSSTutorials

25 CSS3 Code Snippets for Making 3D Animated Effects

I’ve put together a number of fantastic open source code samples using 3D animation effects. Many rely solely on CSS3 while others are a mix of CSS and JavaScript.

Keep in mind that people using older web browsers may not be able to fully appreciate your 3D animations. But that doesn’t mean you should ignore the practice! As more people upgrade to newer browsers there will be greater support in the years to come.

Read More
10 Useful Time Saving Responsive Frameworks
All PostsCSSHTMLWeb Design

10 Useful Time Saving Responsive Frameworks

The time spent building a new web project can be greatly reduced if you choose to use a prebuilt HTML5/CSS framework.

A front-end framework can provide you with tons of prebuilt web elements such as responsive grids, JS sliders, complex menus, model windows, icon fonts – pretty much everything you may need to get your website up and running fast.

Here are ten useful, time saving web design frameworks that you should bookmark for future use in your projects.

Read More
25 Best Tutorials for Building a Custom Portfolio Website
All PostsPhotoshopTutorials

25 Best Tutorials for Building a Custom Portfolio Website

Web development tutorials often cater towards beginner starting topics. However there are plenty of intermediate-to-advanced level tutorials focused on complex development techniques. Even people with years of practice may one day look towards an online tutorial to educate themselves on an unfamiliar topic.

In this gallery I’ve put together a handful of brilliant tutorials related to designing and coding a personal portfolio. You can find help on HTML/CSS, jQuery, and Photoshop design mockups. Some articles will be pretty simple while others get into the more nitty-gritty details. Take a look over these headlines and see if there’s anything you may want to learn about.

Read More
30 Open Source CSS3 Code Samples for Web Developers
All PostsTutorials

30 Open Source CSS3 Code Samples for Web Developers

Open source web development has seen a tremendous explosion in popularity. You can download free code snippets, plugins, WordPress themes, and the list is always growing. I have been infatuated with the amazing effects possible in CSS3 and some related JavaScript libraries.

In this gallery I want to share 30 powerfull frontend code snippets for web developers. Some of these effects are built entirely with CSS, and others utilize jQuery or some other JavaScript techniques. You can download a local copy of any script or try duplicating the effect into your next project. And if you know about any other fun code snippets, just drop a comment in the post discussion area.

Read More