Another Web Development Blog
Hi all,
Project after project i’m finding myself using css3 transition (and animation) more and more, till the point i’m questioning myself if $.animate is still a big deal.
Almost every animation is doable, with a nice retrocompatibility on older browser and awesome performance, today we’ll look at the easiest and most overused one: the Fade!
CSS transformations give a lot of new fancy and handy animations, but there could be some situations where you want javascript, maybe jQuery trigger them.
How to rotate something with jQuery then?
Here is the answer:
Yeah right, poor performances for out beloved $.animate(), any workaround?
Yes of course, give a look at:
jQuery transit or jQuery animate enhanced
They both are valid plugins that give an alternative (or an override) to the animate method using css transformations if possible.
Read this article to find more about this topic: CSS tricks – Tale of Animation Performance
Hello all,
Foundation could be awesome for a lot of things, i love this framework, but still not everything is perfect.
For instance it could happen that we want to use jQuery Unveil for instance and at the same time Foundation Interchange for the maximum awesomeness!
Still it’s clear that they could not fit together plus foundation has stated that there is no lazy interchange at the moment… so let’s do it 🙂
Hi all,
Today I encountered a strange issue, after opening the on screen keyboard, filling a form and sending it with the keyboard (via javascript which involves no page reloads), the body kept the size of the page plus the size of the keyboard, totally unexpected.
I found a nice hack to avoid the issue and since it works flawlessy it’s worth an article:
Hello all,
Since I released today my very first jQuery plugin. I thought it would be nice to commemorate it on the blog 😛
Zoomsaic (oh god, i’m not good at naming things) is a lightweight library to create some fancy effects that i had to create for a project and, since it turned out to be nice, I decided to share it.
I actually made a demo shows a plain version of the plugin, you could do a lot, lot more which a bit of creativity, you could create really some great galleries.
Here are the links then:
Feel free to contribute as you please and contact me if you actually end up using it on a project, I would be glad to hear that 🙂
P.S.: It’s completly mobile friendly 🙂
Today I’ll introduce a tweak not as much popular as it deserve to be:
CUSTOM CHECKBOXES!
A simple css-only implementation of this element could be achieved with just 4 rules and 2 elements, generating an output like this:
that could be customized as much as you desire and feel creative.
Hello all,
At the moment I am working at a responsive optimized project, the client suggested a parallax effect background, still I saw really few good parallax responsive sites out there in spite of the number of parallax frameworks under developement and I need my site to be as quick as possible. I checked for my first time the code of this famous plugin and I discovered that the main layer-delayed background effect is a piece of cake.
Making it with custom and lite is no big deal, I’ll now explain what many already know but adding my code to realize a simple and quick parallax basic-feature clone!
Hello all,
I’ve been discovering a lot of CSS tricks in the past weeks and I decided to make a little landing page about that. I don’t think they could be handy for everyday works but they still looks interesting and canvas-less (obviously with a canvas the job would be a lot easier). I feel like experimenting a bit is no damage on the web. 🙂
You could check them at http://www.darksideofthecss.com
I would discuss about every trick as soon as I’ve got time to write a full article!
As you know in these days HTML markup validation is becoming a common pratice. W3C offers his tool ( The W3C Markup Validator ) and it’s really useful to find obsolte code from old HTML revisions like the famous
<br clear="both"/>
Oh my br, i loved you a lot in past years, but it’s time to DIE! Nowadays it’s better to use
overflow: hidden;
to reset floating stuff.
Thank you W3C and goodbye BRCLEAR. You served the web well.
