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

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

  2. Срочный домашний выезд особенно важен для семей которые уже сталкивались с тяжёлыми последствиями алкоголизма и понимают что обычные попытки «отпаивания» не решают проблему. Врач оценивает не только факт употребления но и длительность запоя возраст наличие хронических болезней уже принятые медикаменты риск абстинентного синдрома состояние сердца и общую нагрузку на организм. Такой формат позволяет анонимно вызвать специалиста быстро провести необходимые вмешательства и определить нужен ли только домашний вывод из острого состояния или дальше потребуется кодирование повторная консультация реабилитация либо более широкий маршрут помощи при наркомании. Изучить вопрос глубже – нарколог на дом цена

  3. Капельница от похмелья — это эффективный способ экстренной помощи предназначенный для того чтобы помочь организму быстро восстановиться после злоупотребления алкоголем. В наркологической клинике «Частный медик 24» в Самаре мы предоставляем услугу безопасной детоксикации и восстановления 24/7. Капельница помогает организму вывести токсины восстановить водно-электролитный баланс и улучшить общее состояние пациента не создавая дополнительных нагрузок на сердце печень и почки. Получить больше информации – капельница от похмелья

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

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

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

  8. Наши врачи приезжают в удобное для пациента время и проводят полный осмотр. В зависимости от состояния пациента они подбирают необходимое лечение: капельницы для снятия токсинов медикаментозные препараты для стабилизации состояния а также дают рекомендации по дальнейшему восстановлению. Важно что лечение на дому позволяет избежать медицинской огласки и лишнего стресса а также гарантирует полную конфиденциальность. Выяснить больше – narkolog-na-dom-samara-1.ru/

  9. Нарколог на дом в Нижнем Новгороде с быстрым приездом специалиста детоксикацией и медицинской поддержкой в наркологической клинике «Частный медик 24» Исследовать вопрос подробнее – https://narkolog-na-dom-nizhnij-novgorod.ru/

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

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

  12. Для семьи это тоже большое облегчение. Вместо хаотичных советов споров и попыток «собрать человека волей» появляется понятная схема действий. Врач объясняет какие симптомы относятся к алкогольной интоксикации какие говорят о риске абстинентного синдрома какие показатели требуют особого внимания и что делать после процедуры. Такой формат особенно полезен тогда когда близкие уже пытались помочь сами но получили только ещё больше тревоги вопросов и неопределённости. Изучить вопрос глубже – http://narkolog-na-dom-voronezh-2.ru/

  13. Наркологический стационар в Санкт-Петербурге: круглосуточная помощь лечение зависимости и восстановление в наркологической клинике «Похмельная служба» Подробнее тут – наркологический стационар санкт-петербург

  14. К основным показаниям относятся: Подробнее – вывод из запоя на дому в нижнем новгороде

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

  16. Выезд нарколога на дом — это медицинская услуга которая подразумевает не только экстренную помощь но и полноценное обследование пациента в комфортных для него условиях. В наркологической клинике «Частный медик 24» мы обеспечиваем профессиональное лечение на дому которое включает в себя несколько важных этапов чтобы стабилизировать состояние пациента улучшить его самочувствие и снизить риски дальнейших осложнений. Разобраться лучше – врач нарколог на дом

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

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

  22. Консультацию психолога https://психолог38.рф в Иркутске можно получить в центре Психолог38. Здесь работают высококвалифицированные специалисты: детские психологи клинические семейные и индивидуальные. Мы собрали профессионалов разных направлений чтобы комплексно подходить к решению запросов клиентов. Бережно деликатно с научным подходом. Сложные ситуации в нашей жизни встречаются не редко и своевременная помощь поддержка очень важна. Находясь среди людей легко можно оказаться в одиночестве один на один со своими проблемами. Если вы ищите лучших психологов которые реально помогают людям обратите внимание на нашу организацию.

  23. Консультацию психолога https://психолог38.рф в Иркутске можно получить в центре Психолог38. Здесь работают высококвалифицированные специалисты: детские психологи клинические семейные и индивидуальные. Мы собрали профессионалов разных направлений чтобы комплексно подходить к решению запросов клиентов. Бережно деликатно с научным подходом. Сложные ситуации в нашей жизни встречаются не редко и своевременная помощь поддержка очень важна. Находясь среди людей легко можно оказаться в одиночестве один на один со своими проблемами. Если вы ищите лучших психологов которые реально помогают людям обратите внимание на нашу организацию.

  30. Нужна градирня? https://gradirni.mystrikingly.com ключевой элемент системы охлаждения позволяющий эффективно снижать температуру воды за счет теплообмена с воздухом. Применяется в промышленности энергетике и на предприятиях. Обеспечивает стабильную и экономичную работу оборудования.

  31. Нужна септик или погреб? https://septikidlyadoma.mystrikingly.com эффективное решение для автономной канализации. Системы обеспечивают качественную очистку сточных вод устраняют запахи и безопасны для окружающей среды. Подходят для частных домов коттеджей и загородных участков.

  32. Женский журнал https://vybir.kiev.ua статьи о моде красоте здоровье и отношениях. Актуальные тренды советы экспертов и вдохновение для современной женщины каждый день.

  33. Все о здоровье https://mikstur.com на одном портале: болезни симптомы методы лечения и профилактика. Советы врачей актуальные медицинские статьи и рекомендации. Помогаем лучше понимать организм и заботиться о своем самочувствии.

  34. Женский онлайн журнал https://whoiswho.com.ua стиль красота и здоровье. Полезные советы лайфхаки и актуальные темы для женщин. Все о жизни моде и саморазвитии.

  35. Строительный портал https://solution-ltd.com.ua с актуальной информацией и практическими решениями. Узнайте о новых технологиях сравните материалы получите советы и найдите специалистов. Сделайте ремонт или строительство проще быстрее и выгоднее.

  36. Сайт для женщин https://prowoman.kyiv.ua практичные советы по уходу за собой здоровью и отношениям. Читайте развивайтесь и улучшайте свою жизнь.

  37. Все о здоровье https://mikstur.com на одном портале: болезни симптомы методы лечения и профилактика. Советы врачей актуальные медицинские статьи и рекомендации. Помогаем лучше понимать организм и заботиться о своем самочувствии.

  43. Женский сайт https://fashionadvice.kyiv.ua полезная информация о здоровье стиле любви и карьере. Читайте актуальные статьи и находите решения для жизни.

  45. Лучший сайт для женщин https://musicbit.com.ua статьи о стиле любви здоровье и вдохновении. Найдите идеи для жизни и развития в одном месте.

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>