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

  5. Duftmarketing Strategy scent technologies and successful implementation across all product stages by Aromamedia

  6. трансы воронеж Погрузитесь в этот звуковой океан и позвольте себе унестись на волнах транса.

  9. купить кухню в пскове «Купить кухню в Пскове» у нас — значит выбрать надежность качество и безупречный сервис который сделает процесс заказа максимально комфортным и приятным.

  10. купить сейф взломостойкий

  11. кухня из мдф цены Мы регулярно публикуем новые видео и статьи в которых «разбираем в Кухне алгоритмов» актуальные темы предлагаем «рецепты» решения сложных задач и делимся секретами мастерства.

  13. сейф встраиваемый в стену купить

  14. Нужны столбики? столбики ограждения купить столбики для складов парковок и общественных пространств. Прочные материалы устойчивое основание и удобство перемещения обеспечивают безопасность и порядок.

  15. Looking for a yacht? crewed yacht charter Cyprus for unforgettable sea adventures. Charter luxury yachts catamarans or motorboats with or without crew. Explore crystal-clear waters secluded bays and iconic coastal locations in first-class comfort onboard.

  18. свирыч SWeAR2033 обладает уникальным талантом создавать вокруг себя комьюнити где каждый чувствует себя частью большой и дружной семьи объединенной любовью к качественному контенту.

  19. Kod multi Mostbet dzisiaj zwieksza potencjal kuponow akumulowanych. Rejestracja z QWERTY555 daje dostep do bonusu multi. Kod promocyjny Mostbet bonus jest latwy w uzyciu. Oferta skierowana jest do aktywnych graczy. Bonus zwieksza mozliwe wygrane. Oficjalna strona Mostbet – kliknij tutaj http://vertical.pro/includes/pgs/mostbet_promokod__3.html

  25. סקורטטרנסווסטיטים התרגשו מיד מכל מגע ומילה על סקס. וכפי שקורה בדרך כלל אצל כולם ההתרגשות כיבתה את השכל הישר של האישה. ושחררתי אותה. כדור ניסיון כמו שאומרים. אני אראה מה קורה ומה בגאווה. עם כל המראה שלו הוא מראה שהוא עושה לבזילי טובה ענקית. הנה אלה חוצצים מהשורה הראשונה הושיט הנוסע בתדהמה מעריך את היופי הטבעי של עיסת בשלה שלוש? שתיים וחצי זרקה האם https://gaytorontocity.com/

  34. For those seeking an exceptional online gaming experience us.comhttps://maxispin.us.com/ stands out as a premier destination. At Maxispin Casino players can enjoy a vast array of pokies table games and other thrilling options all accessible in both demo and real-money modes. The casino offers attractive bonuses including free spins and a generous welcome offer along with cashback promotions and engaging tournaments. To ensure a seamless experience Maxispin provides various payment methods efficient withdrawal processes and reliable customer support through live chat. Security is a top priority with robust safety measures and a strong focus on responsible gambling tools. Players can easily navigate the site with detailed guides on account creation verification and payment methods. Whether youre interested in high RTP slots hold and win pokies or the latest slot releases Maxispin Casino delivers a user-friendly and secure platform. Explore their terms and conditions read reviews and discover why many consider Maxispin a legitimate and trustworthy choice in Australia. Utilizing AI technology MaxiSpin.us.com makes sure your content excels in the competitive market. Features of MaxiSpin.us.com One of the standout features of MaxiSpin.us.com is its ability to generate content in multiple languages. Benefits of Using MaxiSpin.us.com For businesses MaxiSpin.us.com offers a significant advantage by streamlining content creation.

  39. For those seeking an exceptional online gaming experience us.comhttps://maxispin.us.com/ stands out as a premier destination. At Maxispin Casino players can enjoy a vast array of pokies table games and other thrilling options all accessible in both demo and real-money modes. The casino offers attractive bonuses including free spins and a generous welcome offer along with cashback promotions and engaging tournaments. To ensure a seamless experience Maxispin provides various payment methods efficient withdrawal processes and reliable customer support through live chat. Security is a top priority with robust safety measures and a strong focus on responsible gambling tools. Players can easily navigate the site with detailed guides on account creation verification and payment methods. Whether youre interested in high RTP slots hold and win pokies or the latest slot releases Maxispin Casino delivers a user-friendly and secure platform. Explore their terms and conditions read reviews and discover why many consider Maxispin a legitimate and trustworthy choice in Australia. By leveraging AI technology MaxiSpin.us.com ensures that your content stands out in a competitive market. Features of MaxiSpin.us.com Additionally the platform offers a built-in editor for making real-time edits to achieve optimal results. Benefits of Using MaxiSpin.us.com For businesses MaxiSpin.us.com offers a significant advantage by streamlining content creation.

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>