Toll-Free: 1-855-623-2255 (Mad-Call)
Fax: 1-855-623-3299 (Mad-Faxx)
Main Local: 226-444-0434
Tech Support: 226-444-0438
Independent Living Centre of Waterloo Region
Challenge
The Independent Living Centre of Waterloo Region's website had been compromised. Searching ILCWR in Google resulted in Viagra ads. This needed to be resolved ASAP.
Rotating with CSS3
CSS3 allows your to translate, skew, scale, and rotate elements. This puzzle demonstrates the rotate function using CSS3, and a tiny bit of jQuery.
To get your elements to rotate, simply add the following CSS to the element:
Book Review: The Book of CSS3 - A Developer's Guide to the Future of Web Design
I recently finished reading The Book of CSS3 - A Developer's Guide to the Future of Web Design by Peter Gasston.
The Book of CSS3 uses real-world examples to teach developers the fundamentals of the CSS3 specification, highlighting the latest developments and future features, while paying close attention to current browser implementations.
I found this book to be very informative and very useful for creating and styling HTML. Listed below are some of the key sections it covers which I have found useful in my day-to-day front-end development.
It's No Longer Hip to be Square
One of the great things about CSS3 is the ability to create rounded edges on borders on anything. Images, navigation items, tabs, you name it. No longer are we stuck with square boxes or complex developing to display rounded edges. Contrary to Huey Lewis and the News, its no longer hip to be square.
Styling Links with CSS3
One of the great things about CSS3 is the ability to remove more styling from the html and put the styling in the css file which results in cleaner html. CSS3 introduces three new selectors that can match strings against an attribute value at the beginning, the end, or anywhere within the value. This allows us to style different href links with icons relating to the type of link.