Hero headers or hero images are one of the most frequently used and aesthetically pleasing web design trends in 2016, and will likely remain strong for a few years to come. The term “hero” is often interchanged with “jumbo” and refers to full-width graphics or photos seen at the top of a post or page, like you see in?this one! There are several ways to use a hero image in web design, from full-screen backgrounds to simply adding visual element?to the page’s content.

Can you believe it’s been nearly 10 years since Web Designer Wall first began? Since then, our web design tips and inspiration have helped hundreds of creatives build their skills or add a little something extra to their web designs. The design world has exploded with a flood of new trends, technologies and visions for the future. I’ve launched Themify to put my ideas directly in your hands.

And then I stopped blogging for awhile. It’s not that I wasn’t inspired. On the contrary, so many?awesome things?have been happening in the design world in the last two years and?I wasn’t able to be in two places?at once.

Web Unleashed is a 2-day conference by FITC that focuses on frontend development. The event will take place in Toronto on September 16th and 17th, 2015. See their schedule and speakers list for more info about the conference. I have one Web Unleashed conference ticket to giveaway. To enter the ticket giveaway, all you need to do is send a tweet to us (see details below). I also have a $100 off coupon if you are interested to buy tickets. Use code WEBDESIGNERWALL to save $100 (code expires on Aug 23, 2015).

There are many Javascript fixes for the viewport height units bug in iOS 7 (iPhone & iPad), this article will cover how to resolve this bug with CSS. This particular bug affects the rendering of viewport height units, for example: if you try to make a full viewport height container with height:100vh, it will display a very tall empty gap. Although this bug was fixed in iOS 8, but many old iPhone and iPad users are still using the old iOS 7. The vh-unit buggyfill is one of the popular Javascript workarounds, but if you don’t want to rely on Javascript here is a quick CSS fix using media queries.

Five years ago, I was inspired to start Themify by a vision to build a tool which allows designers (like myself) to build WordPress themes without coding skills. Today, I’m proud to announce that my vision has come true. Say hello to Themify Flow, a free WordPress framework which allows you to build and customize themes without requiring any PHP or CSS coding. Everything is done within WordPress with an intuitive drag & drop interface.

While I was working with the Themify team on the Landing theme, we looked at over a hundred landing pages for inspiration. We reviewed how people designed their landing pages, laid out key information of their content, and designed their call to action box – these are important factors when designing a converting landing page. Below are 30 well designed landing pages I’ve selected for your inspiration. They vary from company landing page, to single-page layouts for portfolios, apps, shops, and products. Enjoy!

«< 2 3 4 5 6 >»

Father's Day Sale: 30% off all WordPress themes and plugins at Themify.