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

  1. Строительный портал https://nesmetnoe.ru с полезными статьями о строительстве домов ремонте квартир выборе материалов и современных технологиях. Советы специалистов инструкции обзоры инструментов идеи для интерьера и практические решения для частного и коммерческого строительства.

  2. Онлайн-блог https://lifeoflove.ru о семейной жизни психологии любви и гармоничных отношениях. Читайте статьи о доверии понимании воспитании детей романтике и совместном досуге. Полезные советы и вдохновение для счастливой семейной жизни.

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

  4. Новости IT https://hardexpert.net и компьютерного мира: новинки технологий программное обеспечение гаджеты компьютерные комплектующие и цифровые сервисы. Обзоры аналитика обновления программ и последние события в мире технологий.

  9. Автомобильный портал https://hyundai-sto.ru со статьями обо всем что связано с машинами. Новости автопрома обзоры автомобилей советы по выбору ремонту и обслуживанию сравнения моделей технологии и полезная информация для водителей и автолюбителей.

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

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

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

  13. Портал о стройке https://profsmeta3dn.ru и ремонте: строительство домов ремонт квартир отделка помещений и современные строительные технологии. Полезные советы мастеров обзоры материалов и инструмента инструкции и идеи для ремонта и благоустройства жилья.

  19. Gaming portal Unblocked Games with free online games. A huge collection of browser games without restrictions: arcades strategy racing logic games and entertainment for relaxation right in your browser.

  20. MMORPG игра сайт Скрайда — онлайн-мир приключений сражений и развития персонажа. Выбирайте класс героя исследуйте локации участвуйте в PvP и PvE боях вступайте в гильдии и проходите квесты в захватывающей многопользовательской игре.

  29. заказать кухню по индивидуальным размерам заказать кухню по индивидуальным размерам .

  33. удаление полипов эндометрия лазером

  34. Found a bride? unique proposal ideas in Barcelona romantic scenarios beautiful locations photo shoots decor and surprises for the perfect declaration of love. Make your engagement in Barcelona an unforgettable moment in your story.

  35. Проблемы с застройщиком? неустойка по дду помощь юриста по долевому строительству расчет неустойки подготовка претензии и подача иска в суд. Защитим права дольщиков и поможем получить компенсацию.

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

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

  42. удаление жировиков на лице цена москва

  46. Проблемы с застройщиком? взыскание неустойки по дду помощь юриста по долевому строительству расчет неустойки подготовка претензии и подача иска в суд. Защитим права дольщиков и поможем получить компенсацию.

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

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

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>