CSS hack for Safari 5+ only NOT Chrome

There is a way to filter Safari 5+ from chrome JS Bin



Building a Single Page Application with ASP.NET and AngularJS


Great session, good speakers!








The source code is here: https://github.com/jongalloway/Angular-and-ASPNET-Build2014

Passing data to Bootstrap 3 Modal

Here is the beginning of my post.



Passing data to Bootstrap 3 Modal


JS Bin







Here’s the template code I use when creating a new plugin:

Here is the beginning of my post. And here is the rest of it.



/*!
* jQuery plugin
* What does it do
*/
(function($) {

$.fn.PlugInName = function(opts) {

// default configuration
var config = $.extend({}, {
opt1: null
}, opts);

// main function
function DoSomething(e) {
}

// initialize every element
this.each(function() {
DoSomething($(this));
});

return this;
};

// start
$(function() {
$("#select").PlugInName();
});

})(jQuery);

Workings of Browsers

Probably the best indepth article to explain the workings of Browsers I have seen to date. 

Must read by all web developers..




Debugging tips-and-tricks :FED


If you're using Chrome for debugging/production, make sure to read the docs from https://developers.google.com .


The DevTools provide web developers deep access into the internals of the browser and their web application.


https://developers.google.com/chrome-developer-tools/



Jquery : gt() selector




$( '.utilities li:gt(4)' ).remove();

// JQuery : This snippet will remove all greater than 5 elements will be removed


The :gt() selector selects elements with an index number higher than a specified number.

The index numbers start at 0.

This is mostly used together with another selector to select the last elements in a group

How to Control Tab Order in HTML

Accessibility Tip:




Tabindex assignments are handled the following way:
  • Positive numbers (1,2,3...32767) are handled in tab order.
  • 0 is handled in source order (the order it appears in the DOM)
  • -1 is ignored during tabbing
The following elements support the tabindex attribute:
A,  AREA, BUTTON, INPUT, OBJECT, SELECT, and TEXT AREA

ஒவ்வொரு பெற்றோரும் கண்டிப்பா படிக்க வேண்டிய பயனுள்ள தகவல் :குழந்தைகளிடம்

ஒவ்வொரு பெற்றோரும் கண்டிப்பா படிக்க வேண்டிய பயனுள்ள தகவல்



1. பசி என்று குழந்தை சொன்னால், உடனே உணவு கொடுங்கள், அரட்டையிலோ, சோம்பலிலோ, வேறு வேலையிலோ குழந்தையின் குரலை அலட்சியப்படுத்தாதீர்கள்!

2. மேலாடையின்றியோ,ஆடையே இன்றியோ குழந்தைகள் உங்களுக்கு குழந்தையாய் தெரியலாம், எல்லோருக்கும் அப்படியே தெரியும் என்று எண்ணிவிடாதீர்கள்.

3. ஒருபோதும் "ச்சீ வாயை மூடு" "தொணதொண என்று கேள்வி கேட்காதே" என்று அவர்களிடம் எரிச்சல் காட்டி, அவர்களின் ஆர்வத்தை குழி தோண்டி புதைத்து விடாதீர்கள்!

4. பள்ளிக்கு ஏதோ ஒரு வாகனத்தில் தனியாகவோ, பிற குழந்தைகளுடனோ அனுப்பினால், அந்த வாகன ஓட்டுனரின் முழு விவரமும் தெரிந்து கொள்ளுங்கள், அவர் வீட்டு முகவரி உட்பட.

5. வாகன ஓட்டுனரின் நடத்தையிலும், பழக்க வழக்கத்திலும் ஐயமின்றி தெளிவுறுங்கள்!

6. பெரும்பாலான வாகன ஓட்டுனர்கள், மூட்டைகளை போல் குழந்தைகளை அடைத்து, மரியாதையின்றி பேசுவதும், தொடக் கூடாத இடங்களை தொடுவதும், சில இடங்களில் நடக்கிறது.

7. யார் அழைத்தால் போக வேண்டும், யார் கொடுத்தால் வாங்க வேண்டும் என்று குழந்தைகளுக்கு தெளிவுப்படுத்துங்கள்

8. குழந்தைகள், வீட்டின் முகவரி, பெற்றோரின் தொலைப்பேசி எண்கள் அறிந்திருத்தல் நலம்.

9. வீட்டில் ஒன்றுக்கு மேற்பட்ட குழந்தைகள் இருந்தால், ஒருபோதும் ஒருவருடன் மற்றவரை ஒப்பிட்டு பேசாதீர்கள், வயது வித்தியாசம் எப்படி இருந்தாலும்!

10. ஒரு கட்டத்திற்கு மேல், உங்கள் விருப்பங்களை குழந்தையின் மேல் திணிக்காதீர்கள்.

11. வீட்டில் குழந்தைகள் இருக்கும் போது, வன்முறை, காதல், கொலை, களவுப் போன்றவை நிறைந்த திரைக்காட்சிக்களையோ, நிகழ்ச்சிகளையோ பார்க்காதீர்கள்!

12. பெரியவர்கள், பெண்கள் எப்போதும் சீரியல்களில் மூழ்கி இருக்காமல், குழந்தைகளுக்கு பிடித்தாற்போலோ, அல்லது அவர்களுக்கு பொதுஅறிவு பெருகும் வகையிலான நிகழ்ச்சிகளை பார்ப்பது நலம்.

13. குழந்தைகளிடம் தினம் நேரம் செலவிடுங்கள், ஒரு தோழமையுடன் அவர்கள் சொல்வதை காது கொடுத்து கேளுங்கள்.

14. தவறுகளை தன்மையுடன் திருத்துங்கள், தண்டிக்க நினைக்காதீர்கள்!

15. ஒருமுறை நீர் ஊற்றியவுடன், விதை மரமாகிவிடாது, நீங்கள் ஒருமுறை சொன்னவுடன் குழந்தைகள் உங்கள் விருப்பபடி மாறிவிட மாட்டார்கள். உங்களுக்கு பொறுமை அவசியம்.

16. பள்ளி விட்டு வரும் குழந்தைகளை அன்புடன் அரவணைத்து, வேண்டியது செய்ய அம்மாவோ, பெரியவர்களோ வீட்டில் இருத்தல் வேண்டும்!

17. குழந்தைகளின் எதிரில் புறம் பேசாதீர்கள். பின்னாளில் அவர்கள் உங்களை பற்றி பேசலாம்.

18. உங்கள் பெற்றோரை நடத்தும் விதம், உங்கள் பிள்ளைகளால் கவனிக்க படுகிறது. நாளை உங்களுக்கு அதுவே நடக்கலாம்!

19. படிப்பு என்பது அடிப்படை, அதையும் தாண்டி குழந்தைகளுக்கு உள்ள மற்ற ஆர்வத்தையும் ஊக்குவியுங்கள்.

20. ஓடி ஆடி விளையாடுவது குழந்தைகளின் ஆரோக்யத்திற்கு அவசியம். விளையாட்டிற்கு தடை போடாதீர்கள்.
"All work and no play makes Jack a dull boy"

21. குழந்தைகள் கேள்வி கேட்கட்டும், அவர்களின் வயதுக்கேற்ப புரியும்படி பதில் சொல்லுங்கள்! பொது அறிவு கேள்விகள் கேட்கப்படும் போது தெரிந்தால் சொல்லுங்கள், தெரியாவிட்டால் பிறகு சொல்லுகிறேன் என்று சொல்லுங்கள்.
சொன்னபடி கேள்விக்கான பதிலை அறிந்து கொண்டு, மறக்காமல் அவர்களிடம் சொல்வது அவசியம்.

22. குழந்தைகளை தனியே கடைக்கு அனுப்பும் போது கவனம் தேவை, நெடு நேரம் குழந்தை நிற்க வைக்கப்பட்டாலோ, பொருட்கள் மிகுதியாகவோ, இலவசமாகவோ வழங்கப்பட்டாலோ கவனம் தேவை.

23. ஆணோ, பெண்ணோ, எந்த குழந்தையாய் இருந்தாலும், "Good touch", "bad touch" எது என்பதை பெற்றோர்கள் சொல்லிக் கொடுங்கள்.

24. ஒரு போதும், உங்கள் குழந்தைகளின் எதிரே சண்டை இடாதீர்கள்!

25. ஒவ்வொரு குழந்தையும் ஒரு வரம், அவர்கள், ஒருபோதும் உங்கள் கோபதாபங்களின் வடிகால்கள் அல்ல



Thanks : https://www.facebook.com/Kadhambam





QR Code generation


Try this URL to generate Qr Code



Qr Code for carthworks.com


Bicubic Scaling for Images? :Internet Explorer 6 & 7


Internet Explorer 6 & 7 do not resample images if the display dimensions differ from the image's actual dimensions. As a result, such images are rendered blockier than in other browsers.

Try IE7's bicubic interpolation mode using the follow line of CSS:

-ms-interpolation-mode: bicubic; 

demo: http://jsbin.com/ubuxoq/4/edit

Retina Display : @media Query


* Retina Display */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx) {
.menu-nav {
background-image: url(../img/menu-mobile__402x.png);
background-size: 16px 32px;
}
}