There are tons of high quality free and paid WP block plugins that you can download today. WordPress continues to be a leading content management system, powering a significant portion of the web. A key feature that enhances WordPress’ functionality and user experience is its block editor, Gutenberg. Introduced to make content creation intuitive and… Continue reading Best WordPress Block Plugins to Extend WordPress (Paid and Free)
Tag: Layouts
Layouts in Astro — SitePoint
This introduction to layouts in Astro is excepted from Unleashing the Power of Astro, available now on SitePoint Premium. While each .astro page (route) has the potential to contain a fully-fledged HTML document, it’s inefficient to duplicate that structure, especially when certain elements—such as <meta> and <title> elements—may vary depending on the currently viewed page.… Continue reading Layouts in Astro — SitePoint
Layouts in Astro — SitePoint
This introduction to layouts in Astro is excepted from Unleashing the Power of Astro, available now on SitePoint Premium. While each .astro page (route) has the potential to contain a fully-fledged HTML document, it’s inefficient to duplicate that structure, especially when certain elements—such as <meta> and <title> elements—may vary depending on the currently viewed page.… Continue reading Layouts in Astro — SitePoint
So You’re Selling a WordPress Theme: Best Practices for Demos
When you’re selling a theme, its demo is your sales pitch. If the demo falls short in some way, it’s doing a disservice to the theme and will lead to a loss of sales. If your theme includes hundreds of features, but buyers can’t see them in action, you may as well have no features… Continue reading So You’re Selling a WordPress Theme: Best Practices for Demos
Landing UI Kit with 80+ Layouts
Posted · Category: License Free, PS Tutorials Landing Free UI Kit has tons of handcrafted UI components created to increase your web creating speed, for Sketch and Photoshop. They’ve chosen the bright color palette that arouses only positive emotions and is sure to be loved by almost everyone. 80+ layouts in most popular categories commonly… Continue reading Landing UI Kit with 80+ Layouts
The Best Photoshop Tutorials of 2015
It’s been a great year here at Photoshop Tutorials and we want to thank all of our writers for creating some of the best Photoshop tutorials we’ve seen. Here’s a recap of the best tutorials from 2015. How to Create a Mysterious Matte Painting Landscape in Photoshop Learn how to create this beautiful mountain landscape in… Continue reading The Best Photoshop Tutorials of 2015
Accessibility for Modern Responsive Website Layouts
The older methods of web design have fallen by the wayside to make room for HTML5/CSS3 design. Unfortunately when you’ve become ingrained with older design techniques it can be difficult to extricate yourself from the outdated workflow. But modern usability centers around responsive design and requires more attention to detail. The following design tips are… Continue reading Accessibility for Modern Responsive Website Layouts
Free Download : Portfolio Template With 5 Different Header/Home Section Layouts
This Portfolio Template is a clean and simple free Bootstrap Template website designed layout for multi-purpose options, this is perfect for any web works. This Template built with bootstrap 3.3.2 and it is totally mobile responsive. It includes 5 Header or Home Section Variations (default, parallax, video, app, and slider), 5 Extra Pages for 3… Continue reading Free Download : Portfolio Template With 5 Different Header/Home Section Layouts
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
Creating Useful Breakpoints in Responsive Layouts
In our modern technological era you can find devices with any screen size that all have access to the Internet. This means bored people around the world can visit their favorite websites from a laundry basket full of different screen dimensions. If this were Pee-wee’s Playhouse I’d say the word of the day is: breakpoint!… Continue reading Creating Useful Breakpoints in Responsive Layouts
Guidelines for Building Touch-Supported Website Layouts
It should come as no surprise that people love to pass the time in waiting rooms by fiddling on their smartphones. These little devices have become a technological gateway to a library of applications and a sprawling metropolis of websites. This means a whole lot of people are visiting websites on the smallest screen imaginable… Continue reading Guidelines for Building Touch-Supported Website Layouts
Typography Guidelines for Creating Balanced Website Layouts
Whether you design on paper, in graphics software, or in a web browser, typography is something that you’ll have to consider. No website or poster would be complete without some bits of text on the page. But text alone is not good enough – the symmetrical design and structure of text on a page is… Continue reading Typography Guidelines for Creating Balanced Website Layouts
35 Mobile Responsive Portfolio Website Layouts
A portfolio is used to showcase your creative work to anyone with Internet access. The goal is to present your talent front & center making it easy to navigate. Responsive layouts will look stunning on any device allowing visitors to can check out your work from their laptop, tablet, or even smartphone. It’s tough to… Continue reading 35 Mobile Responsive Portfolio Website Layouts
Darkness That Feeds Your Mind: 20 Black Joomla Layouts
Behind the color of black there are lot of different emotions. Some think it is the color of evil. Some think it is the color of emptiness. Some think it is the color of love. Black is all of those things. Today we are talking about pre-made Joomla templates that are designed in black and… Continue reading Darkness That Feeds Your Mind: 20 Black Joomla Layouts
40 Placeholder Content Generators for Testing Project Layouts
Both websites and mobile projects often benefit from demoing content. But instead of spending your time slavishly copywriting, why not incorporate Lorem Ipsum as a method to generate filler text? Over the years many websites have popped up to offer variations on this filler content. Even static images can be embedded on-the-fly with these webapps.… Continue reading 40 Placeholder Content Generators for Testing Project Layouts
30 Grey & Silver Website Layouts for Design Inspiration
Choosing a great color scheme may often become a rigorous choice on each web project. You want to make sure the colors fit with the branding, and hopefully don’t overpower the content. Grey and silver are often portrayed as dull – and at times pushed into the background. Well in this article I want to… Continue reading 30 Grey & Silver Website Layouts for Design Inspiration
28 Smooth Parallax Scrolling Web Design Layouts
Parallax website layouts take advantage of dynamic animations to move between content panels. These designs often scroll in a vertical or horizontal pattern while animating page elements along the way. Parallax interfaces will catch your visitor’s attention quickly because they stand out dramatically in comparison to a “typical” website design. This showcase is dedicated to… Continue reading 28 Smooth Parallax Scrolling Web Design Layouts
An Introduction to Composition
Composition is about laying out all your ideas and design elements into a whole; composing your design. We’re going to combine all of the previous lessons that we’ve covered, and because of that it makes composition one of those really difficult aspects of designing anything. Creating a good composition will boost the users’ experience… Continue reading An Introduction to Composition
40 Stunning Green-Colored Web Design Layouts
The color green often imparts a sense of nature. The beauty of trees, shrubs, flowers, and other natural plants we can find on this Earth. But money can also symbolize other things to people such as money, health, and communication. The use of green is so widespread over so many various hues that it could… Continue reading 40 Stunning Green-Colored Web Design Layouts
25 Free Tools for Creating Responsive Website Layouts
Free open source tools and resources have been getting online over these past few years. Many of these tools are geared directly towards responsive web design, handling CSS and other typical features. The performance of these tools can vary greatly which is why so many designers are hesitant to jump right into a new library.… Continue reading 25 Free Tools for Creating Responsive Website Layouts
Create Alternate Layouts With the Same Content Using Adobe InDesign CS6
Tutorial Details Difficulty: Beginner Program Used: Adobe InDesign CS6 Screencast Length: 14m 21s One of the most interesting new features of Adobe InDesign CS6 is the possibility of creating Alternate Layouts of the same content in the same InDesign document. In this tutorial you can learn how to make the most of this feature. Vectortuts+
Studying User Experience Trends in Website Layouts
As a web designer you always want to stay on top of the latest ideologies. User experience design is the process of building around what the user needs to do. You have to consider specific reasons for why users are coming to your website in the first place. And the goal is to build a… Continue reading Studying User Experience Trends in Website Layouts
34 Flat Website Layouts for Design Inspiration
The flat metro-style design trend has only been active within the community for a couple of years. The original designs started with Microsoft and have grown in complexity ever since. Specifically I have noticed a lot of designers working with flat CSS3 buttons, links, icons, and other UI features. I want to dedicate this showcase… Continue reading 34 Flat Website Layouts for Design Inspiration
Grid-Based Layouts 101
Learning and understanding how to build a layout is one of the hardest aspects of visual design to master. Many designers have trouble grasping the concept of alignment and how to use grids to make their designs balanced and principled. The reason that grids work so well is because they help you divide content into… Continue reading Grid-Based Layouts 101