Website design refresh

Posted on by

It has been nearly 3 years since I first launched the freestyle developments website and it was long overdue for a design and code refresh. Today I finally relaunched the site.

For me, the biggest change has been to move to a HTML5 doctype. The site now utilises many of the new HTML5 tags, such as header, footer, nav, section, article, aside and time as well as some of the new HTML5 forms attributes. Many thanks goes to @rem and @brucel for their fantastic HTML5 book, which I gleaned a lot of useful information from.

I’ve also given it a bit of a visual refresh, to use some CSS3 properties that I’m now regularly using on sites I build: drop shadows, rounded corners – that sort of eye candy. It means that my CSS no longer validates with no errors, but I’m hoping people in the know will be able to see past the vendor specific CSS property prefix errors e.g. “-moz-”, “-webkit-”.

I’ve gone for a Jello Mold layout to give me the flexibility of a fluid layout within parameters I control. I love fluid layouts, but their biggest enemy is widescreen displays, which makes reading text difficult due to the long line lengths, which is minus points for accessibility.

Assuming your default font size is 16px, my site is fluid between 700px and 1280px. Outside of these browser widths the site is rigid. It means that the site never gets so small that the content is unreadable, and never become so wide that the line width is a hindrance to legibility. Another nice thing about the Jello Mold is that between the max and min, the site re-sizes itself in an organic way, which really has to be experienced to be appreciated (give it a go now, go on).

I’ve also updated my CSS to use the YUI reset sylesheet. I don’t agree with absolutely everything that YUI are doing with their CSS stylesheets, but they have some really interesting ideas and valid points. Either way, it is nice to have part of my styles coming off a CDN and is a bit more up to date than the reset I used to use.

In accordance with my post on the EM unit and browser zoom, I’ve updated my stylesheets and removed all references to pixels in favor of EM’s like I have been doing with all my new website builds for a while now. I don’t set a font size for any of my pages html or body elements, allowing the user to choose the size of my website by setting their default font size for their browser, which is 16px for most browsers.

Anyway, I think that is all I have to say for now. Enjoy the new site and all the interesting tech that comes with it. If this all sounds good to you, and you’re looking for a freelancer like me. Get in touch.

2,557 thoughts on “Website design refresh”

  2. Если вам нужна профессиональная верификация GMB в условиях российских ограничений — обратитесь к специалисту напрямую.

  3. Міський портал Ваш провідник у житті Кривого Рогу: афіша новини довідник та корисні сервіси для мешканців та туристів

  4. сериал все серии подряд сверхъестественное смотреть

  5. сериалы онлайн в качестве сверхъестественное смотреть

  6. лучшие сериалы бесплатно сверхъестественное смотреть

  7. смотреть сериал сезон сверхъестественное смотреть

  12. комплект видеонаблюдения на 4 камеры комплект ip видеонаблюдения

  13. купить комплект видеонаблюдения камеры видеонаблюдения готовый комплект

  14. стоматология прием номер телефона стоматологии

  15. сайт стоматологии стоматология стоимость

  17. дизайнерская люстра в гостиную бра настенные дизайнерские

  19. купить дизайнерский подвесной светильник современные дизайнерские светильники

  22. стоматология стоимость стоматология лечить

  23. стоматология метро стоматология рядом

  34. свадебное агентство свадьба организация свадеб услуги

  35. организатор свадеб москва свадьба организация и проведение

  42. Эта обзорная заметка содержит ключевые моменты и факты по актуальным вопросам. Она поможет читателям быстро ориентироваться в теме и узнать о самых важных аспектах сегодня. Получите краткий курс по современной информации и оставайтесь в курсе событий!
    Не упусти шанс – вывод из запоя дешево

  43. Этот медицинский обзор сосредоточен на последних достижениях которые оказывают влияние на пациентов и медицинскую практику. Мы разбираем инновационные методы лечения и исследований акцентируя внимание на их значимости для общественного здоровья. Читатели узнают о свежих данных и их возможном применении. Связаться за уточнением – вызвать врача нарколога на дом

  44. Откройте для себя скрытые страницы истории и малоизвестные научные открытия, которые оказали колоссальное влияние на развитие человечества. Статья предлагает свежий взгляд на события, которые заслуживают большего внимания.
    Переходите по ссылке ниже – вывод из запоя на дому самара круглосуточно

  46. Этот увлекательный информационный материал подарит вам массу новых знаний и ярких эмоций. Мы собрали для вас интересные факты и сведения, которые обогатят ваш опыт. Откройте для себя увлекательный мир информации и насладитесь процессом изучения!
    Раскрыть тему полностью – нарколог самара

  47. поставить капельницу на дому цена екатеринбург поставить капельницу на дому цена екатеринбург

  48. В этой информационной статье вы найдете интересное содержание, которое поможет вам расширить свои знания. Мы предлагаем увлекательный подход и уникальные взгляды на обсуждаемые темы, побуждая пользователей к активному мышлению и критическому анализу.
    См. подробности – прокапаться нижний новгород

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>