Media Query Break Points


Here are the default Media Queries you should be using:

 

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    
}

We also have a Quick Tip for reference here. If you use SASS or LESS, you can use the built in variables (small, medium, large, etc.) for the breakpoints.


HOW TO MAKE SYMBOLS WITH KEYBOARD


Useful Information

HOW TO MAKE SYMBOLS WITH KEYBOARD
Alt + 0153….. ™… trademark symbol
Alt + 0169…. ©…. copyright symbol
Alt + 0174….. ®….registered ­ trademark symbol
Alt + 0176 …°……degre ­e symbol
Alt + 0177 …±….plus-or ­-minus sign
Alt + 0182 …¶…..paragr ­aph mark
Alt + 0190 …¾….fractio ­n, three-fourths
Alt + 0215 ….×…..multi ­plication sign
Alt + 0162…¢….the ­ cent sign
Alt + 0161…..¡….. ­.upside down exclamation point
Alt + 0191…..¿….. ­upside down question mark
Alt + 1…….….sm ­iley face
Alt + 2 ……☻…..bla­ck smiley face
Alt + 15…..☼…..su­n
Alt + 12……♀…..female sign
Alt + 11…..♂……m­ale sign
Alt + 6…….♠…..spade
Alt + 5…….♣…… ­Club
Alt + 3……..…… ­Heart
Alt + 4…….♦…… ­Diamond
Alt + 13……♪…..e­ighth note
Alt + 14……♫…… ­beamed eighth note
Alt + 8721…. ∑…. N-ary summation (auto sum)
Alt + 251…..√…..s­quare root check mark
Alt + 8236…..∞….. ­infinity
Alt + 24…….↑….. ­up arrow
Alt + 25……↓…… ­down arrow
Alt + 26…..→…..ri­ght arrow
Alt + 27……←…..l­eft arrow
Alt + 18…..↕……u­p/down arrow
Alt + 29……↔…left right arrow

share it !

IE 9 Conditional Style Sheet


<!--[if IE 6]><link rel="stylesheet" type="text/css" href="/include/ie6stylehome.css" /><![endif]-->
<!--[if IE 7]>
        <link rel="stylesheet" type="text/css" href="http://imagekarthik.com/xxxxxx/style.css;" <![endif]-->
<!--[if IE 8]>
        <link rel="stylesheet" type="text/css" href="http://imagekarthik.com/xxxxxx/style.css;" <![endif]-->
 
 <!--[if IE 9]>
<link rel="stylesheet" type="text/css" href="http://imagekarthik.com/xxxxxx/style.css;" <![endif]-->

 <link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="http://imagekarthik.com/xxxxxx/style.css;" type="text/css" />
<style type="text/css">
<!--
-->
</style>

jQuery Plugins of the Day


jQuery Plugins of the Day

fresherEditor : jQuery Rich html text editor
http://www.jqueryrain.com/2013/02/freshereditor-jquery-rich-html-text-editor/

Fancy News – jQuery plugin
http://www.jqueryrain.com/2013/02/fancy-news-jquery-plugin/

Jribbble : A jQuery Plugin for the Dribbble API
http://www.jqueryrain.com/2013/02/jribbble-a-jquery-plugin-for-the-dribbble-api/

scrollNav : jQuery plugin for building a scrolling Side Nav
http://www.jqueryrain.com/2013/02/scrollnav-jquery-plugin-for-building-a-scrolling-side-nav/

 

 

iFrame height resizing, responsive design techniques.


My current project required me to work with responsive design.  One task was to setup an iframe that was capable of dynamic height based on the contents of the iframe.  We did have a little control of the parent and the child content, and I thought this would be a pretty easy.

After some trial and error and a lot of google-fu I found a solution using easyXDM.  It seemed to work pretty well and was able to work across different browsers.  However, the solution was pretty heavy, weighing in at just over 21kb embedded on the parent site.

A coworker of mine brought up a more streamline solution that pulled out all the goodness of what easyXDM was doing and put it into a script at around 2kb.

The script uses postMessage transport for more current browsers.  Then falls back to a hash tag solution for browsers that don’t support postMessage option.

I cleaned it up and put it out on github.  Check it out and let me know what you think.

Demo: http://zerg.ws/iframe/demo.html

Github: https://github.com/johnymonster/iframe_height

Thanks!

 

Source : http://www.dailyrelevance.com/javascript/iframe-height-resizing-responsive-design-techniques

India to build world’s fastest Supercomputer


India wants to get ahead in the technological revolution. And just how will it manage this? By building a new supercomputer that aims to be 61 times faster than IBM Sequoia, currently the worlds fastest.

Telecom and IT Minister Kapil Sibal is understood to have written to Prime Minister Manmohan Singh sharing the roadmap to develop “petaflop and exaflop range of supercomputers” at an estimated cost of Rs 4,700 crore over 5 years.

“In his (Sibal) letter, he has said that C-DAC has developed a proposal with a roadmap to develop a petaflop and exaflop range of supercomputers in the country with an outlay of Rs 4,700 crore,” a government official said.

A petaflop is a measure of a computer s processing speed and can be expressed as a thousand trillion floating point operations per second. Exaflop is one quintillion computer operations per second. Simply put, one exaflop is thousand times faster than one petaflop.

Getty Images
The fastest supercomputer in the world, Sequoia, has registered a top computing speed of 16.32 petaflops which is equivalent of computing of power from over 7.8 lakhs high-end laptops put together.

If the Indian government approves building exaflop supercomputers, these will be at least 61 times faster than Sequoia, officials said.

India’s top supercomputer at present ranks 58th globally in terms of computing speed.

Sibal has cited the past record of Center for Development of Advanced Computing (C-DAC) which was set up in 1987 by then Prime Minister Rajiv Gandhi after technologically advanced nations denied supply of supercomputer to India in mid-1980s.

“The Minister has written that C-DAC developed first supercomputers in the country, the PARAM series. Presently Param Yuva with 54 teraflop computing power is serving many researchers through Garuda Computing Grid,” the official said.

Sibal has proposed that Department of Electronics and Information Technology (DEITY) should be given tasks to coordinate overall supercomputing activities in the country as it has been done in the past.

The proposal made in the letter says that DEITY should be given tasks to set up a National Apex Committee to oversee the implementation of the proposed Supercomputing Mission and C-DAC should establish peta and exascale supercomputing facilities and development activities.

Source : http://didyk.info/?p=644

checking a domains availability using php


The availability API is probably the greatest feature of the Robowhois webservice, letting you check for a domain’s availability with a simple, uniform HTTP request.

Checking if google.com is available

isAvailable('google.com')) {
echo "pretty nice dream, uhm?";
}

The opposite thing is achieved using the ->isRegistered() method.

You can also retrieve an array as returned from the webservice, by doing:
whoisAvailability('google.com')) {
echo $availability['available'];
echo $availability['registered'];
echo $availability['daystamp'];
}

Retrieve informations about your account

A must-have, since you should always check how many remaining credits you have, the account API lets you retrieve some of your personal data from your Robowhois.com account:

Calculating how many left credits you have

whoisAccount()->getCreditsRemaining();

if ($credits > 100) {
echo "No problem fella!";
} else {
echo "Time to go shopping looking for new API calls, uhm?";
}
} catch (Exception $e) {
echo "The following error occurred: " . $e->getMessage();
}

Minor things

We also polished some code, refactored stuff and added some tests (unit and integration ones).

For instance, when using the record API, you can retrieve the daystamp of the response as DateTime object:

retrieving the daystamp as an object or a string

whoisRecord('google.com')) {
// returns a DateTime object
echo $whois->getDaystamp();

// formats the DateTime
echo $whois->getDaystamp()->format('Y-m-d');

// returns a string
echo $whois->getDaystamp(true);
}

You can download the latest tag of the library (currently 0.8.0) and start using it: the README exhaustively explains what you can do with this small client, and some samples are provided under the

Source : http://odino.org/checking-a-domain-s-availability-with-php/