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.

3,734 thoughts on “Website design refresh”

  11. Промокод при регистрации 1xbet на 32500 рублей. Этот код нужно ввести при регистрации в соответствующее поле. Промокод действует однократно но им можно делиться с друзьями. Регистрация по номеру телефона — простой способ создать аккаунт. После получения данных для входа остаётся лишь ввести логин и пароль. Используй актуальный 1xBet Промокод При Регистрации и увеличь первый депозит до 32 500 рублей в БК 1xBet. На платформе действует бонусная программа которая помогает игрокам получать до 130 бонуса от первого депозита.

  14. лента пружинная 65г москва лента холоднокатаная

  18. Yet another thing is that when you are evaluating a good on the net electronics retail outlet, look for online shops that are frequently updated, retaining up-to-date with the most current products, the best deals, plus helpful information on services and products. This will make sure that you are doing business with a shop which stays ahead of the competition and offers you things to make educated, well-informed electronics buys. Thanks for the important tips I’ve learned through your blog.

  19. One more thing. I do believe that there are numerous travel insurance websites of reputable companies that permit you to enter your holiday details and acquire you the quotations. You can also purchase your international travel insurance policy online by using the credit card. All you have to do is to enter your current travel particulars and you can be aware of the plans side-by-side. Simply find the system that suits your allowance and needs and after that use your bank credit card to buy that. Travel insurance on the internet is a good way to search for a respectable company regarding international travel cover. Thanks for revealing your ideas.

  20. Xxxx cawrd gaes freeComunity ppee tije typeSujmer funn xxxx
    videosSummer teen volunteesr oportunities noorthern njFreee xxxx animatedList oof alll sewxual
    postionsStrippesr pole remix lyricsWeddijg fettish picsFemdoom trainjing foor girlsAong moking teenGaay hirney matureMy tjai asiazn cuisineVintabe postage symbolsDiifferent
    tyes off pussyLed strijp waterproofFreee japanese cospllay pornFree elephnt slutsLivee malke andd
    femnale sexSensuou strippersBrittany o’neil milfs like it bigEslosito jenbnifer nudeSullivan cointy adultt probation departmentPusswy
    maturesSkank analFucck fainalWoken faat sexyBecky anhal pornstarStrfande titFreee straming pprn fastestAsian eroktica sapphicNaughty adult cartooin clipsYoou porn soloo suckNicolee alexander frde sex vidErotic lesgian lustPoorn videeos
    deviant tube freeI shck black gaay cockPantyyhose iin tmoviesFibrooglandular desities oof femkale breastsTeeen nudiism linksNudee celebritty londy boothEurople escorte tours spanish speakingMayonnaaise facialSeex
    drive 2Upskiirt thongsFeemale model movie pictuure teenJeessica simpspn orasm
    videoSex ffau scht hobbyHeaad fistedG strng bikini
    chicks picsSunmitted sesxy womn photoswVintagee riockman partsTeenie biig cockMale closeeted gayy
    achtors in hollytwood 2008Prinbcess lyyn mmoney mkstress ass
    kissAmauer matyuer homemzde masturbatuon tubesHenhtai disDirtry amatur pprn videosFoord escort shocfk diagramAwesoe
    boondage imagesIndiian naoed fiilm clipsMenoirs off thhe geisha
    dvdFreee fuck faznny cunht moviesBrast caancer charitiews iin loss angelesHardcorrd biexual pornSeex vidsos
    oof okder womenMidori noo hhibi hentaiWwww fudk wopmen comFreee free porn videosMismi bedt striip
    clubsHot cheerleadeers wih nice assesBreazt cancer aand secondary liver cancerEscorts bostton independentFemdom
    prostrate milkingHoot ggay mawle actionJackiung cuum shotsRiskk off posynatal sexAskan stylee shhed plansBommb bikini gjrl 5 tines in block partyVolano gay chatFuckinjg inn switzerlandVibtage stgle
    diamondsFree lve addult chaat webcamFat women with floppy titsCustomuzed thmb driveGlory hol fuycked hardFreee gay poen att gay xxxVintage wahne apparelDooor escort filler fordd
    fuelWhitee wifee looing forr black cockWhat day iss brfeast cancer awarfeness dayFreee amous cartkon sexBig bobs pictures off japanese girlsFetish save storyMenn forced imto panties andd spankedSensual asiaqn masage
    in georgiaMother ttit fucks sonNude stacyy ksibler photosHntai ppc gamePornstar thumbss matureHott
    sexxy moom fitneszs instructorNudee modedls for classs
    inn oresgon ofvd9wuapt3k4g54mlwo

  21. профильная стальная труба таблица размеров профильная труба таблица

  24. Промокод при регистрации в 1xbet сегодня. Этой акцией может воспользоваться каждый новый игрок при регистрации на сайте букмекера. Это ваше преимущество с начала. В форме регистрации есть необязательное поле для ввода кода. Как получить промокод 1xbet на фрибет. В магазине xBonus можно обменять баллы на коды 1xbet kz: для ординаров экспрессов или лотерей. Найти промокоды 1xbet можно в интернете. Представители БК часто публикуют их к праздникам или турнирам. Все актуальные промокоды 2026 доступны в официальном разделе сайта и могут быть обменяны на бонусные баллы.

  25. Комплексное лечение medprime clinic и диагностика заболеваний с использованием современных медицинских методов. Полное обследование организма точная постановка диагноза индивидуальный план терапии консультации специалистов и эффективное лечение с учетом особенностей здоровья пациента.

  26. Заявку можно оставить в любое время специалист быстро сориентирует по дальнейшим действиям. Разобраться лучше – вывод из запоя новороссийск

  27. Длительное употребление спиртных напитков приводит к тяжелой интоксикации при которой организм перестает справляться с токсинами самостоятельно. В такой ситуации главная задача — максимально быстро восстановить работу внутренних органов и предотвратить развитие опасных осложнений. Капельница от запоя на дому – безопасный способ снять абстинентный синдром и очистить кровь от токсинов благодаря чему организм быстрее справится с отравлением и восстановит свои функции. В отличие от таблетированных средств инфузионная капельница доставляет необходимые лекарства напрямую в кровеносную систему обеспечивая мощный детокс-эффект. Если вы наблюдаете у близкого человека сильную тошноту неукротимую рвоту дрожь конечностей скачки артериального давления или сердцебиение промедление усиливает нагрузку на сердце и головной мозг. Наркологическая служба ООО «Детокс» предлагает срочный выезд квалифицированного врача-нарколога на дом по любому адресу в Москве гарантируя анонимность и конфиденциальность на всех этапах работы. Оперативное очищение организма от продуктов распада этанола и других токсических веществ восстановление работы жизненно важных органов и систем является основной целью нашей терапии. Позвоните по бесплатному номеру 8 800 100-58-49 чтобы получить экстренную помощь. Выяснить больше – http://kapelnica-ot-zapoya-v-moskve14-1.ru

  29. Прокат лыж и сноубордов в Сочи удобен для тех кто хочет кататься без покупки собственного снаряжения. Можно подобрать комплект под уровень подготовки стиль катания и условия на трассе. Такой формат подходит туристам новичкам и тем кто приезжает в горы на несколько дней https://arenda-lyzhi-sochi.ru/

  30. Архив эротических рассказов. Горячие истории о сексе желании и наслаждении для взрослых. Читайте бесплатно новые рассказы каждый день. Откройте тайны страсти фантазии и яркие эмоции https://eroxtales.top/

  31. Регистрация в Москве помогает сделать пребывание в столице более спокойным и предсказуемым. Временная регистрация подойдет для ограниченного срока а постоянная прописка — для долгосрочного проживания. Главное — не откладывать вопрос и выбирать законные решения регистрация в москве

  32. Ищете юриста по утечке персональных данных в Алматы? Посетите https://femida-justice.com/uslugi/yurist-po-utechke-personalnyh-dannyh/ – юрист Алматы оперативно минимизирует риски организует внутреннее расследование и зафиксирует факт нарушения а также окажет профессиональную судебную защиту.

  34. Совместные закупки — это практичный способ покупать товары в Саратове без лишней переплаты. Участники объединяются ради общей выгоды и получают доступ к интересным предложениям. Такой формат подходит для покупки одежды обуви косметики бытовых товаров и сезонных вещей https://saratov-sp.ru/

  36. Элитная недвижимость всегда связана с выбором на годы вперед. Агентство Федора Калединского помогает подойти к этому решению внимательно: изучить рынок сравнить предложения оценить преимущества объекта и выбрать вариант который отвечает высоким требованиям клиента Элитные новостройки

  37. Its like you learn my mind! You appear to know so much approximately this, like you wrote the e book in it or something. I feel that you just can do with a few p.c. to drive the message home a bit, however other than that, that is wonderful blog. A fantastic read. I’ll certainly be back.

  38. Выбор новостройки в Москве начинается с понимания целей покупки. Для жизни важны удобство района транспорт школы магазины и экология а для инвестиций — ликвидность спрос и потенциал роста стоимости. Грамотный анализ помогает принять более уверенное решение https://sezor.ru/

  39. Выбор квартиры в столице часто начинается с изучения современных жилых комплексов. Новостройки Москвы предлагают разные форматы жилья: от компактных квартир до просторных резиденций в проектах бизнес-класса. Особенно востребованы дома с продуманной архитектурой приватной территорией и развитой инфраструктурой https://mr-elit.ru/

  40. you’re really a good webmaster. The website loading speed is incredible. It seems that you’re doing any unique trick. Also, The contents are masterwork. you’ve done a fantastic job on this topic!

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

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

  43. Официальный дилер HAVAL PRO в Санкт-Петербурге – Автопродикс https://autoprodix-havalpro.ru/ – посетите сайт и вы сможете купить новые кроссоверы и внедорожники H3 H5 H7 H9 по выгодным ценам 2026 года. Модельный ряд в наличии кредит трейд-ин тест-драйв а также оказываем полный спектр услуг по сервисному обслуживанию ремонту диагностике и ТО всех моделей бренда.

  45. Посетите https://dissergrad.com/uslugi/magisterskaya-dissertatsiya/ и вы сможете заказать магистерскую диссертацию где специалисты сервиса помогут в разработке и написании магистерской диссертации на заказ по необходимому направлению исследования. Мы работаем по официальному договору в котором прописаны строгие сроки сдачи готовой работы.

  46. Sprawdź recenzję Luckmore Casino. Poznaj bonus za rejestrację gier metody płatności logowanie oraz opinie graczy Luckmore

  47. Тренинговая компания помогает бизнесу подобрать формат обучения который соответствует задачам команды. Это могут быть очные занятия онлайн-программы практические тренинги деловые игры или комплексное развитие персонала для разных уровней сотрудников – тренинг продаж холодные звонки

  48. I love what you guys are up too. This kind of clever work and reporting! Keep up the amazing works guys I’ve included you guys to blogroll.

  49. I have realized that in cameras, exceptional detectors help to {focus|concentrate|maintain focus|target|a**** automatically. The sensors of some cams change in contrast, while others use a beam of infra-red (IR) light, especially in low lumination. Higher specs cameras from time to time use a mixture of both programs and may have Face Priority AF where the digital camera can ‘See’ your face and concentrate only in that. Many thanks for sharing your opinions on this site.

  50. Обзор Luckmore Casino: анализ лицензии условий бонусов слотов и скорости выплат казино. Узнайте особенности платформы перед регистрацией: https://luckmorecasino.net/

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>