"The beginning is the most important part of the work"
― Plato (Circa 390 B.C.E.)
I'm still learning everything I can about CSS3, but from what I know already it is amazingly powerful. It is also amazingly repetitive. I have been tinkering with an interesting language known as SASS or Syntactically Awesome Style Sheets or sometimes as Syntactically Correct Style Sheets. It is a pretty neat way to write CSS that makes it more syntactically similar to a programming language. The interpreter in your browser can't read it however, so what you do is you write the code in SASS, and a compiler transforms it into a normal .css file for use on the web. Pretty cool when you consider how much time you can save with the language once you get used to it. I would definetely still recommend to people that they learn CSS first, but if you're like me and all the repetition and slow monotony of writing a CSS file gets to you, then you should definitely be giving Syntactically Correct CSS a look. I finished getting all my code written for the outline and I decided to write this post to get this page going.
The rollover social media buttons on the bottom of this page I did entirely with CSS and a single 48 x 96 .png file for each image. The idea was for it to invoke the feeling of flipping a bit on or off, 1 or 0. I grabbed company logos on transparent backgrounds with a Google search and made sure they were 48 x 48. Then I doubled the image placing the copy directly below it in the lower half of the rectangle. I added the transition effect with the following CSS code:
I copied the last section of code for every image in the row, using each of the individual background images for their associated sites. Then I made a table in the site footer and put the div elements and links in each column. They looked like so:
“Be willing to be a beginner every single morning.” ― Meister Eckhart
Please keep in mind that comments are moderated and rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or else it will be deleted. Thank you!