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”

  2. Магазин бытовой химии https://bytovaya-sfera.ru широкий ассортимент средств для уборки стирки и ухода за домом. Качественная продукция доступные цены и удобная доставка

  3. Liam prestamos para kit de soldadura. Taller metalГєrgico crece crГ©dito a crГ©dito.

  4. Магазин бытовой химии https://bytovaya-sfera.ru широкий ассортимент средств для уборки стирки и ухода за домом. Качественная продукция доступные цены и удобная доставка

  5. Un carpintero prestamo para aluminio. Aberturas modernas con poco capital.

  8. Магазин бытовой химии https://bytovaya-sfera.ru широкий ассортимент средств для уборки стирки и ухода за домом. Качественная продукция доступные цены и удобная доставка

  14. Комфортные путешествия с экскурсоводом Калининград и область экскурсии позволят увидеть регион в индивидуальном формате.

  15. Индивидуальные туры с гидом экскурсия на пивоварню в Калининграде откроют процесс производства пива в комфортном формате путешествия.

  17. «НОВЫЙ НАРКОЛОГ» в СПб — это комплексная наркологическая помощь для взрослых пациентов: от срочной стабилизации состояния до системной реабилитации. Специалисты используют современные протоколы контролируют динамику лечения и уделяют внимание психологическим факторам зависимости. Поддержка на каждом этапе помогает снизить риск срыва и закрепить результат. Выяснить больше – синдром отмены алкоголя клинические рекомендации

  18. «Оптимед» — наркологическая клиника в Кирове где помогают справиться с алкоголизмом и наркоманией. Пациентам доступен вывод из запоя и длительная реабилитация. Центр работает анонимно и обеспечивает комплексное сопровождение на всех этапах лечения. Подробнее – https://optimed-narkolog.ru/kapelnitsa-ot-zapoya-s-vyezdom-na-dom

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

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

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

  24. - вызов на дом нарколога цена

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

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

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

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

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

  32. услуги интернет маркетолога по seo продвижению услуги интернет маркетолога по seo продвижению

  35. разработка продвижение и сопровождение сайтов разработка продвижение и сопровождение сайтов

  37. seo продвижение сергей новгородский главный seo seo продвижение сергей новгородский главный seo

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

  40. «НОВЫЙ НАРКОЛОГ» в СПб — это комплексная наркологическая помощь для взрослых пациентов: от срочной стабилизации состояния до системной реабилитации. Специалисты используют современные протоколы контролируют динамику лечения и уделяют внимание психологическим факторам зависимости. Поддержка на каждом этапе помогает снизить риск срыва и закрепить результат. Исследовать вопрос подробнее – синдром отмены алкоголя с делирием

  41. услуги интернет маркетолога по seo продвижению услуги интернет маркетолога по seo продвижению

  43. интернет агентство продвижение сайтов сео интернет агентство продвижение сайтов сео

  44. seo оптимизация и продвижение сайтов москва seo оптимизация и продвижение сайтов москва

  45. Реабилитация алкоголиков в Москве с комплексным подходом — это многогранный процесс включающий в себя не только медицинские процедуры но и психологическую поддержку физическую реабилитацию и помощь в социальной адаптации. Профессиональный реабилитационный центр обеспечивает индивидуальный подход к каждому пациенту включая такие методы как кодирование и своевременное лечение запоя. Важно отметить что успешное лечение алкоголизма требует учета множества факторов таких как степень зависимости психоэмоциональное состояние пациента а также его физическое здоровье. Комплексный подход помогает эффективно устранить все составляющие проблемы минимизируя риски рецидивов. Исследовать вопрос подробнее – http://reabilitacziya-alkogolikov-moskva-2.ru/

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

  48. Julieta prestamos para pagar la feria de ciencias de su hijo. Proyectos escolares sin agobios.

  49. Un tГ©cnico prestamo para soldador estaГ±o. ReparaciГіn de electrГіnica como oficio.

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>