Web development

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

Sunday, December 15, 2013

Check if your page is visible currently via javascript

Link here.
Posted by Nipurn at 3:17 AM No comments:
Email ThisBlogThis!Share to XShare to Facebook
Labels: active, js, session

Sunday, November 17, 2013

Learn how to use flexbox to position elements

Link here.
Posted by Nipurn at 10:38 PM No comments:
Email ThisBlogThis!Share to XShare to Facebook
Labels: flexbox

Friday, November 8, 2013

Extract and manipulate rar files using javascript !

Link here.
Posted by Nipurn at 7:58 AM No comments:
Email ThisBlogThis!Share to XShare to Facebook
Labels: js, rar

Sunday, October 20, 2013

Really cool concept of automatically switching to lighter or darker version of an element depending on the brightness of images behind it.

Link here.
Posted by Nipurn at 1:02 AM No comments:
Email ThisBlogThis!Share to XShare to Facebook
Labels: background

Friday, September 6, 2013

A quick 3 minutes introduction to Bower( Javascript Package Manager)

Link here.
Posted by Nipurn at 9:32 AM No comments:
Email ThisBlogThis!Share to XShare to Facebook
Labels: bower

Saturday, August 31, 2013

A nice and minimalistic progress bar

Link here.
Posted by Nipurn at 3:40 AM No comments:
Email ThisBlogThis!Share to XShare to Facebook
Labels: jquery, plugin, progress bar

Sunday, July 14, 2013

Coolest ever page transitions !

Link here.
Posted by Nipurn 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 Nipurn 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 Nipurn 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 Nipurn 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 Nipurn 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 Nipurn 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 Nipurn at 4:03 AM No comments:
Email ThisBlogThis!Share to XShare to Facebook
Labels: css

Friday, June 28, 2013

A command line tool to generate css sprites.

Link here.
Posted by Nipurn at 5:09 AM No comments:
Email ThisBlogThis!Share to XShare to Facebook
Labels: sprites

Monday, June 24, 2013

Sencha gives you a free way to resize your big images on smaller screens.

Link here.
Posted by Nipurn at 2:18 AM No comments:
Email ThisBlogThis!Share to XShare to Facebook
Labels: api, image, resize

Sunday, June 23, 2013

Count character, words and paragraphs entered by a user live

A very small plugin that has no dependencies.
Link here.
Posted by Nipurn at 8:43 AM No comments:
Email ThisBlogThis!Share to XShare to Facebook
Labels: character, js, plugin

A plugin if you want to use excel/spreadsheet formulas.

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

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

Know the resolution and ppi of any screen

Link here.
Posted by Nipurn at 6:01 AM No comments:
Email ThisBlogThis!Share to XShare to Facebook
Labels: dpi, screen

Monday, June 17, 2013

Write better html using HTML inspector plugin

Link here.
Posted by Nipurn at 9:22 AM No comments:
Email ThisBlogThis!Share to XShare to Facebook
Labels: js, plugin
Newer Posts 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.
  • Authentication techniques in AngularJS
    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...
  • Cool css webkit animations !
    Link here . Try them out on jsfiddle !
  • Tutorial to understand node.js step by step.
    Link here .
  • Get your easings animations right.
    Link here .
  • 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. ...
  • All about being responsive !
    Link here .
  • Phalcon, a faster PHP framework
    Link here .  - It's delivered as a C extension  - can handle more requests per second.  - takes way lesser time per request than oth...
  • 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...