Member Avatar for bethennyengland

How can I keep up with new features of css and html? is there a good site I can go that lists websites with new good design layouts that I can try to emulate for sites?

  • 4 Contributors
  • 3 Replies
  • 103 Views
  • 3 Days Discussion Span
  • Latest Post Latest Post by TheAlex

Dani AI

Generated

Building on the early replies from , , and : the web changed a lot since 2009. Semantic HTML5, CSS Grid and Flexbox, custom properties, media-query-driven responsive workflows, performance, and accessibility are all standard parts of modern front-end work. The most reliable way to keep up is to pair an authoritative reference with a browser-support checker and a hands-on playground — then turn discoveries into short experiments.

Authoritative reference: MDN for up-to-date docs and examples. Browser support: Can I Use to check when features are safe to ship. Playgrounds and rapid prototyping: CodePen for rebuilding components and saving experiments. Modern best-practice guides and audits: web.dev and deep articles at Smashing Magazine.

A practical mini-workflow that turns trend-watching into skill:

  • Pick one feature (Grid, custom properties, Intersection Observer) each week.
  • Rebuild a small UI piece in CodePen and note fallbacks.
  • Add working examples to a tiny pattern library (GitHub Pages).
  • Use Autoprefixer/PostCSS in the build step and verify support on Can I Use before deploying.

Quick starter snippet (CSS variables + responsive grid):

:root {
  --gap: 1rem;
  --min-col: 200px;
}

.cards {
  display: grid;
  gap: var(--gap);
  grid-template-columns: repeat(auto-fit, minmax(var(--min-col), 1fr));
}

Cautions: trends are useful but should be tested on real devices and given fallbacks. Run accessibility checks and performance audits (Lighthouse/web.dev). The original forum suggestions about following standards, blogs and showcases still apply — treat them as starting points and make what’s new work in small, testable pieces.

Recommended Answers

All 3 Replies

Member Avatar for InsaneVr6

My go to for the latest HTML and CSS markup has always been The World Wide Web Consortium

They have great tutorials, examples, and even an in-browser text editor (sort of like dreamweaver) where you code on the left and the result is on the right!

I learned the basics of HTML through that site.

Member Avatar for thefandango

I agree with the above post, also keep track of a few a dew quality forums, and perhaps subscrie to the RSS feeds of a couple of quality /authority web design blogs.

Member Avatar for TheAlex

www.cssplay.co.uk
www.csszengarden.com shows what can be achieved with the same content and different CSS. The vintage cinema layout is one of my favourites.

Failing that, search on Google for something like "best css sites/layouts" and you're bound to find a blog you like the look of.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.