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,562 thoughts on “Website design refresh”

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

  2. Мировые новости https://vse-novosti.net актуальные события со всего мира: политика экономика технологии и общество. Оперативные обновления и проверенная информация каждый день

  3. Актуальные новости мира https://tovarpost.ru оперативная информация аналитика и обзоры. Узнавайте о главных событиях и трендах международной повестки

  4. Портал об автомобилях https://autort.ru новости автопрома обзоры моделей тест-драйвы и советы по выбору. Актуальная информация для водителей и автолюбителей

  5. Мировые новости https://vse-novosti.net актуальные события со всего мира: политика экономика технологии и общество. Оперативные обновления и проверенная информация каждый день

  6. Женский журнал https://justwoman.club онлайн: мода красота здоровье и отношения. Актуальные статьи советы экспертов и идеи для вдохновения каждый день

  7. Актуальные новости мира https://tovarpost.ru оперативная информация аналитика и обзоры. Узнавайте о главных событиях и трендах международной повестки

  8. Портал об автомобилях https://autort.ru новости автопрома обзоры моделей тест-драйвы и советы по выбору. Актуальная информация для водителей и автолюбителей

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

  10. Женский журнал https://justwoman.club онлайн: мода красота здоровье и отношения. Актуальные статьи советы экспертов и идеи для вдохновения каждый день

  11. Медицинский портал https://vet-com.ru о здоровье: симптомы методы лечения и профилактика. Достоверная информация и рекомендации для всей семьи

  12. Актуальные новости https://komputer-nn.ru технологий: ИИ программное обеспечение смартфоны планшеты и гаджеты. Свежие обзоры аналитика и главные события IT-сферы

  13. Всё об автомобилях https://web-mechanic.ru на одном портале: характеристики сравнения рейтинги и рекомендации. Узнайте больше о новых и популярных авто

  14. Автомобильный портал https://avtomechanic.ru ремонт обслуживание и диагностика. Практические советы лайфхаки и полезная информация для водителей

  15. Медицинский портал https://vet-com.ru о здоровье: симптомы методы лечения и профилактика. Достоверная информация и рекомендации для всей семьи

  17. Актуальные новости https://komputer-nn.ru технологий: ИИ программное обеспечение смартфоны планшеты и гаджеты. Свежие обзоры аналитика и главные события IT-сферы

  18. Всё об автомобилях https://web-mechanic.ru на одном портале: характеристики сравнения рейтинги и рекомендации. Узнайте больше о новых и популярных авто

  19. Автомобильный портал https://avtomechanic.ru ремонт обслуживание и диагностика. Практические советы лайфхаки и полезная информация для водителей

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

  22. В данной статье мы акцентируем внимание на важности поддержки в процессе выздоровления. Мы обсудим как друзья семья и профессионалы могут помочь тем кто сталкивается с зависимостями. Читатели получат практические советы как поддерживать близких на пути к новой жизни. Получить дополнительные сведения – вывод из запоя в стационаре в нижнем новгороде

  23. Всё для сада https://ogorodik66.ru и огорода на одном сайте: парники теплицы выращивание и уход. Практичные рекомендации и полезные материалы для дачников

  25. Всё для сада https://ogorodik66.ru и огорода на одном сайте: парники теплицы выращивание и уход. Практичные рекомендации и полезные материалы для дачников

  26. мебель по размерам недорого мебель по размерам недорого

  27. Хочешь обучаться? складчина сервис для поиска выгодных предложений на обучение. Получайте знания легально и экономьте на образовании

  28. Хочешь обучаться? складчина сервис для поиска выгодных предложений на обучение. Получайте знания легально и экономьте на образовании

  29. мебель на заказ по индивидуальным размерам мебель на заказ москва

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

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

  33. заказать кухню в спб по индивидуальному проекту заказать кухню в спб по индивидуальному проекту

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

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

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

  37. В этой публикации мы предлагаем подробные объяснения по актуальным вопросам чтобы помочь читателям глубже понять их. Четкость и структурированность материала сделают его удобным для усвоения и применения в повседневной жизни. Прочесть заключение эксперта – вывод из запоя в нижнем новгороде

  38. кухня на заказ спб от производителя недорого кухня на заказ спб от производителя недорого

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

  42. шкаф по индивидуальным размерам шкаф на заказ по индивидуальным размерам

  43. шкафы под заказ изготовление шкафов по индивидуальным размерам

  44. шкаф под заказ шкафы-заказать.рф

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

  46. Предлагаем купить щебень https://sheben23.ru и песок в Краснодаре с доставкой. В наличии любые фракции щебня для строительства бетона и дорог. Качество по ГОСТ. Доставляем собственными самосвалами быстро и без переплат.

  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>