Web development

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

Sunday, July 14, 2013

Coolest ever page transitions !

Link here.
Posted by Unknown at 2:12 PM No comments:
Email ThisBlogThis!Share to XShare to Facebook
Labels: transition

Monday, July 8, 2013

Preload assets(eg. images) on your page

Link here.
Posted by Unknown at 1:26 PM No comments:
Email ThisBlogThis!Share to XShare to Facebook
Labels: js, plugin, prefetch

Tuesday, July 2, 2013

Know which css is going unused

Link here.
Posted by Unknown at 2:48 AM No comments:
Email ThisBlogThis!Share to XShare to Facebook
Labels: css, js, plugin

Tired of figuring out how to vertically(or horizontally) center your elements? Here's a javascript plugin!

Link here.
Posted by Unknown at 1:42 AM No comments:
Email ThisBlogThis!Share to XShare to Facebook
Labels: js, plugin

Monday, July 1, 2013

Get placeholder images according to your need when designing a new web app

I could find not one but three of them. Besides choosing sizes, we can also choose type of images we want from categories provided, all for free.

Lorem Pixel
Fakeimg
Placeimg
Posted by Unknown at 6:59 AM No comments:
Email ThisBlogThis!Share to XShare to Facebook
Labels: image, placeholder

Easy library to make charts and graphs

Link here.
Posted by Unknown at 4:36 AM No comments:
Email ThisBlogThis!Share to XShare to Facebook
Labels: charts, graphs, js, plugin

Want to minimize your minimized files more through structural optimization?

Link here.
Posted by Unknown at 4:03 AM No comments:
Email ThisBlogThis!Share to XShare to Facebook
Labels: css
Newer Posts Older Posts Home
Subscribe to: Posts (Atom)

Contributors

Unknown
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)
    • ►  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)
      • Coolest ever page transitions !
      • Preload assets(eg. images) on your page
      • Know which css is going unused
      • Tired of figuring out how to vertically(or horizon...
      • Get placeholder images according to your need when...
      • Easy library to make charts and graphs
      • Want to minimize your minimized files more through...
    • ►  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

  • A checklist of What all to check before starting user testing
    Link here .
  • A fun piano using jquery !
    Link here .
  • Get all files in a single response! ( quickConcat )
    Link here . This is a dynamic concatenator written in php for all the html, css and javascript files with just a single call and a single...
  • Change url without reloading the page !
    Link here . Yes, it's possible now in all the browsers to change the url of a page with html5 using javascript without using hash-hack...
  • Making fitvids, media-element.js or sublime flexible using a little bit of css
    Link here .
  • Vertical alignment of element
    Link here 2 methods to align a child element inside a parent element -> 1) The following example makes two (non-trivial) assumptions. I...
  • Create tooltip type of toolbars!
    Link here .
  • Make lasers using css
    Link here .
  • Amazing background patterns using css
    Link here . Create awesome background patterns using only css and no images. Best part? Works on ALL browsers. You'll have to see i...
  • Awesome charting javascript library
    Link here . This javascript library helps to create cool charts like pie charts, bar graphs, data tables etc. The coolest thing is that th...