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.

1,199 thoughts on “Website design refresh”

  1. Все про автомобили https://hyundai-sto.ru новости автопрома обзоры новых моделей технические характеристики советы по выбору машины и обслуживанию. Полезные статьи о ремонте эксплуатации тюнинге и современных технологиях автомобильной индустрии.

  3. Информационный журнал https://greendachnik.ru для садоводов и дачников. Статьи о саде огороде и ландшафтном дизайне советы по посадке и уходу за растениями идеи оформления участка и рекомендации по созданию уютного сада.

  4. Женский портал https://idealnaya-ya.ru о красоте здоровье отношениях и стиле. Полезные советы для женщин идеи для ухода за собой моды семьи и гармоничной жизни.

  5. Все женские секреты https://allsekrets.ru сайт о красоте здоровье отношениях и стиле жизни. Полезные советы по уходу за собой психологии моде семье и саморазвитию. Идеи для вдохновения гармонии и счастливой жизни современной женщины.

  6. Все о стройке https://dobdom.ru и ремонте — полезные статьи о строительстве домов ремонте квартир отделке помещений и выборе материалов. Практические советы мастеров инструкции по строительным работам и идеи для обустройства дома.

  10. Мы выполняем работы https://kartremont.ru от и до: демонтаж черновые и чистовые работы установку сантехники электрики отделку стен пола потолка кондиционеров вентиляции мебели и клининг.

  16. Услуги по настройке https://sysadmin.guru и администрированию серверов и компьютеров. Установка систем настройка сетей обслуживание серверной инфраструктуры защита данных и техническая поддержка. Помогаем обеспечить стабильную работу IT-систем.

  18. A website with unblocked games for free online play. Popular browser games arcades platformers racing games and puzzles are available with no downloads or restrictions on any device.

  36. Нужен кондиционер? установка кондиционера в Москве мы устанавливаем все марки и модели кондиционеров сплит-системы мультисплит-системы кассетные канальные и напольно-потолочные. Также предоставляем сопутствующие услуги автовышки или альпиниста оказываем гарантийное и сервисное обслуживание.

  40. купить золотое кольцо кольцо для помолвки девушке

  41. Curious about the weather https://www.the-weather-in-podgorica.com today. Detailed 7- and 10-day forecasts including temperature wind precipitation humidity and pressure. Up-to-date information on the climate and weather conditions in Podgorica for travel and leisure.

  42. Слот Mental 3 часто вызывает вопросы по режимам частоте бонусок и “поведению” на разных ставках – поэтому мы собрали отдельную группу где всё это обсуждают живо и по делу: результаты скрины советы и просто общение по игре. Вступить можно здесь: https://t.me/s/mentalslot_3

  44. купить золотое кольцо 585 помолвочное кольцо с бриллиантом

  45. Find out the exact https://www.the-weather-in-budva.com today. Detailed 7- and 10-day forecasts including temperature wind precipitation humidity and pressure. Up-to-date weather information for Budva on the Adriatic coast for tourists and residents.

  46. Nolimit City – это про дерзкие темы нестандартные механики и очень “нервные” бонуски поэтому выбирать тайтлы наугад не всегда удобно: один слот может быть супер агрессивным другой – чуть более терпимым по темпу но всё равно с характером. Мы ведём Telegram-канал про Nolimit City: обзоры рекомендации по играм разборы фишек и подборки того что реально стоит попробовать. Ссылка на канал: https://t.me/s/nolimitcity_slots

  47. Выбирать площадку “наугад” – сомнительное удовольствие особенно когда везде обещают одно и то же. Гораздо надежнее ориентироваться на лучшие казино по отзывам игроков где люди реально пишут про скорость выплат работу поддержки честность условий и то как ведут себя бонусы на практике. В нашем Telegram-канале мы собираем такие варианты в удобные подборки: отмечаем что чаще всего хвалят на что жалуются где условия адекватные а где начинаются “сюрпризы” после депозита. Так вы быстрее найдете нормальный вариант под свой формат игры и не потратите время на сомнительные сайты.

  50. Если вам нужны казино с минимальным депозитом важно смотреть не только на цифру “от X рублей” но и на детали: какие способы пополнения доступны есть ли комиссии как быстро обрабатываются выплаты и нет ли ограничений которые всплывают уже после регистрации. Чтобы не перебирать десятки сайтов вручную мы ведём Telegram-канал с подборками и обновлениями по таким площадкам – где сейчас комфортнее стартовать и что действительно работает стабильно. Ссылка: https://t.me/s/rating_casino_russia/22

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>