Website design refresh

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.

26 thoughts on “Website design refresh

  1. Physicians and pharmacists rarely mention dry eyes as a drug side effect priligy generika dapoxetine 60mg The resulting fluorescence mosaicism within the tissue enables the formation of the LMDP to be visualized directly in intact living lenses Shestopalov and Bassnett 2003

  2. priligy dapoxetine 30mg Other healthy behaviors that reduce diabetes risk include exercising more eating high fiber low fat foods and not becoming obese

  3. One potentially promising approach is the combined use of trastuzumab and chemotherapy 38 which is being investigated in at least five clinical trials in the adjuvant setting priligy usa

  4. priligy review youtube I feel confident with myself and if that inspires other women to feel confident with their bodies great Upton told Vogue

  5. A liver biopsy showed steatosis hepatocellular ballooning necrosis and mild cholestasis priligy cost

  6. priligy 60 mg price 33 However if the treatment procedure is a hysterectomy it makes the type of sampling procedure less important

  7. priligy dapoxetine 60mg Once you stop taking them your kidneys go back to reabsorbing the normal amount of water and salt for your body so you ll go back to your typical body weight soon after you stop taking them

  8. Purchased the SARMs from Sarms can i buy cheap cytotec prices Affected patients usually have portal hypertension due to cirrhosis severe alcoholic hepatitis but can also have fulminant hepatic failure from any cause

  9. 715 UMBRELLA SCANDINAVIA MEDIHEALTH Six pack Plus Fco120 382 order cytotec pills If you have hyperglycemia and it s untreated for long periods of time you can damage your nerves blood vessels tissues and organs

  10. Tell your doctor right away if any of these rare but serious side effects occur signs of kidney problems such as change in the amount of urine numbness tingling pain redness swelling of the arms legs hearing changes such as ringing in the ears temporary or permanent decreased hearing deafness can i buy lasix without a perscription 0 2 fold the recommended clinical dose resulted in a reduction in fetal weight and number of live births and feminization of male fetuses

  11. Verde Casino Promo Codes haben definierte maximale Bonusbeträge, die
    die Höchstsumme begrenzen, die Sie als Bonus erhalten können. Ein separater Verde Casino Promo Code “VERDEFORTYFIVE” bietet einen Festbetrag von 45
    Euro bei einer Mindesteinzahlung von 20 Euro. Dieser klassische Verdoppelungsbonus ist einfach zu verstehen und bietet dennoch einen erheblichen Mehrwert.
    Diese hohen Prozentsätze ermöglichen es, auch mit kleineren Einzahlungen substanzielle Bonusbeträge zu erhalten. Bei einer
    Einzahlung von 200 Euro erhalten Sie zusätzliche
    300 Euro Bonusgeld, sodass Ihr Gesamtguthaben 500 Euro beträgt.

    Auch wenn es derzeit keinen Verde Casino bonus code no deposit gibt, bietet die Plattform eine große
    Auswahl an attraktiven Bonusangeboten. Unter anderem erhalten Nutzer hier jedes mal mindestens 100 % auf die Einzahlung sowie einen beachtlichen Betrag von kostenlosen Freispielen. Partnercodes sind eine
    gute Möglichkeit, zusätzliche Vorteile zu erhalten, ohne
    auf reguläre Aktionen warten zu müssen. Viele dieser Partnercodes aktivieren einen Cashback-Bonus oder exklusive Freispiele, die im regulären Angebot nicht vorhanden sind.

    Positiv fallen die zahlreichen Aktionen, regelmäßigen Freispiele und das starke Live-Casino
    auf. Freispiele haben üblicherweise einen ×30 Umsatz‑Erfordernis,
    Bonusgeld meist ×40. Insgesamt bekommst
    du bis zu €1.200 + 220 Freispiele über die ersten 4 Deposits.

    Ich nutze meistens mein iPhone, und die mobile Version läuft schnell, sauber und ohne Ruckler – egal ob ich Slots oder Live-Spiele spiele.
    Ich spiele aktuell aktiv bei Verde Casino und der Einstieg ist fast schon verdächtig einfach.

    References:
    https://online-spielhallen.de/lapalingo-casino-erfahrungen-ein-umfassender-uberblick/

  12. Weitere Tischspiele umfassen Craps, Sic Bo,
    Red Dog, verschiedene Poker-Varianten und exotische Optionen wie Andar Bahar oder Teen Patti.

    Neben der Live-Variante bietet die RNG-Tischspielsektion über 150 Titel für Spieler, die flexibles Tempo bevorzugen. Das Affiliate-Programm Gloss Partners bietet Partnern transparente Konditionen und
    attraktive Provisionsmodelle, während die technische Infrastruktur auf modernsten Verschlüsselungstechnologien basiert.

    Ihn kriegst du gleich bei deiner Anmeldung und sp\\u00e4ter bieten dir regelm\\u00e4\\u00dfige Aktionen weitere Chancen. Die App f\\u00fcr Android-Nutzer und die Web-App f\\u00fcr iOS-Nutzer bieten ein vollst\\u00e4ndiges Casino-Erlebnis mit zus\\u00e4tzlichen Boni f\\u00fcr mobile
    Spieler. Es umfasst einen 100 % Willkommensbonus bis zu 500 \\u20ac, einen w\\u00f6chentlichen 10 % Cashback
    f\\u00fcr Slot-Spieler sowie ein Treueprogramm, das jede Wette mit Punkten belohnt.
    Für High Roller liegt die Maximaleinzahlung bei stattlichen 5.000 Euro.
    Mit einer Mindesteinzahlung von nur 10 Euro kannst du schon mit kleinem Budget ins
    Spielvergnügen starten. Royal Game bietet dir eine breite
    Palette an Ein- und Auszahlungsmöglichkeiten, die sowohl sicher als ebenso bequem sind.

    References:
    https://online-spielhallen.de/wunderino-casino-login-ihr-tor-zu-spannenden-spielen/

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>