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 screen. Show all posts
Showing posts with label screen. Show all posts

Friday, June 21, 2013

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

Tuesday, March 26, 2013

Review your website on different screen resolutions on nodejs

Link here.
Posted by Nipurn at 12:46 PM No comments:
Email ThisBlogThis!Share to XShare to Facebook
Labels: nodejs, screen

Thursday, December 6, 2012

A jquery plugin to call css files according to the window screen

Link here.
Posted by Nipurn at 12:08 PM No comments:
Email ThisBlogThis!Share to XShare to Facebook
Labels: jquery, plugin, screen

Sunday, April 29, 2012

Adaptive css using js

Link here.
To load adaptive css according to the screen width and height, a helpful js tool can be tried.

Posted by Nipurn at 4:04 AM No comments:
Email ThisBlogThis!Share to XShare to Facebook
Labels: css, js, screen
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 .
  • 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. ...
  • Get your easings animations right.
    Link here .
  • 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...
  • HTML5 Boilerplate
    Link here HTML5 Boilerplate is a professional front-end template that helps you build fast, robust, adaptable, and future-proof websit...