HOME / Posts Tagged: CSS
Just because you can: GUI icons with pure CSS
// Inspired by an elegant piece of CSS code by +Lea Verou, creating the WiFi code (see it here http://bit.ly/wificss), I searched for other examples of this and found this little gem: A demo of 84 icons created with just CSS by +Nicolas Gallagher. Nicolas calls it’s a "technical exercise" but given that this was [Continue reading]
Guide to CSS Transitions
// A thorough step-by-step guide to #CSS transitions Embedded Link All you need to know about CSS Transitions | Alex MacCaw CSS3 transitions bring simple and elegant animations to web applications, but there’s a lot more to the spec than first meets the eye. In this post I’m going to delve into some of the [Continue reading]
Like a website's palette? Colorfy it!
// As it has been said a thousand times, great artists steal :) If you like the color palette used on a website, you can use Colorfy it to easily find out exactly what it is. Given a URL it will analyze the source code of the #HTML and #CSS and provide you with a [Continue reading]
The future of the web: Instagram
I can haz filterz? All joking aside, the future of #HTML and #CSS certainly includes advanced graphical capabilities. Some of them are described in a recent presentation given by Vincent Hardy of +Adobe and you can examples of them in the images below. Of course, in terms of specifications, all of this is in draft [Continue reading]
Responsive menus: one code to rule them all
If you haven’t joined the mobile web yet, you should really start thinking about it. 66% of 24-35 year olds already own web-hungry smartphones in the United States. +Webdesigntuts shows us how you can have one piece #HTML / #CSS code for your menus for both your mobile and "full size" visitors. Check it out [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]
CSS "Magic" :)
CSS "Magic" :) Embedded Link Experiments with background-clip: text Experiments with background-clip: text – Background Image for Text
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]
Drawing images with just #CSS
A new age for spam mails? :) Embedded Link How to draw the Windows logo with 100% CSS. No javascript! No images! HTML. <div id="windows"> <div class="canvas"> <div class="icon"> <div class="window1"> <div class="window-e1"></div&g…
Some really nice #CSS tips using the background-size property
Some really nice #CSS tips using the background-size property Embedded Link Take advantage of the CSS background-size property | Tutorial | .net magazine Front-end developer Stephanie (Sullivan) Rewis, owner of W3Conversions, takes you through a variety of innovative uses for the new CSS3 background-size property. More control than you’ve ever had befo… Google+: Reshared 1 [Continue reading]