HOME / Posts Tagged: CSS3
Add icons to your links with CSS3
// A lovingly quick way to add icons next to your links that I just saw in +Lea Verou’s (of W3C) site: all you need is a simple line of #CSS3 code. a[href^="http://twitter.com"]::before { content: url("twitter.png"); } See it live at http://lea.verou.me/
Photobox: CSS3/jQuery image gallery
// There are probably thousands of #lightbox solutions but here is fancy one, straight from the refreshed #jQuery #plugins site (http://bit.ly/YBFQye): Photobox promises to be a lightweight image gallery modal window script which uses only #CSS3 for silky-smooth animations and transitions. The goal was to create an image #gallery script that uses GPU rendering [Continue reading]
Follow-me hover effect
Catch me if you can! Here is a very nice tutorial that +Codrops calls Direction-Aware Hover Effect. Using #CSS3 and #jQuery you can have animated effects when hovering over an element that takes into account the cursor movement. This creates a unique effect on each move a user makes. Check it out here http://bit.ly/Ip24dH Google+: [Continue reading]
Page flip effect with jQuery
Burn Flash, burn Here’s another use of Flash that can be converted to #HTML5 / #CSS3 : turn.js provides an easy to setup page-flip effect with just a few lines of codes. Get it here http://bit.ly/FOHmkX and also check out this tutorial of an Instragram-powered "magazine" using turn,js http://bit.ly/ym1cDo Google+: Reshared 3 times Google+: View [Continue reading]
How to fit a large table of data in a small screen?
You don’t ;) So you decided to join the mobile world and create a unicorn/droid-ready version of your site. If you happen to use big tables of data on one of your pages you find out they don’t really fit in a small screen. The good guys of the filament group have come up with [Continue reading]
The CSS3 Anthology, 4th Ed.
Just got Sitepoint’s CSS3 Anthology book by +Rachel Andrew which has been updated to a fourth edition. It’s a good over-400-pages reference book with basic and not so basic practical examples of using #CSS3 . Hot topics covered:* Responsive design: Smart layouts for all devices* Stylish layouts: With tabular data, text styling, and CSS positioning* [Continue reading]
Advancing the HTML experience
www.mycookingdiary.com by +Mike Matas is great example of what you can do (and how to do it properly) with #HTML and #CSS today: – A continuous user experience using AJAX to keep the user engaged. However, each "slide" has it’s own URL. This means you can bookmark it, share it, etc.– Animation – but on [Continue reading]
Another victory for #HTML5 and #CSS3
The next version of the Kindle books format will support HTML5 and CSS3, moving away from the Mobi format. Of course it continues to be a shame (and a non-starter for me) that Kindle doesn’t support #EPUB … Embedded Link Kindle Format 8 Overview Kindle Format 8 Overview Google+: Reshared 1 times Google+: View post [Continue reading]
Swiffy: convert SWF files to HTML5
Today we’re making the first version of Swiffy available on Google Labs. You can upload a SWF file, and Swiffy will produce an HTML5 version which will run in modern browsers with a high level of SVG support such as Chrome and Safari. It’s still an early version, so it won’t convert all Flash content, [Continue reading]