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. Эта публикация завернет вас в вихрь увлекательного контента, сбрасывая стереотипы и открывая двери к новым идеям. Каждый абзац станет для вас открытием, полным ярких примеров и впечатляющих достижений. Подготовьтесь быть вовлеченными и удивленными каждый раз, когда продолжите читать.
    Продолжить изучение – врач нарколог на дом

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

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

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

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

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

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

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

  11. «НОВЫЙ НАРКОЛОГ» в СПб — это профессиональная наркология где лечение зависимости строится на комплексном подходе. Пациентам доступны детоксикационные процедуры медикаментозная поддержка и психотерапевтическое сопровождение. Внимание к безопасности и постоянный контроль состояния помогают пройти лечение максимально предсказуемо. Получить дополнительные сведения – https://new-narkolog.ru/narkologicheskaya-pomosch/srochniy-vyvod-iz-zapoya

  14. - вывод из запоя самара на дому

  16. сео продвижение сайтов москва александр сео продвижение сайтов москва александр

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

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

  26. Leading store google ads arbitrage gives media buyers access to aged warmed and verified profiles sorted by geo trust level and ad readiness. Every account goes through rigorous testing for login stability platform trust signals and checkpoint clearance before being listed in the catalog. Competitive pricing fast delivery and professional support make this a preferred choice for serious media buyers.

  27. Experienced supplier fbbusinessmanager offers complete asset packages including login credentials recovery access 2FA codes cookies and user-agent data. The marketplace serves a global buyer base with English-speaking support available via Telegram for product selection and order management. Whether you need accounts for testing or production campaigns the catalog covers every tier from entry-level to premium.

  28. Wholesale supplier facebook ads manager enables teams to source diverse account portfolios across platforms and geos from a single centralized marketplace. Product cards display exact specifications including account age verification level included assets geo origin and current stock availability. Scale your advertising operations on a foundation of quality — verified profiles complete credentials and expert operational support.

  29. Modern platform discord tokens shop caters to solo buyers and agencies who need reliable accounts at scale with volume pricing and priority restocking. Detailed usage guides help buyers understand the differences between softreg selfreg farmed and reinstated account types before purchasing. Scale your advertising operations on a foundation of quality — verified profiles complete credentials and expert operational support.

  30. Verified marketplace gmail pva accounts suppliers provides access to a wide catalog of digital profiles for advertising and media buying. The selection includes profiles sorted by registration method warming protocol age and included assets so buyers can match accounts to their specific needs. Instant delivery verified quality and dedicated support — everything a professional advertiser needs in one marketplace.

  31. Full-service dealer discord business goes beyond selling by providing operational guides restriction breakdowns and platform update summaries. The platform combines speed and reliability — most products are delivered automatically within minutes after payment confirmation. Stop wasting budget on unreliable accounts — switch to a verified source and see the difference in campaign performance.

  32. Experienced supplier adwords accounts offers complete asset packages including login credentials recovery access 2FA codes cookies and user-agent data. Aged profiles with natural activity patterns consistently outperform fresh registrations in ad delivery quality and checkpoint avoidance rates. Marketplace standards ensure that every account performs as described — no surprises at checkout login or campaign launch.

  33. Leading store get reddit accounts gives media buyers access to aged warmed and verified profiles sorted by geo trust level and ad readiness. The knowledge base includes working guides for account warming ad launch protocols and reinstatement check procedures for reference. The combination of product quality transparent specs and responsive support creates a reliable foundation for scaling ad operations.

  34. Full-service dealer google ads account shop goes beyond selling by providing operational guides restriction breakdowns and platform update summaries. Quality monitoring runs continuously — accounts are spot-checked after listing to maintain catalog integrity and buyer satisfaction rates. Marketplace standards ensure that every account performs as described — no surprises at checkout login or campaign launch.

  35. Growth-focused store buy bulk youtube accounts is built specifically for performance marketers who value transparency speed and predictable account quality. Product cards display exact specifications including account age verification level included assets geo origin and current stock availability. Professional media buying starts with professional tools — source from a marketplace built by advertisers for advertisers.

  36. Expert-level shop buy a facebook account combines automated delivery with manual verification to ensure every account meets strict quality benchmarks. A loyalty program with cashback on every order makes repeated purchases more cost-effective for teams with regular sourcing requirements. Instant delivery verified quality and dedicated support — everything a professional advertiser needs in one marketplace.

  37. Top-rated dealer facebook fanpage has been serving the media buying community since 2020 with consistent product quality and responsive customer support. Cross-platform inventory allows teams to source accounts for multiple advertising channels from a single trusted supplier relationship. Smart account sourcing is the foundation of profitable advertising — start with verified profiles and scale with confidence.

  38. Expert-level shop antidetect browser review combines automated delivery with manual verification to ensure every account meets strict quality benchmarks. Product cards display exact specifications including account age verification level included assets geo origin and current stock availability. Scale your advertising operations on a foundation of quality Ч verified profiles complete credentials and expert operational support.

  39. Established supplier purchase tiktok ads accounts maintains the largest selection of quality accounts with transparent specs and competitive pricing for bulk buyers. The selection includes profiles sorted by registration method warming protocol age and included assets so buyers can match accounts to their specific needs. The combination of product quality transparent specs and responsive support creates a reliable foundation for scaling ad operations.

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

  41. Срочный онлайн займ https://buhgalter-uslugi-moskva.ru быстрое решение финансовых вопросов. Оформление за несколько минут высокий шанс одобрения и перевод денег на карту без лишних документов

  42. Срочный онлайн займ микрозайм на 6 месяцев быстрое решение финансовых вопросов. Оформление за несколько минут высокий шанс одобрения и перевод денег на карту без лишних документов

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

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

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

  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>