Member Avatar for fawkman

Hi Guys

I am currently studying an I.T degree at uni, which covers a lot of general I.T disciplines, web design, databases, programming etc. Although we get taught technical skills, such as C# and Php, I am at a loss a lot of the time when designing websites.

I never know if there are any best practices I should be following or industry rules I should use when designing a layout or when putting a site together. I was wondering if anyone who works in the industry would be up for sharing some of the web design best practices or top tips they have picked up whilst working as a web designer. It would be great for me to take on board some advice so early in my learning so i get a good foundation for what I am doing and get into good habits when designing, so that I can produce quality work.

Would be great to hear from anyone, really appreciate your time.

kind regards

  • 5 Contributors
  • 5 Replies
  • 233 Views
  • 4 Weeks Discussion Span
  • Latest Post Latest Post by stellamary

Dani AI

Generated

Thanks for starting this thread, . The replies from , and cover useful basics; below are a few modern, practical priorities that complement those points and address gaps people often miss when moving from coding to real-world design.

Start mobile‑first and build components, not fixed pages. Use a flexible grid (Grid/Flexbox) and responsive images so a single component adapts instead of you maintaining multiple layouts. Minimal example to get started:

<meta name="viewport" content="width=device-width,initial-scale=1">

@media (min-width: 768px) {
  .layout { display: grid; grid-template-columns: 1fr 3fr; }
}

Make semantics and accessibility part of your default workflow. Use meaningful elements (header, main, nav, article), give every form control a label, and keep ARIA as an enhancement only when native semantics aren’t enough. Good microcopy and inline validation reduce user errors and support tickets; simple labeling like below prevents many problems:

<label for="email">Email</label>
<input id="email" name="email" type="email" required>

Design and iterate with measurable constraints. Create a small component library or living style guide (colors, spacing, button states) so designs stay consistent. Set a tiny performance budget and track it (real user metrics + a quick Lighthouse check), run short usability sessions (even 5 people), and use version control for both code and design assets. A quick caution: avoid overusing ARIA or complex custom controls without keyboard support — they’re common accessibility traps.

These steps keep projects maintainable and user-focused as they grow. They also map naturally to the testing-and-simplicity advice already posted here, while adding practical, repeatable workflows for modern web work.

Recommended Answers

All 5 Replies

Member Avatar for almostbob

standard tips and tweaks
http://websiteoptimization.com/services/analyze/
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/


code, css, mobile browsers, other browsers, optimize hints

of course thats once you get the code written

W3C guidelines for layout give hints for accessible sites, accessible is also readable for average joe
pixels are for images, not anything else recommended dimensions are in ems and %s
set margins of the body, and the page will adjust to most screen resolutions
most :profitable:popular:accessed:used:remembered web site Google, 1 entry form in the middle of a blank screen
Old Yahoo search chockablock screen, (who uses Yahoo)
New Yahoo search, 1 entry form in the middle of a blank screen
New Bing search, 1 entry form in the middle of a blank screenk.i.s.s. small is beautiful
css is faster than tables

Edited by almostbob because: n/a
Member Avatar for Beg.CProgrammer

1. The average person has a very short attention span when viewing a web page. Keep it simple, functional, and well organized. If you are not sure if something is simple enough, let someone who knows little more than how to google something try to find something on your site.

2. Design by purpose. (Is it to get information, Web 2.0 interaction, etc.)


http://www.daniweb.com/forums/thread18667.html

Member Avatar for benivolent

Hi Fawkman,

Find the below basic tips to design the web :-

1. Keep your paragraphs reasonable & in readable lengths.
2. Test your website using other browsers.
3. Keep your navigation simple.
4. Don't bother with splash pages.
5. Browser compatibility
6. Screen resolution adjustments
7. Font resizing facility
8. Fast loading web page.

Edited by Ezzaral because: Snipped &quot;fake sig&quot; link. Please restrict such links to your site-wide user signature, which can be edited from the user control panel.
Member Avatar for fawkman

Thanks for all your replies

:) appreciated

Member Avatar for stellamary

Friend, I am new for this thread.I believe these ways what have said for you our friends above are all practically true.And you can get a good result by using these guides.Best of luck.


<snip>

Edited by nav33n because: Fake signature removed.
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.