How to Expand/Collapse WordPress Posts with jQuery

Category Image 080
WordPress has a feature that allows you to make your post “Condensable” for the main post view page. However, sometimes this feature may not meet your requirements. If you want to allow your users to expand the post that interests them while keeping them in the context of all the other post headlines, you can […]

Four Elements of Truly Mobile-Friendly Responsive Menus

Category Image 080

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 responsive menu must become a mobile menu, adhering to the needs and rules of touch-driven devices. Mobile design is rapidly changing, and so the […]


The post Four Elements of Truly Mobile-Friendly Responsive Menus appeared first on Web Designer Wall.

Tutorial: Duo Layout With CSS3 Animations & Transitions (Pt. 2)

Featured Imgs 13

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 side or the other navigates further into the site without a page load, using CSS transitions and 3d transforms. This week, I’ll show you […]


The post Tutorial: Duo Layout With CSS3 Animations & Transitions (Pt. 2) appeared first on Web Designer Wall.

Tutorial: Trendy Splitscreen Layout With CSS3 Animations (Pt. 1)

Category Image 080

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 subtle effects. With this playful trend in mind, I’ve created a two-part tutorial to show you how to use flexbox, 3D transforms […]


The post Tutorial: Trendy Splitscreen Layout With CSS3 Animations (Pt. 1) appeared first on Web Designer Wall.