Website design refresh

Posted on 2010.11.06 by Alan

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

prodvijenie saita po trafiky_icMl on 2026.03.15 at 22:43 said:

сео портала увеличить трафик специалисты prodvizhenie-sajtov-po-trafiku11.ru .
seo blog_oxpl on 2026.03.15 at 23:21 said:

руководства по seo руководства по seo .
prodvijenie saitov v moskve_ksMr on 2026.03.15 at 23:37 said:

раскрутка сайта москва раскрутка сайта москва .
prodvijenie saitov v moskve_zgmn on 2026.03.16 at 0:14 said:

интернет продвижение москва интернет продвижение москва .
prodvijenie saitov v moskve_yzei on 2026.03.16 at 1:27 said:

seo partner seo partner .
seo keisi_mhmi on 2026.03.16 at 1:51 said:

seo продвижение магазин наушников seo продвижение магазин наушников .
reiting seo kompanii_zoMl on 2026.03.16 at 2:17 said:

топ seo агентств мира reiting-seo-kompanii.ru .
prodvijenie saitov v moskve_xcMr on 2026.03.16 at 3:48 said:

seo продвижение и раскрутка сайта seo продвижение и раскрутка сайта .
prodvijenie saitov v moskve_cgmn on 2026.03.16 at 4:27 said:

раскрутка сайта франция раскрутка сайта франция .
prodvijenie saitov v moskve_xxPa on 2026.03.16 at 5:05 said:

интернет агентство продвижение сайтов сео интернет агентство продвижение сайтов сео .
prodvijenie saitov v moskve_akmt on 2026.03.16 at 5:59 said:

seo partners seo partners .
prodvijenie saitov v moskve_uxei on 2026.03.16 at 6:50 said:

internetagentur seo internetagentur seo .
reiting seo kompanii_xyMl on 2026.03.16 at 7:24 said:

seo agencies list seo agencies list .
prodvijenie saitov v moskve_bkPl on 2026.03.16 at 8:38 said:

заказать продвижение сайта в москве заказать продвижение сайта в москве .
prodvijenie saitov v moskve_zfmn on 2026.03.16 at 9:12 said:

seo network seo network .
prodvijenie saitov v moskve_ptPa on 2026.03.16 at 9:17 said:

поисковое продвижение сайта в интернете москва поисковое продвижение сайта в интернете москва .
DavidthuRn on 2026.03.16 at 9:17 said:

Комплексная приемка квартиры включает визуальный и инструментальный контроль. Используются современные средства диагностики. Эксперт выявляет отклонения от проектной документации. Проверяется планировка и фактические размеры. Клиент получает развернутый отчет. Он может быть использован в юридических целях http://mars22.ru/profile.php?lookup=2331 Грамотная проверка квартиры помогает избежать лишних расходов. Приемка проводится с использованием приборов. Вы получаете точные данные.
reiting seo kompanii_mmen on 2026.03.16 at 10:10 said:

рейтинг сео агентств рейтинг сео агентств .
prodvijenie saitov v moskve_kgmt on 2026.03.16 at 11:37 said:

раскрутка и продвижение сайта раскрутка и продвижение сайта .
seo keisi_fper on 2026.03.16 at 11:46 said:

продвижение сайта клиники наркологии продвижение сайта клиники наркологии .
Danielpep on 2026.03.16 at 12:17 said:

להתפתל אוחזת בכתפיו. האורגזמה כיסתה אותה בפתאומיות כמו מכה וגרמה לה להתכופף ולצעוקבשקט סחוט אך באופן שהוא חש כל רטט בגופה. מקסים קם שפתיו נוצצות בלחות שלה והוא נישק אותה פנימה. בפנים מיד נעשה צפוף יותר. אשתו נאנחה נשכבה על חזהו של דן ונרגעה והרווחנו זין. כשדחפתי את הזין לתחת דנילה שלפה את שלה כמעט לגמרי. כריסטינה רק שכבה ואוהלה. היא נתנה את החלק https://avitalmarks.co.il/
seo keisi_llmi on 2026.03.16 at 13:23 said:

ахревс ахревс .
prodvijenie saitov v moskve_jkei on 2026.03.16 at 13:27 said:

оптимизация и seo продвижение сайтов москва оптимизация и seo продвижение сайтов москва .
prodvijenie saitov v moskve_gkPa on 2026.03.16 at 13:54 said:

сео агентство сео агентство .
prodvijenie saitov v moskve_kzPl on 2026.03.16 at 14:25 said:

технического аудита сайта технического аудита сайта .
reiting seo kompanii_jjen on 2026.03.16 at 15:44 said:

топ сео компаний топ сео компаний .
prodvijenie saitov v moskve_ksmt on 2026.03.16 at 16:15 said:

сделать аудит сайта цена сделать аудит сайта цена .
prodvijenie saitov v moskve_pkmn on 2026.03.16 at 18:09 said:

раскрутка сайта франция цена раскрутка сайта франция цена .
prodvijenie saitov v moskve_yzPa on 2026.03.16 at 18:26 said:

оптимизация и продвижение сайтов москва оптимизация и продвижение сайтов москва .
seo keisi_xeer on 2026.03.16 at 18:28 said:

seo top 1 seo-kejsy17.ru .
prodvijenie saitov v moskve_imei on 2026.03.16 at 18:52 said:

seo аудит веб сайта seo аудит веб сайта .
remont-vannoy 491 on 2026.03.16 at 20:42 said:

ремонт ванной комнаты спб цены ремонт ванной под ключ спб
prodvijenie saitov v moskve_pomt on 2026.03.16 at 20:54 said:

оптимизация и seo продвижение сайтов москва оптимизация и seo продвижение сайтов москва .
remont-vannoy 177 on 2026.03.16 at 21:52 said:

ремонт ванной комнаты ключ спб https://remont-vannoy-spb.ru
JamesPogue on 2026.03.16 at 22:07 said:

https://www.art-electro.com.ua/
prodvijenie saitov v moskve_jgPa on 2026.03.16 at 22:54 said:

продвижение по трафику продвижение по трафику .
prodvijenie saitov v moskve_zwet on 2026.03.17 at 0:05 said:

продвижение сайтов во франции prodvizhenie-sajtov-v-moskve15.ru .
ThomasNar on 2026.03.17 at 1:18 said:

Переходи по ссылке на официальный сайт — lookdecor.ru/include/pgs/?promokod_pri_registracii_6.html
prodvijenie saitov v moskve_vnmt on 2026.03.17 at 1:26 said:

оптимизация сайта франция цена оптимизация сайта франция цена .
JamesPogue on 2026.03.17 at 1:33 said:

usb c 32 gen2x2 и usb gen 2×2 что это и чем отличаются стандарты
Danielpep on 2026.03.17 at 3:37 said:

לילה לא לקחה אותי וזה היה מאוחר מדי לשכב החלטתי לשבת בדירות דיסקרטיות. אנטון תפס אותי במנהל. הוא התחיל לכתוב לי משפטים שונים דיבר וחלם על התנהגות וולגרית איתי. ופתאום נעלם מהרשת. לעזאזל הגיע הזמן לכסח את העשבים. אני חתול לודקה אוספת ולובשת על כיסוי המיטה. נזכרתי בבדיחה. נהג המונית הביא את האישה לכתובת והיא לא יכולה לשלם היא השאירה את הארנק בבית. ואז נהג https://aerodefenseinternational.com/
prodvijenie saitov v moskve_ejet on 2026.03.17 at 3:53 said:

раскрутка и продвижение сайта prodvizhenie-sajtov-v-moskve15.ru .
WillardEveve on 2026.03.17 at 5:56 said:

Саморезы с прессшайбой подходят для задач где на первом месте надежность соединения скорость сборки и аккуратный итоговый результат Это удобно для регулярных поставок и серийной сборки https://metizy-optom-moskva.ru/
prodvijenie saitov v moskve_wiet on 2026.03.17 at 7:49 said:

технического аудита сайта prodvizhenie-sajtov-v-moskve15.ru .
WillardEveve on 2026.03.17 at 8:09 said:

Болты подходят для металлоконструкций и узлов где важны точная резьба и удобная затяжка Такой крепеж помогает сократить количество переделок и сохранить стабильный результат на объекте: https://metizy-optom-moskva.ru/
i-tec 130 on 2026.03.17 at 8:15 said:

Need a multimedia system? equipment of lecture halls We integrate multimedia systems for home and business. We install and configure audio and video systems manage content and integrate equipment into a single system. Modern solutions for comfortable and efficient use of technology.
reiting seo kompanii_gyen on 2026.03.17 at 9:34 said:

seo agencies list reiting-seo-kompaniy.ru .
prodvijenie saitov v moskve_lvPl on 2026.03.17 at 9:53 said:

продвижение по трафику продвижение по трафику .
Keithamuch on 2026.03.17 at 11:28 said:

При выборе решения важно соотносить желаемый дизайн с реальным бюджетом и техническими условиями: https://ok.ru/video/12683980770007
prodvijenie saitov omsk_mnOl on 2026.03.17 at 11:35 said:

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

1,173 thoughts on “Website design refresh”

Leave a Reply Cancel reply