Instead we show a link to reveal the navigation.
if (!Modernizr.svg) Īt our phone-ish media query (baby-bear), we don’t show the navigation at all by default (it’s too big and overwhelming). Then we downloaded a custom version of Modernizr and swapped out the src of the image if SVG wasn’t supported. We looked at IE 8 and the Samsung Galaxy Tab in Browserstack (which runs real emulators in real VMs in your browser) and saw the SVG failing. Unlike icon fonts, a single SVG can have multiple colors and whatnot. Please note: once inside the main template section the system hasnt changed, so if any confusion arises please let us know, this is an experimental function and will only.
#SIMPLE CSS WEBSITE TEMPLATES FREE#
Using SVG is as easy as or background: url(file.svg). We were asked if we could build an overview of all the free website templates that are featured in the Free CSS website, with the latest templates shown first, here it is. SVG is a native format of Adobe Illustrator, so logo.svg isn’t some exported file that comes from a master document, it is the master document (as opposed to how png/jpg normally work). Not to mention SVG file sizes are typically small and compress well. It looks nice and sharp on my Retina laptop as well as the low resolution projector we were using, at any size we scaled it to. SVG is vector based so it maintains it’s quality at any size (especially for simple shapes like this). It was more about covering lots of modern web design techniques n’ stuff. It’s no thing of great beauty, but feel free to do what you want with it. While this certainly isn’t as good of a learning experience as being there in person is, I figured it’s still a useful thing to share with everyone. The following will be basic notes on what we covered and the template we built. Nothing theoretical, all real working code. I think this live coding style is a decent way to do workshops because it is what real life web development is like. Like my last workshop, we used the time to literally build a website from scratch. Last week I was in Salt Lake City to do a workshop for Deseret Digital.