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

  2. ToLife designs https://tolifedehumidifier.com and manufactures compact dehumidifiers for residential use. The product line is based on semiconductor condensation technology and includes models with automatic shut-off sleep mode removable water tanks and ambient lighting. Specifications and documentation are available on the official website.

  3. смотри тут https://forum-info.ru есть разборы таких случаев люди пишут реальные отзывы и делятся опытом особенно полезно почитать тем кто уже столкнулся с подобной ситуацией

  4. шкафы на заказ москва недорого шкафы на заказ

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

  6. Хочешь отдохнуть? день рождения в воронеже уютный отдых за городом. Комфортные дома природа удобства и выгодные цены для выходных и праздников

  7. машины эвакуаторы в москве эвакуатор вызвать

  8. частный эвакуатор эвакуатор дешево срочно

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

  12. В этом информативном тексте представлены захватывающие события и факты которые заставят вас задуматься. Мы обращаем внимание на важные моменты которые часто остаются незамеченными и предлагаем новые перспективы на привычные вещи. Подготовьтесь к тому чтобы быть поглощенным увлекательными рассказами Всё что нужно знать – вывод из запоя на дому спб цены

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

  14. Мы собрали для вас самые захватывающие факты из мира науки и истории. От малознакомых деталей до грандиозных событий — эта статья расширит ваш кругозор и подарит новое понимание того, как устроен наш мир.
    Не упусти шанс – нарколог на дом цена

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

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

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

  20. Этот информативный текст отличается привлекательным содержанием и актуальными данными. Мы предлагаем читателям взглянуть на привычные вещи под новым углом, предоставляя интересный и доступный материал. Получите удовольствие от чтения и расширьте кругозор!
    Что скрывают от вас? – вывод из запоя

  23. В этой статье-обзоре мы соберем актуальную информацию и интересные факты, которые освещают важные темы. Читатели смогут ознакомиться с различными мнениями и подходами, что позволит им расширить кругозор и глубже понять обсуждаемые вопросы.
    Где можно узнать подробнее? – вывод из запоя на дому телефоны

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

  25. В данной статье вы найдете комплексный подход к изучению насущных тем. Мы комбинируем теоретические сведения с практическими советами, чтобы читатель мог не только понять проблему, но и найти пути её решения.
    Познакомиться с результатами исследований – выведение из запоя воронеж

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

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

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

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

  30. Нужна стальная лента? лента бандажная стальная широкий ассортимент разные толщины и марки стали. Выгодные цены быстрая отгрузка и поставки для производства и строительства

  31. Нужна стальная лента? лента стальная широкий ассортимент разные толщины и марки стали. Выгодные цены быстрая отгрузка и поставки для производства и строительства

  32. Публикация приглашает вас исследовать неизведанное — от древних тайн до современных достижений науки. Вы узнаете, как случайные находки превращались в революции, а смелые мысли — в новые эры человеческого прогресса.
    А что дальше? – вывод из запоя в воронеже

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

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

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

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

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

  40. Нужна стальная лента? лента бандажная для сип широкий ассортимент разные толщины и марки стали. Выгодные цены быстрая отгрузка и поставки для производства и строительства

  41. Журнал по станкоинструментальной https://www.stankoinstrument.su промышленности: аналитика научные разработки и практические рекомендации для развития отрасли

  42. взять займ 1000 рублей займ для студентов

  44. Нужны растения? саженцы деревьев и кустарников купить широкий выбор саженцев деревьев и кустарников для сада и участка. Качественный посадочный материал консультации и удобная доставка

  48. Читайте найсвіжіші новини https://vikka.net ексклюзивні відео аналітику та цікаві історії. Оперативна інформація щодня

  50. Публикация приглашает вас исследовать неизведанное — от древних тайн до современных достижений науки. Вы узнаете, как случайные находки превращались в революции, а смелые мысли — в новые эры человеческого прогресса.
    Детальнее – капельницу на дом стоимость

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>