Website design refresh

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.

3,433 thoughts on “Website design refresh

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

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

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

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

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

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

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

  8. В этой статье мы говорим о важности поддержки в процессе выздоровления. Рассматриваются семьи группы поддержки специалисты и онлайн-ресурсы которые могут сыграть решающую роль в избавлении от зависимости. Лучшее решение — прямо здесь – наркологическая клиника в краснодаре

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

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

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

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

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

  14. Публикация знакомит читателей с различными подходами к реабилитации. От традиционных методов до современных программ — вы узнаете как выбрать оптимальный путь к выздоровлению и преодолеть препятствия на этом пути. Ознакомьтесь с аналитикой – прокапаться от алкоголя краснодар

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

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

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

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

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

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

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

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

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

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

  25. В этой заметке мы представляем шаги которые помогут в процессе преодоления зависимостей. Рассматриваются стратегии поддержки и чек-листы для тех кто хочет сделать первый шаг к выздоровлению. Наша цель — вдохновить читателей на положительные изменения и поддержать их в трудных моментах. Лови подробности – кодирование от алкоголизма в волгограде

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

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

  28. Текст посвящён распространённым мифам о зависимости и их развенчанию. Мы предоставим научно обоснованную информацию и дадим рекомендации по выбору эффективного способа борьбы с зависимым поведением.
    Дополнительно читайте здесь – detox24 в краснодаре

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

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

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

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

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

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

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

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

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

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

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

  40. Текст посвящён распространённым мифам о зависимости и их развенчанию. Мы предоставим научно обоснованную информацию и дадим рекомендации по выбору эффективного способа борьбы с зависимым поведением. Обратитесь за информацией – moskva detox24

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

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

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

  44. В этой статье мы рассматриваем разрушительное влияние зависимости на жизнь человека. Обсуждаются аспекты такие как здоровье отношения и профессиональные достижения. Читатели узнают о необходимости обращения за помощью и о путях к восстановлению. Подробнее можно узнать тут – наркологическая клиника «Детокс» в Москве

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

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

  47. Обзор посвящён процессу восстановления после зависимостей. Мы расскажем о различных этапах реабилитации поддерживающих ресурсах и важности мотивации в достижении устойчивого выздоровления. Эксклюзивная информация – detox24 в мариуполе

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

  49. Обзор посвящён процессу восстановления после зависимостей. Мы расскажем о различных этапах реабилитации поддерживающих ресурсах и важности мотивации в достижении устойчивого выздоровления. Как достичь результата? – detox24

  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>