Flag

We stand with Ukraine and our team members from Ukraine. Here are ways you can help

Get exclusive access to thought-provoking articles, bonus podcast content, and cutting-edge whitepapers. Become a member of the UX Magazine community today!

Home ›› Design ›› One True Layout

One True Layout

by Constantinos Demetriadis
1 min read
Share this post on
Tweet
Share
Post
Share
Email
Print

Save

A bit like the Theory of Everything, for web developers.

Pure CSS-based layouts have come a long way but they still have shortcomings that fail to address certain design goals without compromising the true separation of content and presentation.

In short, the problematic design goals are these:

Total Layout Flexibility: That is, the ability to order columns logically in the source while displaying them in any order desired. For any number of columns.

Equal Height Columns: Or more accurately, equal height columns without having to rely on faux columns.

Vertical placement of elements across grids/columns: Designers face the choice of relying on elements being a particular height, resorting to tables or simply not bothering.

Read the whole article at Position is Everything

post authorConstantinos Demetriadis

Constantinos Demetriadis

Constantinos Demetriadis is a full time freelancer working from his personal digital design studio "Lovely Productions", basd in Athens, Greece.

In 1998 he earned his Bachelor of Arts in Industrial Design, but at the same time he got acquainted to the internet, which ultimately won his heart.

His professional career started when, in 1999, he started working for HellasNet as a Web Designer, and in a very short period he obtained the position of Art Director for FUTURENEED, a business unit of the same company. Since then he has been actively involved in numerous award winning projects, with the highlight in 2002 when he won the Ermis Gold and Grand Ermis for the site of Naftemporiki. Other awarded projects include the personal site of Demis Nikolaides (2003), FORTHnet’s portal site (2004) and the Ermis Awards site (2005).

His client roster includes BP, Coca-Cola, Lenovo, DHL, Interamerican, Naftemporiki and OTENET among others.

On a personal level, he has been involved in the creation and development of ProjectNeo, a Greek design community which launched in November 2000. In 2003 it was awarded an Ermis Gold in the Amateur / Non Commercial Sites category. ProjectNeo ended its journey in November 2005, when it reached a full 5 years in operation.

Tweet
Share
Post
Share
Email
Print

Related Articles

Unlock the secret to truly innovative UX by looking beyond the screen. This article reveals how inspiration from architecture, nature, and physical design can elevate your digital creations, making them more intuitive, user-centered, and creatively inspired. Step outside the digital world to spark new ideas and transform your UX design process.

Article by Rodolpho Henrique
The Secret to Innovative UX: Look Beyond the Digital World
  • The article explores how UX designers can draw inspiration from the analog world, including architecture, nature, and physical product design, to innovate digital experiences.
  • It highlights key design principles such as ergonomics, affordances, and wayfinding that can enhance digital interfaces.
  • The piece emphasizes the importance of stepping beyond the screen to foster creativity, prevent burnout, and create user-centered designs that feel natural and intuitive.
Share:The Secret to Innovative UX: Look Beyond the Digital World
5 min read

Are we on the brink of an AI-first revolution? As more products are built entirely around AI engines, designers must adapt. From dynamic interfaces and non-linear journeys to helping users optimize prompts, discover how the next generation of AI-driven products will reshape UX design.

Article by Tom Rowson
AI-First: Designing the Next Generation of AI Products
  • The article introduces “AI-first” products, designed around AI engines to offer more than just chat interfaces and improve over time.
  • It highlights key challenges for designers: creating flexible interfaces, helping users with prompts, and managing AI errors like hallucinations.
  • The piece stresses the need to adapt to non-linear, iterative user journeys as AI-first apps evolve.
Share:AI-First: Designing the Next Generation of AI Products
4 min read

Discover how AI-first design principles let you build beautiful, functional UIs in minutes — without ever opening Figma or writing any code.

Article by Adam Judelson, Ryan Brotman
Making Designs Without a Designer
  • AI-first design turns simple text prompts into fully functional, production-ready UIs — no coding or Figma required.
  • Learn how to develop structured AI prototyping workflows to eliminate bottlenecks, and ensure fast, scalable, and consistent UX across projects.
  • This isn’t just faster design — it’s the future of product design, making high-quality UI creation accessible to everyone.
Share:Making Designs Without a Designer
10 min read

Join the UX Magazine community!

Stay informed with exclusive content on the intersection of UX, AI agents, and agentic automation—essential reading for future-focused professionals.

Hello!

You're officially a member of the UX Magazine Community.
We're excited to have you with us!

Thank you!

To begin viewing member content, please verify your email.

Tell us about you. Enroll in the course.

    This website uses cookies to ensure you get the best experience on our website. Check our privacy policy and