Tag: layout

Too many Figma plugins to choose from? Supercharge your design workflow with our picks for the best Figma plugins.

Flipsnack is a design/layout tool similar to InDesign and Affinity Publisher that helps you easily create professional layouts online.

Delivering a speedy UX isn't all about code and servers – it's about how things feel.  Chris shows you how to use 'skeleton screens' to speed up your UX. 

Create a straight, unobstructed, vertical path to completion. Now it's faster for your form to be filled out, and it looks neater and simpler too.

If you need a custom layout for your Android App, then you need your own ArrayAdapter. Simon Codrington shows you how to create and use them in your apps.

Split-screen layouts are a bold stylistic choice but not suited to all designs. Today, Daniel balances some design inspiration with a few words of caution.

Petros Demetrakopoulos presents a beginners guide to populating and using TableViews in iOS, a fundamental part of app design and layout.

Ssometimes we need to be mindful of how classic print techniques translate to digital. Pull Quotes are a good example.

The ancient Sumerians were the first data nerds, and understood the beauty of tabular data. But how do we keep the power of HTML tables on small screens?

In this article, Justyn Hornor will show you how to set up a stylesheet just for printing off your content on a website.

This article gives you 20 best flat web and mobile design, by the author Gabrielle Gosha.

Decide if your landing page is too busy & find out what you can do to optimize your landing page to get a higher conversion rate & to get better results.

Read 15 Creative, Appealing "About Me" Pages and learn with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more.

Learn to use grids in your print and web designs. Learn about grids, how they work and how they can make your work easier and your designs better.

A study on symmetry, what it is and when to use it. Learn about the different types of symmetry, asymmetry and how to use them in your design projects.

Read 15 Gorgeous "Under Construction" Themes and learn with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more.

Read Design an Invoice That Practically Pays Itself and learn with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more.

Read Functional Footer Design: 8 Improvements for Ordinary Footers and learn with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more.

Read Build Great Landing Pages by Color Matching Photos in Photoshop and learn with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more.

Read 25 Bestselling Premium WordPress Themes in 2012 and learn with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more.

Read Taking CSS1k to the Garden of CSS-3den and learn with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more.

Read Strengthen Your Website With Simple Multivariate Testing for WordPress and learn with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more.

Read Create an Awesome Portfolio Layout in Photoshop and learn with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more.