It’s been a while since I started coding. The eco-system is so vast I don’t think I’ll ever know it all, unless someone invents a machine for learning osmosis! But one thing that I really have become good at it sifting through information and taking it in. After a year of coding these are some of the things I feel beginners should take in stride
I recently did a tutorial on coding a full width header video like on airbnb. I love how they’ve used a video in their header, it really does alot for their page and branding. The project itself isn’t hard to do, all you really need to know is how to use the video tag fromt HTML5 and incorporate it into twitter bootstrap’s framework
Check this out pretty cool: http://kauress.github.io/MooseFrye/ Done with Twitter Bootsrap 3 , change media queries to show a background pic on phones. Code for it is: <div class =”section”> <div class=”text-vertical-center”> <video autoplay loop poster=”img/bg.png” id=”bgvid”> <source src=”vid/1.webm” type=”video/webm”> <source src=”vid/2.mp4″ type=”video/mp4″> <source src=”vid/3.ogg” type=”video/ogg”/> </video> </div> I modified it just a bit from the original source (launchrocket). A boot snipp is also
Twitter Bootsrap ( aka TB if that wasn’t already a sickness!) is great to use. I’ve been experimenting with it for the past 1 and a half weeks. Literally you can put up a landing page in a dy (less if you’re a tb ninja…). Here’s one day bootstrap mockups for a few competitions: Some Twitetr bootstrap projects up here: http://kauress.github.io/BigButtonBaby2/ http://kauress.github.io/GenaForce/ http://kauress.github.io/Vocal/ A
I finished the learning how to learn video lectures on coursera by Terrence Sejnowski and Barbara Oakley, It was interesting especially now that I no longer have to write tests and exams, I can actually enjoy learning (the irony!). Here’s an infographic on the entire course 🙂 Btw right click and save it for later!