Web development

Some useful links I try to save here to help me with web development and hopefully other developers out there!

Showing posts with label animation. Show all posts
Showing posts with label animation. Show all posts

Tuesday, December 16, 2014

Css Animation Basics

Link here.
Posted by Nipurn at 8:11 PM No comments:
Email ThisBlogThis!Share to XShare to Facebook
Labels: animation, css

Friday, June 21, 2013

Ready css3 animations

Link here.
Posted by Nipurn at 6:24 AM No comments:
Email ThisBlogThis!Share to XShare to Facebook
Labels: animation, css3, plugin

Saturday, May 4, 2013

Super clean tool to animate your elements through css

Link here.
Posted by Nipurn at 4:01 AM No comments:
Email ThisBlogThis!Share to XShare to Facebook
Labels: animation, css

Monday, March 25, 2013

Awesome text animations

Link here.
Posted by Nipurn at 12:18 PM No comments:
Email ThisBlogThis!Share to XShare to Facebook
Labels: animation, css3, text

Friday, February 22, 2013

Super cool windows UI type animation

Link here.
Posted by Nipurn at 10:06 PM No comments:
Email ThisBlogThis!Share to XShare to Facebook
Labels: animation, css3D

Thursday, February 21, 2013

Tutorial to create an animation on canvas using image sprites.

Link here.
Posted by Nipurn at 12:08 PM No comments:
Email ThisBlogThis!Share to XShare to Facebook
Labels: animation, canvas, image

Thursday, April 19, 2012

Cool css webkit animations !

Link here.
Try them out on jsfiddle !
Posted by Nipurn at 2:37 AM No comments:
Email ThisBlogThis!Share to XShare to Facebook
Labels: animation, css3
Older Posts Home
Subscribe to: Posts (Atom)

Contributors

Nipurn
View my complete profile

Internet Defense League

Member of The Internet Defense League

Quick tips

It's faster to use .length rather than .size() in jquery as .size() function return .length of the element itself.
Selectors
In css, browsers read the selectors from the right to left. And, as a rule, try to not to use selectors that are type selectors like li, p etc.
z-index will only work on an element whose position property has been explicitly set to absolute, fixed, or relative.
In a function declaration in javascript, the function stands on its own and does not need to be assigned to anything.
eg-
function multiple(a, b) { return a * b; } // Note, no semi colan is needed
IE Hack
When creating a good, solid markup, at times when IE does not seem to play nicely, try applying the css property { zoom : 1; } and see if this fixes the issue. 90% of the times it fixes the display problems in IE. This css only works for IE.

Total Pageviews

Site Archive

  • ▼  2015 (2)
    • ▼  September (1)
      • Get your easings animations right.
    • ►  July (1)
  • ►  2014 (13)
    • ►  December (2)
    • ►  August (2)
    • ►  July (1)
    • ►  March (5)
    • ►  February (2)
    • ►  January (1)
  • ►  2013 (80)
    • ►  December (1)
    • ►  November (2)
    • ►  October (1)
    • ►  September (1)
    • ►  August (1)
    • ►  July (7)
    • ►  June (10)
    • ►  May (12)
    • ►  April (8)
    • ►  March (12)
    • ►  February (11)
    • ►  January (14)
  • ►  2012 (119)
    • ►  December (15)
    • ►  November (9)
    • ►  October (17)
    • ►  September (13)
    • ►  August (11)
    • ►  July (8)
    • ►  June (16)
    • ►  May (9)
    • ►  April (21)

Popular Posts

  • Adaptive css using js
    Link here . To load adaptive css according to the screen width and height, a helpful js tool can be tried.
  • Cool css webkit animations !
    Link here . Try them out on jsfiddle !
  • Tutorial to understand node.js step by step.
    Link here .
  • Make lasers using css
    Link here .
  • Color Palettes
    Link here . Want to find out all the colors used by a website ? Well just enter its url and get all the possible colors used in the desi...
  • Saving and accessing javascript values in json even after a page refresh !
    Link here . Yes, now it's possible to access small json key-values in javascript even after a page is refreshed using Lawnchair api. ...
  • Online encrypt, split, merge a pdf .. And a lot more options..
    Link here .
  • Tutorial on ember.js
    Link here . A beginner's tutorial to start off with Ember.js which helps to create a MVC architecture. It requires just one other lib...
  • Charting library using d3.js framework
    Link here .
  • Border - box
    Link here Works ie8+ * { box-sizing: border-box } FTW One of my least favorite parts about layout with CSS is the relationship of width...