HTML is one of the foundational building blocks of the Web. But just as web design best practices and techniques change over time, so does the code we use. As HTML evolves, some of its older markup has been deprecated while other parts have been repurposed. Does that create more problems for us, though? Would… Continue reading Is It Time to Reset HTML?
Tag: Header
15 Useful Tools & Resources Worth Checking Out
As a web designer, you face plenty of challenges, both good and bad. One of the bad ones is to suddenly find out that you’re either in danger of missing a client’s deadline or will be unable to meet it at all. A missed deadline could be due to something beyond your control and no… Continue reading 15 Useful Tools & Resources Worth Checking Out
Create a Drag-and-Drop Contact Form With the FormCraft 3 WordPress Plugin
Whether you are running an online store, marketplace, or blog on your WordPress website, you will need a few essential elements displayed. One of these is a contact form. Without a contact form on your website, your website visitors will have no way of contacting you with their questions and comments. The absence of this… Continue reading Create a Drag-and-Drop Contact Form With the FormCraft 3 WordPress Plugin
How to Design a Powerfully Persuasive Above the Fold Area
There are few parts of a website that command more attention than the area above the fold. This is the screen section users look at after immediately landing on a website. The punchier and more persuasive the above the fold is, the better your conversion rates. Despite its importance, this crucial real estate often gets… Continue reading How to Design a Powerfully Persuasive Above the Fold Area
Easier React Native Development With Expo
With Expo, developers can create React Native apps without going through the hassle of installing and configuring software dependencies such as Android Studio, Xcode, or all the other tools which are needed to develop and run a React Native app. In this tutorial, I’m going to show you how to create a simple memory game… Continue reading Easier React Native Development With Expo
Tips for Using Gradients In Web Design
Gradients are on-trend for 2017, and they’are a good way to make your design look a little more up to date. They also provide a pleasing illusion of depth and distance, which can add some volume to one-dimensional layouts. Check out these tips for using gradients in web design to get acquainted. Put Gradients in… Continue reading Tips for Using Gradients In Web Design
Ditching Large Images: The Absence of Large Header Background Images
Although the utilization of impressive images as a header background is considered to be a huge web design trend, it seems that not everyone has a burning desire to follow the tendency and join the mainstream. Instead, some folks go for opposite tactics and prefer ditching wide-screen pictures in favor of clean, solid color backdrops.… Continue reading Ditching Large Images: The Absence of Large Header Background Images
35 Website Layouts using Fixed Header Bars
Users often feel quite divisive on the subject of sliding navbars. It has also become a sizable topic of debate amongst designers. Yet it seems that aside from ongoing quarrels the fixed heading navbar is here to stay. It’s an easy technique to recreate and it can be designed in such a wide array of… Continue reading 35 Website Layouts using Fixed Header Bars
Free Download : Flat Hero Header Kit – (illustrated vector tools and desk items)
Today’s free design resource Flat Hero Header Kit comes from Medialoot.a collection of illustrated vector tools and desk items, perfect for creating unique hero headers. The kind of objects included are often seen on the desks of designers. The illustration is fully layered and vector in Photoshop and includes the following objects: iMac,MacBook Pro,iPad Air,iPad… Continue reading Free Download : Flat Hero Header Kit – (illustrated vector tools and desk items)
Midnight.js – A jQuery plugin that switches between multiple header designs as you scroll
A jQuery plugin that switches between multiple header designs as you scroll, so you always have a header that looks great with the content below it. To make everything work, just load midnight (and jQuery) and initialize it. Want to use custom markup for each header? You just need to add a div with the… Continue reading Midnight.js – A jQuery plugin that switches between multiple header designs as you scroll
Speed Up HTML Coding With Emmet
Web Developers are always looking for new ways to speed up our development process, one the best ways to speed up your development and becoming more productive is to choose the right IDE for the way you code. I’ve tried a lot of IDE’s but he one that I find myself most productive with is… Continue reading Speed Up HTML Coding With Emmet
On-Scroll Animated Header
Page transitions with CSS3
MARKUP The HTML will contain five main divisions: a header and the four content sections. Each of the content sections is going to have an ID and the class panel. Moreover, we will add another division inside which will have the classcontent. The first content section which is #home will only have the content class and will not… Continue reading Page transitions with CSS3
How to Create a Professional Web Layout in Photoshop
Designing good looking clean and functional Web layouts is an essential part of a Web Designers life. In this tutorial we are going to create a clean and professional Web layout in Photoshop from scratch. Along the way you can learn useful methods to create designs. So get started! Tutorial Details Program: Adobe Photoshop CS5… Continue reading How to Create a Professional Web Layout in Photoshop