Bootstrap 4 Tutorial: Working with npm, Grunt.js and Sass (Part 2)

Sam Norton  •  Bootstrap, Coding  •  June 22, 2016
Bootstrap 4 Tutorial: Working with npm, Grunt.js and Sass (Part 2)

Firstly read the Bootstrap 4 Tutorial: Working with npm, Grunt.js and Sass (Part 1). Bootstrap 4 comes with an official Sass port for the framework. If you are not familiar with Sass, implementing it via Bootstrap can be a little tricky. In the previous article, we installed, configured and customized npm and Grunt.js setups for faster development. In this article, were going...

Bootstrap 4 Tutorial: Working with npm, Grunt.js and Sass (Part 1)

Sam Norton  •  Bootstrap, Coding  •  June 20, 2016
Bootstrap 4 Tutorial: Working with npm, Grunt.js and Sass (Part 1)

Bootstrap 4 offers a variety of options for installation making it easy for developers to install using package managers such as Bower, Composer, Meteor and npm or manually using source files. In previous tutorials, we worked on source files in Bootstrap 4. But on this two part series tutorial we’re going to look on how we can use node package manager (npm) and grunt.js...

The Complete Social Media Icons Set [EPS, PSD, CSS]

Ahmed Kaludi  •  Icons  •  June 15, 2016
The Complete Social Media Icons Set [EPS, PSD, CSS]

Is it time to mix up the social media icons on your website? Try Candy, a new social media icon set from designer Ahmed Kaludi. The set has everything you need to help users engage and share on dozens of social media sites, including Facebook, Twitter, Snapchat, Vine, LinkedIn, Reddit and more. The set comes with 60 — yes, 60! — icons in PSD, EPS and CSS...

How to Design for Creative Agencies

Adrian  •  Templates  •  June 14, 2016
How to Design for Creative Agencies

If you are designing a website for a creative agency, you need to take the specifics of that agency into consideration when selecting a WordPress theme, whether it will be a multipurpose theme or not. The agency in question may focus on web design, communications or content, but will always have a keen eye and high standards on how and what its online image says to a potential...

How to Create a Credit Card UI using HTML and CSS3

Raul Dronca  •  CSS3, HTML, Tutorials  •  June 13, 2016
How to Create a Credit Card UI using HTML and CSS3

Topic: HTML / CSS3 Difficulty: Intermediate Estimated Completion Time: 30 minutes In this tutorial, we are going to create a simple Credit Card Form using HTML and CSS3. We’ll work with Google Fonts to use the custom font (Roboto) for this form. You are free to integrate this form into your website. Let’s get started. HTML Let’s create our HTML structure. We...

Handpicked Web Design Inspiration to Get You Going

Saijo George  •  Websites Examples  •  June 8, 2016
Handpicked Web Design Inspiration to Get You Going

Ready for inspiration? This design round-up we’ve taken a look at some interesting web design design elements that have caught our eye. Find inspiration from how the following websites use subtle as well as bold interactions to truly engage in their audiences. If you’re wanting to maximize audience engagement and user experience, learn a lesson from some masters of the...

23 Websites That Are Stepping Away from Traditional Layouts

Paula Borowska  •  Websites Examples  •  June 6, 2016
23 Websites That Are Stepping Away from Traditional Layouts

For one reason or another most websites follow the same rules when it comes to layout. You see it everywhere, from Facebook and Apple to startups of all kinds and even random teen blogs. Most websites follow a grid and attach content to it. This approach breeds familiarity, ease of comprehension and ease of design, too. There is nothing wrong with it, I just want to point out...

Mayolla [Topview] – Scene Generator

Adrian  •  Graphics  •  June 3, 2016
Mayolla [Topview] – Scene Generator

Mayolla Scene Generator lets you create your own unique scene simply by copying elements into the special stage. Simply select the background, the location of objects, color, design that your like and finish the stage one of the ready-made...

Smoke Transitions: Beginning of a Trend?

Antonio Petre  •  Design  •  June 2, 2016
Smoke Transitions: Beginning of a Trend?

A website homepage includes any number of features such as branding, icons or illustrations. Recently, we’ve seen a surge in the popularity of motion in web design; more sites are joining the party with subtle interaction designs and animations that make a fundamental difference, winning awards and the recognition of the community. There are numerous to animate a page, but...

Bootstrap 4 Themes & Templates: Everything You Need to Know

Sam Norton  •  Bootstrap, Coding  •  May 30, 2016
Bootstrap 4 Themes & Templates: Everything You Need to Know

Bootstrap is an outstanding CSS framework that offers many carefully constructed user interface elements, components, layouts and jQuery plugins. The great thing is that it’s free! Bootstrap is open source and is one of the most popular projects and most loved frameworks by the web designers and developers of all time on GitHub. With the release of Bootstrap 4, we’ve...