Whoah, been a while since I've posted something! Yet, I wanted to mess around with some fun
CSS3 stuff and wanted to share the results with you. Today, we're going to create CSS animated profile cards
... Fronteers. I was blown away after watching her talk from last year (10 things you might not know about
CSS3), especially since she was live coding on stage. This year, she returned with a follow-up f...
After the couple of jQuery Quickies that have been placed online on this website, I today present you a
CSS3 quickie. Just a short walkthrough to create a simple effect, to learn some basic stuff. In
...and simple, the logo just looks very good.
I wanted to recreate this logo using only HTML and
CSS3. The main key to this effect is using the border-radius and overflow:hidden properties. I'v...
...e articles that you might be able to use for your next web project since they were mainly about jQuery,
CSS3 or HTML5. I really hope you liked reading the articles on Marcofolio.net for the last year!...
...the buttons are created out of images. That's the moment I thought we could do better, using some nifty
CSS3 techniques. So today, I present you the Apple.com navigation menu created using only CSS3. ...
... take it one level deeper and try something that isn't in the specifications. Firefox also supports the
CSS3 border-image property: Let's see if we can use the element() function for that as well.
... selector does, and why you would want to use it.
Be aware that the :any() is not part of the
CSS3 specification (yet), but since Webkit already implemented it, I'm pretty sure others will f...
When I just finished creating the animated 3d helix, I came up with an idea that would look a lot like that one. Instead of having the flip animation on top of each other, I wanted to have them placed
One of the most popular articles on Marcofolio.net in 2010 was the 3d animation using pure
CSS3. In my opinion, it was one of the best articles for myself as well, since I learned some pretty neat stu
...high quality articles (no imagedumps, list posts etc.). Most of them are web dev related, about jQuery,
CSS3 or HTML5. I really hoped you liked reading the articles on Marcofolio.net for the last year...
...ll other icons have a low opacity.
I wanted to take this concept and bring it to the next level using
CSS3 transitions. The goal was to slowly fade-in and fade-out the opacity changing, and animate ...
...can't fully use it yet. More users should user modern webbrowsers and the specifications for HTML5 (and
CSS3) have to be finished (browsers should let got of the vendor specific CSS prefixes etc.). I ...
...nk? Do you see this used on websites? Or do you have and comments on the code? I wanted to port this to
CSS3 animations too, would it be worth it? Feel free to share! ...
Time for another relatively simple jQuery tutorial, just like my previous jQuery quickie. At work, I'm currently working with Silverlight and implemented unlimited scroll. This is a great technique th
Do you remember the Wicked
CSS3 3d bar chart that I placed online a couple of weeks ago? Paul Irish left a comment, requesting for an example with transitions. My reply was that I was already working
More and more
CSS3 articles are popping up on Marcofolio and all across the web. Although CSS3 is just future talk (since not all browsers support it yet), it's pretty cool to get a sneak peak on what
...s a very interesting read, since I'm still pretty new to WordPress, but especially since I prefer HTML5/
CSS3/jQuery above Flash. Still, I wanted to give this book a go since I really liked reading the...
...ction from jQuery to have colours fade to another colour. When using this technique, combined with some
CSS3 feautures (rounded corners and drop shadow), we can create a Colourful rating system.
A couple of days ago, somebody tweeted a great looking
CSS3 example. I was absolutely stunned by the example And all that Malarkey created and was wondering how he was able to produce that kind of eff
...ice effect it'll have. We could use the RGBA property here instead of the image, but that only works in
CSS3 compatible browsers.
Both the text lines have a transparen...
...ct from -kol.
Today, I want to add another addition to the bokeh "hype", by creating a pure
CSS3 bokeh effect. With some help from jQuery, we can add some randomness in colour, size and po...
....dialog, to make it look even more like the Windows XP dialog.
On the demonstration page, a couple of
CSS3 features have been added too, just to make the demo better. Now to something more interesti...
...ersion of the CSS engine compared to the 3.5 release. Today, we're going to look at a couple of the new
CSS3 properties that are added to Firefox 3.6.
In this article, we'll be looking at...
A little bit of sad news; This will be the last post on Marcofolio on 2009. I'm going to Austria for two weeks and enjoy a winter sport vacation. But don't worry, I'm planning on finishing this year w
As you might know already, I'm not a big fan of animations that are added in
CSS3. Yet, several people on Twitter told me why they really like the feature. At that point, I wanted to play around with
Although I don't understand why animations have been added in
CSS3, this upcoming standard does have a couple of very neat features added to the CSS we're using today. I wanted to take a couple of the
...s on which I'm very curious about what you think about them:
“Animation properties, as added in
CSS3, don't belong there.”
Webkit based browsers (Safari and Chrome) support CSS animati...
...I wanted to bring the vinyl to the browser. That's why I present to you: jQuery DJ Hero.
CSS3 and jQuery, I created two records that you can start spinning (faster and slower) and even ...
List #8 : Rotated navigation
Here's a last small technique that works with
CSS3 (Supported by the latest versions of Firefox, Safari and Chrome). When hovering a block ele...