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”

  1. Meilleur Code Promo Pour 1xbet offre un bonus inscription 1xBet de 100 sur votre premier depot disponible en Afrique ou dans dautres regions avec la possibilite dobtenir jusqua 130€ ou lequivalent dans votre devise. Le bookmaker 1xBet reconnu dans le secteur des paris sportifs existe depuis plus de dix ans.

  3. Thanks for the ideas you have provided here. On top of that, I believe there are numerous factors that keep your car insurance policy premium decrease. One is, to take into consideration buying motors that are inside good listing of car insurance organizations. Cars which might be expensive are definitely more at risk of being lost. Aside from that insurance coverage is also using the value of your car, so the more expensive it is, then the higher a premium you only pay.

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

  5. That is very attention-grabbing, You are an overly skilled blogger. I’ve joined your feed and sit up for looking for more of your excellent post. Also, I have shared your site in my social networks!

  6. Awesome blog! Do you have any recommendations for aspiring writers? I’m hoping to start my own site soon but I’m a little lost on everything. Would you advise starting with a free platform like WordPress or go for a paid option? There are so many choices out there that I’m completely overwhelmed .. Any tips? Cheers!

  7. you are in reality a good webmaster. The site loading pace is incredible. It sort of feels that you’re doing any distinctive trick. Also, The contents are masterpiece. you have done a excellent activity on this matter!

  8. репетитор испанского подготовка к экзамену Москва

  9. This is undoubtedly one of the greatest articles I’ve read on this topic! The author’s extensive knowledge and enthusiasm for the subject shine through in every paragraph. I’m so appreciative for finding this piece as it has enriched my knowledge and ignited my curiosity even further. Thank you, author, for investing the time to produce such a phenomenal article!

  10. частный репетитор турецкого Москва

  14. Поведенческие факторы Яндекса часто связывают с тем как пользователи выбирают сайты в выдаче и что делают после перехода. Накрутка ПФ в этой теме описывает создание активности направленной на имитацию таких действий вокруг конкретного ресурса: программа накрутки пф

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

  16. It is the best time to make some plans for the future and it is time to be happy. I’ve read this post and if I could I want to suggest you few interesting things or suggestions. Maybe you can write next articles referring to this article. I desire to read more things about it!

  17. hello there and thanks to your info ? I?ve definitely picked up anything new from right here. I did alternatively experience a few technical points the usage of this website, as I experienced to reload the web site lots of instances prior to I may get it to load properly. I had been puzzling over if your hosting is OK? Not that I’m complaining, however sluggish loading cases instances will very frequently impact your placement in google and could damage your quality rating if advertising and ***********|advertising|advertising|advertising and *********** with Adwords. Well I am adding this RSS to my e-mail and could glance out for a lot extra of your respective intriguing content. Make sure you update this again soon..

  18. Does your site have a contact page? I’m having a tough time locating it but, I’d like to send you an email. I’ve got some suggestions for your blog you might be interested in hearing. Either way, great website and I look forward to seeing it expand over time.

  19. Hmm is anyone else encountering problems with the images on this blog loading? I’m trying to find out if its a problem on my end or if it’s the blog. Any suggestions would be greatly appreciated.

  20. I do agree with all of the ideas you have presented in your post. They’re really convincing and will definitely work. Still, the posts are too short for starters. Could you please extend them a little from next time? Thanks for the post.

  21. Thank you for another wonderful post. Where else could anybody get that type of information in such an ideal way of writing? I’ve a presentation next week, and I am on the look for such information.

  24. многопрофильная клиника жуйкан

  25. Excellent weblog here! Additionally your web site a lot up fast! What web host are you using? Can I get your affiliate hyperlink to your host? I desire my web site loaded up as quickly as yours lol

  26. Hey! I simply would like to give an enormous thumbs up for the great information you have got here on this post. I will probably be coming back to your weblog for more soon.

  27. Somebody necessarily help to make seriously articles I would state. That is the very first time I frequented your website page and to this point? I amazed with the research you made to make this actual put up extraordinary. Great activity!

  28. It’s the best time to make some plans for the longer term and it is time to be happy. I’ve read this post and if I could I wish to recommend you some fascinating issues or suggestions. Maybe you can write subsequent articles relating to this article. I desire to learn even more things about it!

  30. Heya i?m for the first time here. I came across this board and I find It truly useful & it helped me out a lot. I hope to give something back and help others like you helped me.

  32. Very good blog you have here but I was wanting to know if you knew of any forums that cover the same topics talked about in this article? I’d really like to be a part of group where I can get suggestions from other knowledgeable people that share the same interest. If you have any recommendations, please let me know. Kudos!

  33. как заключить контракт на СВО в Москве

  34. It’s a shame you don’t have a donate button! I’d definitely donate to this excellent blog! I guess for now i’ll settle for book-marking and adding your RSS feed to my Google account. I look forward to fresh updates and will share this blog with my Facebook group. Chat soon!

  36. I believe that avoiding prepared foods will be the first step to be able to lose weight. They will often taste excellent, but processed foods possess very little vitamins and minerals, making you feed on more just to have enough vigor to get through the day. For anyone who is constantly having these foods, transitioning to cereals and other complex carbohydrates will let you have more power while feeding on less. Good blog post.

  38. Hiya, I’m really glad I have found this info. Nowadays bloggers publish just about gossips and internet and this is really frustrating. A good blog with exciting content, that is what I need. Thank you for keeping this site, I’ll be visiting it. Do you do newsletters? Can’t find it.

  39. My partner and I stumbled over here different page and thought I might check things out. I like what I see so now i’m following you. Look forward to looking at your web page yet again.

  40. That is very attention-grabbing, You’re an overly professional blogger. I have joined your rss feed and look forward to seeking more of your great post. Also, I have shared your site in my social networks!

  41. The next time I learn a weblog, I hope that it doesnt disappoint me as much as this one. I mean, I do know it was my option to read, but I truly thought youd have one thing fascinating to say. All I hear is a bunch of whining about one thing that you possibly can repair should you werent too busy looking for attention.

  42. One thing I’d prefer to comment on is that weight loss program fast can be performed by the suitable diet and exercise. People’s size not merely affects the look, but also the quality of life. Self-esteem, depression, health risks, as well as physical abilities are affected in excess weight. It is possible to make everything right and at the same time having a gain. If this happens, a condition may be the perpetrator. While a lot food but not enough exercising are usually accountable, common medical conditions and traditionally used prescriptions could greatly enhance size. I am grateful for your post right here.

  43. Great post. I used to be checking constantly this blog and I’m inspired! Extremely helpful info specially the final phase :) I maintain such info a lot. I used to be looking for this certain info for a very long time. Thank you and best of luck.

  47. Excellent post. I was checking continuously this weblog and I’m inspired! Very helpful information particularly the last phase :) I take care of such information a lot. I was seeking this particular info for a very long time. Thank you and best of luck.

  48. What I have often told persons is that when searching for a good internet electronics retail store, there are a few components that you have to take into account. First and foremost, you need to make sure to locate a reputable and in addition, reliable shop that has picked up great assessments and scores from other people and market sector professionals. This will make sure that you are getting through with a well-known store providing you with good support and aid to its patrons. Thank you for sharing your ideas on this blog.

  49. I have noticed that over the course of constructing a relationship with real estate owners, you’ll be able to come to understand that, in every real estate deal, a fee is paid. All things considered, FSBO sellers will not “save” the payment. Rather, they fight to earn the commission by simply doing a agent’s work. In doing this, they commit their money in addition to time to accomplish, as best they will, the tasks of an realtor. Those assignments include disclosing the home through marketing, showing the home to willing buyers, creating a sense of buyer urgency in order to induce an offer, making arrangement for home inspections, taking on qualification checks with the lender, supervising fixes, and assisting the closing.

  50. Sexxy seventiess soul sisterJapanesde bbig cockNighbor sunbathin nudeGayy
    tgoCreamed ten 18butyrolactone pwint stripperSex slace aucton fantasiesLesbians eatig
    pussCleos titsColjn fardrell andd jated lleto sexAduult botiwue plaitaimHot sexx spotss iin vegasUndiagnoed adhd
    iin adultsBestt alll time porn movies listPorn psp themeDarkk dick tgpWoman wwho
    sqquirt cumLeisure suit ladry msgna ccum laufe faqBlack
    slip thumbsFrree lon plqy shemaleTroy mmarine gayy utah suicidePubhlic sexx gallerysMedieval
    king and quednn ucking videosMobile alabama maszsage ssnsual eroticMexela inn stylee bresst pumpMatre
    highh hels picturesTuube teen masturbatesFackal slimHi ddef shemaleEva free green nudeBueta rhjymes asss heroBuilpd
    yohr oown flaat bottom boatGirll spanking upskirtVoyer
    camkera nnaked girlsWierdd vaginal inserttionNuude girls seDruggged lesbian sexphotosProfesor richards sexx
    teacherLezbian girlls fuckjng each otherGirll bbruised bby dick picTeenn dancing wirh bbooty shuorts applebottomDirty jjuicy pussyMoosnter cockRoose bowl vitage programsBiig fat pusssys fuckingMediuum teen hair styleVcf vaginasl filmFirsxt
    time gaay orl sexJoos escortAdam annd eve pofn movieAvailable forr sexAnd ssex
    you alll over thhe plzce lyricsNaked russenPraague undwrage sexFreee hdd videdos
    tits pussyCoonut nutrition ooil vallue virginSecual asssault ‘john dunn’ texasBlaack andd wbite pporn galleriesVintazge
    mens ringsGayy bars in siloverlake caHoyel vintage park+seattleAutosm checklikst adultNudee trkpical womenHydrocephaluus
    tteen momm mtvNude collumbian girlKimm kardashin fee nide picsSwallow hubbys cumDeborfah krrr nakedFree
    viodeo movvie nudeBabbe freee gamme pooker trip videoDogbgie style
    clipsHidxen upsskirt oicsVideoos of porn starsIhavesmalltittirs freee yooung pussyHugge objecct cunt penetraation videwos https://xnxxlust.cc/cat/deutsch
    Vidgin riber hotelsA hkstory off teen violene
    iin thee unjted statesRedbone fujck videosCornelia pornFrst sexx teaher mrss taftFuuck her rea
    hardBigg boobb cleavagePenis repoductive systemFree japanese movie xxxElectic toeture
    ude sceneFreee gayy nude thumbnailsJesston pornoFreee hardcore buty
    moviesSnakie s sexRobby wiilliams gayPerferct blonde assCharmander
    hentaiTnafix hott teenRussan ree gallazries nudistSummarization oof the llone ranger tono fiust fight
    in heavenXxxx japanese aima narutoTeenn pageanmts camel toe picsBumgle bbee wings adultBlack docctors xxxLaady
    gawga nude videBadterial infectioon in breastNicce tiitted asianWakee uup blow jobRajhi sawant pornMy wholre wire
    wangs a gangbangPhysjcian assistant jjob + uss virgin islandsFreee ppic post
    hardcorePrewtty wilod sexy

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>