BlankWork - Flexible SASS Gridsystem CSS Sprites: What They Are, Why They're Cool, and How To Use Them By Chris Coyier On This article has been revised and re-written several times since its very first publication in 2007, to keep the information current. The most recent revision was done by Flip Stewart in January 2015. #What are CSS Sprites? Spoiler alert: they aren't fairies that write your stylesheets for you. To summarize: the term "sprites" comes from a technique in computer graphics, most often used in video games. CSS Sprites is pretty much the exact same theory: get the image once, and shift it around and only display parts of it. #Why use CSS Sprites? It may seem counterintuitive to cram smaller images into a larger image. Let's look at some numbers on an actual example: That adds up to a total of 14.38KB to load the three images. While the total image size (sometimes) goes up with sprites, several images are loaded with a single HTTP request. Thus, sprites are important for the same reasons that minifying and concatinating CSS and JavaScript are important. $ npm install sprity -g
Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8 Offline.js – Handle your users losing their internet connection like a pro What is Offline.js? Offline.js is a library to automatically alert your users when they've lost internet connectivity, like Gmail. It captures AJAX requests which were made while the connection was down, and remakes them when it's back up, so your app reacts perfectly. It has a number of beautiful themes and requires no configuration. Install The easiest way to add Offline to your site is with Eager. Click Install to see a live preview of Offline on your website. Download Offline.js Pick a Theme Indicator Themes Submit a theme! Documentation HubSpot
HTML KickStart HTML Elements & Documentation - 99Lime.com Setup Download HTML KickStart Include jQuery and HTML KickStart <script src=" src="js/kickstart.js"></script><!-- KICKSTART --><link rel="stylesheet" href="css/kickstart.css" media="all" /><!-- KICKSTART --> Copy Elements into your HTML Browsers HTML KickStart Tested and working in IE 8+, Safari, Chrome, Firefox, Opera, Safari IOS, Browser and Chrome Android. Notes Don't forget to use an HTML5 Doctype <! Buttons A.button With Icons Colors .orange Styles .pop Tooltips Tooltips are awesome. Hover over the examples on the right to preview. Use: class="tooltip" + title="my tooltip content" Tooltip Positions .tooltip (default) .tooltip-top .tooltip-right .tooltip-left .tooltip-bottom Tooltips with HTML Content .tooltip + data-content="#ID" HTML Content This is more HTML content. Paragraphs Blockquote lobortis nisl ut aliquip ex ea commodo consequat. Blockquote Small Inline Styles Heading 3 Heading 4 Heading 5 Heading 6 Address col_12
Bitcoin, Litecoin : montez votre propre mineur ! : Composants informatique generator Japanese Gambling Website (84) フトカジはプレーヤーのニーズにえ、多数のジャックポットゲームを用意！まだ遊んだことがない方は、是非フトカジ で遊んで見て！ フトカジはプレーヤーのニーズにえ、多数のジャックポットゲームを用意！まだ遊んだことがない方は、是非フトカジ で遊んで見て！ オンラインカジノでアニメ系のオンカジと言えばラッキーニッキーです。 オンラインカジノでアニメ系のオンカジと言えばラッキーニッキーです。 オンラインカジノで人気のブラックジャック。 オンラインカジノで人気のブラックジャック。 オンラインカジノのボーナスは聞いたことあるけど、実際にもらったことがない人は遊び方がまだわかりませんよね？ オンラインカジノのボーナスは聞いたことあるけど、実際にもらったことがない人は遊び方がまだわかりませんよね？ カジノゲームで勝つにはゲームを極めることが大切！ カジノゲームで勝つにはゲームを極めることが大切！ オンラインカジノブラックジャックの必勝法が実はあるんです。 オンラインカジノブラックジャックの必勝法が実はあるんです。 オンラインカジノカジ旅の遊び方はここで攻略しよう！ オンラインカジノカジ旅の遊び方はここで攻略しよう！ マーチンゲール はカジノプレイヤーなら誰しも使ったことがある攻略方法です。 マーチンゲール はカジノプレイヤーなら誰しも使ったことがある攻略方法です。 ブラックジャックの勝てる攻略法として、マーチンゲール法が一番有効です。 ブラックジャックの勝てる攻略法として、マーチンゲール法が一番有効です。 太っ腹課長カジノを略した通称「フトカジ」。 太っ腹課長カジノを略した通称「フトカジ」。 オンラインカジノにはいろいろな決済方法があります。 オンラインカジノにはいろいろな決済方法があります。 エヴァの歴代パチスロを知りたいなら、このサイトを参考にしてください。 エヴァの歴代パチスロを知りたいなら、このサイトを参考にしてください。 フトカジボーナスをもらって一攫千金を狙っちゃお！ フトカジボーナスをもらって一攫千金を狙っちゃお！ 初心者に向けたオンラインカジノ・ボーナス情報を公開！ 初心者に向けたオンラインカジノ・ボーナス情報を公開！ ブラックジャックで遊ぶなら勝ちたいですよね！ ブラックジャックで遊ぶなら勝ちたいですよね！ ジョイカジノでオンラインカジノをプレイ！
AngularJS Best Practices: I’ve Been Doing It Wrong! Part 2 of 3 | Art & Logic Blog Three sanity-preserving ideas that will make me and you 10x more productive with real-world AngularJS applications This is the second in a three-part series on practical large-scale development with AngularJS. The TL;DR version is at the end of the article. If you have not read the first part, you might want to start with it. It lays out the foundation for the structure of a large-scale AngularJS project. Part 2: Enjoyable Automated Testing Automatic testing is easy, natural, and helpful. Like any undesirable habit, the habit of not-testing-the-code can be fixed if tests are an integral part of our coding routine, and they get executed and checked without any conscious effort on our part. So, what does Karma do for you? Thanks to integration with Grunt, every time you modify a file, the test suite gets a re-run, and test results are regenerated. The official documentation says it best. How do I write my tests? It depends on your favourite testing framework. Unit Tests Happy testing!
Website layout made easy | Griddle.it jReject - jQuery Plugin for Simple Browser Rejection lorempixel - placeholder images for every case Grunt: Automated Testing With a look into our evolving JavaScript testing methods, Patrick shares how we're using Mocha, Jasmine, and Grunt. Introduction A few months ago we posted about our new build process, and we mentioned starting to use Grunt for the “freedom and customization” that it provided. In addition, we noted that we're using the Jasmine plugin, which allows for JavaScript testing. Recently, Rob Tarr released a new application called Stuntman. This application (using node.js) had the need for both client and server-side JavaScript testing. Grunt to the Rescue Running both server and client-side JavaScript specs was an issue. Our solution: Test client side JavaScript with Jasmine Test our server side JavaScript with Mocha Not very challenging to do thanks to Grunt, but there are some important packages you will need. Prerequisites Grunt Setup Check out the example repository. Our basic setup consists of the following packages in our package.json file: Example “package.json” Gruntfile.js Setup npm install or