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

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

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

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

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

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

  11. Официальный сайт pokerok скачать: регистрация вход бонусы и игра в онлайн покер. Обзор возможностей турниров кеш-столов и мобильного приложения. Узнайте как начать играть и выводить деньги на проверенной платформе.

  13. Check out vin lookup which provides instant VIN decoding for any car truck or SUV worldwide.

  14. This resource source helps verify vehicle condition and reveals hidden damage or title problems.

  15. Online service charter private jet simplifies private jet booking with real time aircraft availability and pricing.

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

  19. реконструкция и ремонт зданий и сооружений реконструкция и ремонт зданий и сооружений .

  22. Брендирование сувениров https://4youcreation.kz/lazernaya-gravirovka/ в Алматы по современным технологиям. Специалисты предлагают лазерную гравировку УФ-печать и термоперенос на ткани стекло металл и пластик. Организуют доставку по всему Казахстану.

  23. Компания FarbWood https://farbwood.by предлагает пиломатериалы из сибирской лиственницы для частного и коммерческого строительства в Минске и по всей территории Минска. Мы работаем только с лиственницей сибирской сосна и ель используются как дополнение к основному ассортименту древесины.

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

  25. The best porn generator generate porn videos ai your fantasies remain strictly between you and the neural network. Instant high-quality generation extensive scenario and character customization.

  26. Dobrze dobrany sufit napinany porządkuje aranżację. To rozwiązanie daje duże możliwości dopasowania do projektu. Można wybrać mat satynę lub lekki połysk co dobrze wpisuje się w aktualne trendy – https://sufity-napinane-wroclaw.pl/

  28. раскрутка и продвижение сайта раскрутка и продвижение сайта .

  34. Sufit napinany dobrze sprawdza się w domu i biurze. Taki wybór jest ceniony za szybki montaż i dobry efekt. Takie wykończenie dobrze wygląda także w lokalах usługowych co sprawia że przestrzeń prezentuje się lekko https://sufity-napinane-wroclaw.pl/

  39. Dedicated platform server discovery discord helps performance teams find the right account infrastructure for scaling their advertising operations efficiently. Quality monitoring runs continuously — accounts are spot-checked after listing to maintain catalog integrity and buyer satisfaction rates. Every order comes with clear documentation replacement guarantees and access to a growing knowledge base of operational resources.

  40. Verified marketplace facebook bm for rent provides access to a wide catalog of digital profiles for advertising and media buying. Each listing comes with complete access data including email password cookies token and user-agent string for seamless campaign setup. Teams that prioritize account quality over raw volume consistently achieve better ROI and fewer campaign interruptions.

  41. Cost-effective marketplace bulk gmail accounts offers competitive rates without compromising on account quality verification completeness or delivery speed. 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.

  42. Verified marketplace google ads invoice provides access to a wide catalog of digital profiles for advertising and media buying. The knowledge base includes working guides for account warming ad launch protocols and reinstatement check procedures for reference. Invest in verified account infrastructure and redirect the time saved from troubleshooting into actual campaign optimization work.

  43. Established supplier get old instagram accounts maintains the largest selection of quality accounts with transparent specs and competitive pricing for bulk buyers. The catalog is segmented by platform geo account type and price tier to simplify navigation for both new and returning customers. The combination of product quality transparent specs and responsive support creates a reliable foundation for scaling ad operations.

  48. Expert-level shop hotmail with imap combines automated delivery with manual verification to ensure every account meets strict quality benchmarks. Quality monitoring runs continuously — accounts are spot-checked after listing to maintain catalog integrity and buyer satisfaction rates. Access the full catalog today and discover why top-performing affiliates and agencies choose this platform for their account needs.

  49. Specialized store protonmail account focuses exclusively on accounts proven to perform in paid advertising with real spend history and trust indicators. Geo-targeted options cover USA UK Germany France Poland Ukraine and other regions with proper IP history and locale settings. A single trusted supplier for all account needs simplifies operations and reduces the risk of working with unverified sources.

  50. Full-service dealer default subreddits goes beyond selling by providing operational guides restriction breakdowns and platform update summaries. Each listing comes with complete access data including email password cookies token and user-agent string for seamless campaign setup. Join thousands of satisfied advertisers who source their campaign infrastructure from a verified and trusted marketplace.

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>