I have been wanting to brush up my html and css skills for a while. I really want to learn to use Twitter Bootstrap better. I have tried, and failed repeatedly. Bootstrap is so humongous and detailed that I have a hard time wrapping my mind around the labyrinths of CSS.
So recently a little project came up at work. We are running a radio ad on KAZU 90.3 fm for the upcoming retreats for Spring 2014 at Vajrapani. But Vajrapani is a hard word to pronounce, and it is even harder to know how to spell it if you hear it for the first time. A lot of people hear Rogerpani instead. Most importantly, a lot of people don't even know what Rogerpani/Vajrapani is.
So we decided to purchase the url experiencepeace.org, and direct our radio listeners to that. Everybody can spell the words and everyone understands experience and peace.
I started working on a landing page immediately. We wanted to create a landing page that will redirect visitors to the individual retreat registration pages. We wanted to create a landing page to express the sense of peace, quiet, and solitude on the land at Vajrapani. At the same time, we wanted the landing page to be modern and minimalistic.
I will post more in detail about how I put this landing page together by getting help and guidance from my buddy Dario (amazing programmer and designer at www.alolo.co), lurking on stackoverflow, w3schools, and some other resources I found on google.
To be honest, I have intermediate knowledge of HTML and CSS. I know how CSS and HTML tie into each other but I was amazed at finding all the new graphic capabilities of CSS3. I was amazed at how you can create drop shadows, change opacity levels of images, create transitions for images solely through coding. This just blew my mind. I even managed to squeeze in a little php for the background image randomizer.
I love CSS3 and HTML5. I am excited to learn more and see what I can do with it.