Web Designer Wall - Design Trends and Tutorials

WordPress is a perfect example of how the web has evolved from static to interactive, a shift driven by our desire to share thoughts and a great opportunity to promote our goods. A truly good Wor...

https://webdesignerwall.com/trends/best-wordpress-themes?utm_source=rss&utm_medium=rss&utm_campaign=best-wordpress-themes

WordPress is an amazingly stable platform thanks to the dedication and talent of the hundreds of professionals contributing to it, and the strict code standards they follow. Even so, the huge var...

https://webdesignerwall.com/tutorials/common-wordpress-errors-fix?utm_source=rss&utm_medium=rss&utm_campaign=common-wordpress-errors-fix

I’m excited to announce that Themify has released another awesome theme – Themify Shoppe. Designed by Liam McKay and coded by Themify team, Shoppe works hand-in-hand with WooCommerce, making ...

https://webdesignerwall.com/general/themify-shoppe-ultimate-woocommerce-wordpress-theme?utm_source=rss&utm_medium=rss&utm_campaign=themify-shoppe-ultimate-woocommerce-wordpress-theme

Email is your post powerful marketing channel when used well. Your visitor’s inbox is a perfect opportunity for you to capture attention, communicate important updates and invite readers back t...

https://webdesignerwall.com/general/best-email-marketing-tips-increase-engagement-subscribers?utm_source=rss&utm_medium=rss&utm_campaign=best-email-marketing-tips-increase-engagement-subscribers

There are hundreds of ways to create responsive navigation, limited only by your creativity and the boundaries of what CSS can accomplish. Good responsive navigation is a little harder – a resp...

https://webdesignerwall.com/tutorials/four-elements-great-responsive-menus?utm_source=rss&utm_medium=rss&utm_campaign=four-elements-great-responsive-menus

Front-end development is quickly becoming more and more focused on efficiency – faster loading and rendering through selector choice and minimizing code. Pre-processors like Less and SCSS go a ...

https://webdesignerwall.com/tutorials/level-css-skills-20-pro-css-tips?utm_source=rss&utm_medium=rss&utm_campaign=level-css-skills-20-pro-css-tips

CSS Transitions and transforms work beautifully for creating visual interactions based on single state changes. To have more control over what happens and when, you can use the CSS animation prop...

https://webdesignerwall.com/tutorials/easy-css-animation-using-keyframes?utm_source=rss&utm_medium=rss&utm_campaign=easy-css-animation-using-keyframes

Recently, I walked you through how to create a simple landing page that used a couple different CSS animation techniques. “Animation” is a loose term, in web design usually referring to anyth...

https://webdesignerwall.com/tutorials/easy-css-animation-transition-transforms?utm_source=rss&utm_medium=rss&utm_campaign=easy-css-animation-transition-transforms

CSS flexbox is an incredibly useful tool for layout without using floats or positioning. Currently almost all current browser version support flexbox, making it a go-to standard for web design. I...

https://webdesignerwall.com/tutorials/master-css-flexbox-5-simple-steps?utm_source=rss&utm_medium=rss&utm_campaign=master-css-flexbox-5-simple-steps

When Spotify launched their colorful new brand identity, featuring hip duo-toned imagery, it went hand-in-hand with a new Colorizer tool that allows artists to apply a variety of filters to image...

https://webdesignerwall.com/tutorials/create-spotify-colorizer-effects-css-blend-modes?utm_source=rss&utm_medium=rss&utm_campaign=create-spotify-colorizer-effects-css-blend-modes

Last week I demonstrated how to build a split-screen website layout using CSS flexbox and viewport units that offers an alternative way to present a brand’s featured content. Clicking on one si...

https://webdesignerwall.com/tutorials/tutorial-duo-layout-css3-animations-transitions-pt-2?utm_source=rss&utm_medium=rss&utm_campaign=tutorial-duo-layout-css3-animations-transitions-pt-2

All websites are somewhat interactive…we click on links or scroll a page, but truly interactive websites take us on a user-driven adventure or draws us in through motion and sound while giving ...

https://webdesignerwall.com/trends/30-truly-interactive-websites-built-css-javascript?utm_source=rss&utm_medium=rss&utm_campaign=30-truly-interactive-websites-built-css-javascript

There is no better time than the end of the year for some fresh inspiration! One of the most popular trends this year, features splitscreen layouts, lots of white space, clean typography and subt...

https://webdesignerwall.com/tutorials/lively-splitscreen-layout-css3-animations?utm_source=rss&utm_medium=rss&utm_campaign=lively-splitscreen-layout-css3-animations

The year ahead should be a really exciting one for design, with the introduction of wider support for SVG and a host of new things we can do with CSS as CSS4 gains broader acceptance. In taking a...

https://webdesignerwall.com/trends/design-trends-2016-expect-2017?utm_source=rss&utm_medium=rss&utm_campaign=design-trends-2016-expect-2017

Getting content to center perfectly within an element and then ensuring it responds properly at different screen sizes is one of the biggest challenges that still face front-end designers. It is ...

https://webdesignerwall.com/tutorials/css-vertical-centering-everything-need-know?utm_source=rss&utm_medium=rss&utm_campaign=css-vertical-centering-everything-need-know

The temptation to dive right into new and exciting CSS tricks is strong – you might even do it without knowing it through learning by example or implementing that hot new framework everyone is ...

https://webdesignerwall.com/tutorials/you-might-be-tempted-to-use-these-css-tricks-but-should-you?utm_source=rss&utm_medium=rss&utm_campaign=you-might-be-tempted-to-use-these-css-tricks-but-should-you

Fonts took on a revival in handmade styles this year, from calligraphic, script and handwritten to brush painted and block-printed. Combined with the great visual appeal of hero images and typogr...

https://webdesignerwall.com/trends/75-high-quality-free-fonts-handwriting-script-brush-fonts?utm_source=rss&utm_medium=rss&utm_campaign=75-high-quality-free-fonts-handwriting-script-brush-fonts

One of the challenges of coding premium WordPress themes is the unpredictable nature of how they will be used. Compared to coding a custom website, especially one using static HTML documents wher...

https://webdesignerwall.com/tutorials/the-power-of-css-selectors-and-how-to-use-them?utm_source=rss&utm_medium=rss&utm_campaign=the-power-of-css-selectors-and-how-to-use-them

Freelancing can be a tough gig, but there is no better time than a new year to begin building (or rebuilding) a fantastic new business where you can do what you love. Being successful has a lot t...

https://webdesignerwall.com/general/25-best-freelance-tools-enhance-business-free?utm_source=rss&utm_medium=rss&utm_campaign=25-best-freelance-tools-enhance-business-free

CSS image filters are a quick way to tweak images in the browser without resorting to Photoshop. This simple reference gives you 9 CSS filter shorthands that provide an excellent way to maintain ...

https://webdesignerwall.com/tutorials/9-simple-css-image-filters?utm_source=rss&utm_medium=rss&utm_campaign=9-simple-css-image-filters