Control flow differences between Ruby Procs and Lambdas.

Control flow differences between Ruby Procs and Lambdas.: "One of the main differences between Procs and Lambdas in Ruby is how they work with return and breakstatements. The key to understanding this will make you opt for one control flow over the other."

'via Blog this'

A Closure Is Not Always A Closure In Ruby

A Closure Is Not Always A Closure In Ruby: "Often you don’t really think about what particular language features mean, until those features come and bite you. For me one such feature was Ruby’s instance_eval. We all know how instance_eval works, it’s pretty straight forward. "

'via Blog this'

jQuery text highlighter and filter Plugin | Web Resources | Nacodes

jQuery text highlighter and filter Plugin | Web Resources | Nacodes:
When someone types anything in it then a set area on your page becomes responsive and only displays part of that area which contains the word or string typed by the user.


'via Blog this'

A horizontal navigation jquery plugin | Web Resources | Nacodes

A horizontal navigation jquery plugin | Web Resources | Nacodes: "HorizontalNav is a jQuery plugin that spans a horizontal navigation to fit the full width of it's container. If you've ever had to create this effect on a project, you'll know it's pretty annoying to do. But this plugin makes it easy and adds support for IE7."

'via Blog this'

Sails.js | The future of API development

Sails.js | The future of API development:
Sails.js makes it easy to build custom, enterprise-grade Node.js apps. It is designed to resemble the MVC architecture from frameworks like Ruby on Rails, but with support for the more modern, data-oriented style of web app development. It's especially good for building realtime features like chat.

'via Blog this'

Easing Functions Cheat Sheet

Easing Functions Cheat Sheet:

Easing function specifies the speed of animation progresses to make it more realistic.

The real object doesn’t begin its movement instantly and at a constant rate. When we open the drawer, we first give it acceleration, and then we slow it down. When something falls, it first goes down faster and faster, and then bounces back after it hits the floor.

'via Blog this'

The Ruby on Rails Tutorial for Rails 4.0 (beta) - Ruby on Rails Tutorial News

The Ruby on Rails Tutorial for Rails 4.0 (beta) - Ruby on Rails Tutorial News:
A Rails 4.0–compatible version of the Ruby on Rails Tutorial book is now available online. Sales of the ebook and a supplementary screencast will start after the final version of Rails 4.0 is released (available at a large discount to current customers). A new third edition is planned for later this year (with upgrade discounts for current customers)

'via Blog this'

Parallax Slider - Full Collection of jQuery Sliders

Parallax Slider - Full Collection of jQuery Sliders:

Parallax Effect – Full Collection of Sliders includes 4 types of sliders:

1. Classic
2. Perpetuum Mobile
3. Mouse Interaction
4. Ultra

NEW: From these sliders you can create, in minutes, sidebar banners.

CLASSIC

• touch screen navigation support for mobile
• responsive design. Available parameter to disable responsive behavior
• 2 predefined skins: bullets & thumbs
• layered elements: permits almost unlimited number of layers, images or texts.
• animated text from any direction: top, bottom, left and right. CSS and HTML formated
• external url link parameter for each slide
• target parameter: _blank or _self
• width & height parameters
• autoplay parameter
• loop parameter
• show/hide controllers parameter
• show/hide bottom thumbs parameter
• circle timer parameters for color, dimensions, transparency
• you can include YouTube, Vimeo & HTML5
• you can insert multiple instances in the same page with the same skin or using a different skin.
• detailed help documentation included. Also, all the examples present in the preview are included in the download .zip

PERPETUUM MOBILE

• touch screen navigation support for mobile
• responsive design. Available parameter to disable responsive behaviour
• 2 predefined skins: bullets & thumbs
• layered elements: permits almost unlimited number of layers, images or texts.
• animated text from any direction: top, bottom, left and right. CSS and HTML formated
• perpetuum move: define multiple backgrounds elements that can have a perpetuum move. For each background you can enable or disable this behavior.
• continuous move for layers: you can choose which layer will move continuously between 2 positions just by setting additional parameters
• rotary motion for layers: you can choose which layer will rotate just by setting additional parameters. This feature is working for all browsers, except IE7 & IE8
• width & height parameters
• external url link parameter for each slide
• target parameter: _blank or _self
• autoplay parameter
• loop parameter
• show/hide controllers parameter
• show/hide bottom thumbs parameter
• circle timer parameters for color, dimensions, transparency
• you can include YouTube, Vimeo & HTML5
• you can insert multiple instances in the same page with the same skin or using a different skin.
• detailed help documentation included. Also, all the examples present in the preview are included in the download .zip

MOUSE INTERACTION

• touch screen navigation support for mobile
• responsive design. Available parameter to disable responsive behaviour
• 2 predefined skins: bullets & thumbs
• layered elements: permits almost unlimited number of layers, images or texts.
• animated text from any direction: top, bottom, left and right. CSS and HTML formated
• mouse interaction: by moving the mouse over the slider, the elements will react. Available parameter to disable this behavior.
• continuous move for layers: you can choose which layer will move continuously between 2 positions just by setting additional parameters
• rotary motion for layers: you can choose which layer will rotate just by setting additional parameters. This feature is working for all browsers, except IE7 & IE8
• width & height parameters
• external url link parameter for each slide
• target parameter: _blank or _self
• autoplay parameter
• loop parameter
• show/hide controllers parameter
• show/hide bottom thumbs parameter
• circle timer parameters for color, dimensions, transparency
• you can include YouTube, Vimeo & HTML5
• you can insert multiple instances in the same page with the same skin or using a different skin.
• detailed help documentation included. Also, all the examples present in the preview are included in the download .zip

ULTRA

• touch screen navigation support for mobile
• responsive design. Available parameter to disable responsive behaviour
• 2 predefined skins: bullets & thumbs
• layered elements: permits almost unlimited number of layers, images or texts.
• animated text from any direction: top, bottom, left and right. CSS and HTML formated
• asynchronous move for backgrounds: Define multiple backgrounds elements that can have an asynchronous move, customizable through parameters.
• width & height parameters
• external url link parameter for each slide
• target parameter: _blank or _self
• autoplay parameter
• loop parameter
• show/hide controllers parameter
• show/hide bottom thumbs parameter
• circle timer parameters for color, dimensions, transparency
• you can include YouTube, Vimeo & HTML5
• you can insert multiple instances in the same page with the same skin or using a different skin.
• detailed help documentation included. Also, all the examples present in the preview are included in the download .zip

'via Blog this'

-ms-interpolation-mode property (Internet Explorer)

-ms-interpolation-mode property (Internet Explorer):

Syntax

-ms-interpolation-mode: nearest-neighbor | bicubic

Property values

nearest-neighbor

Always use nearest neighbor interpolation mode.

bicubic

Always use high-quality bicubic interpolation mode.

'via Blog this'

4 Simple CSS3 Animation Tutorials

4 Simple CSS3 Animation Tutorials:
CSS3 allows you to create interactive animations using basic CSS code for your website. These tutorials are simple CSS3 animation tutorials that use 2D transforms to create some neat animation effects.

'via Blog this'

Using SVG | CSS-Tricks

Using SVG | CSS-Tricks:

'via Blog this'

Dynamic Error Pages In Rails | We Are Stac

Dynamic Error Pages In Rails | We Are Stac:

'via Blog this'

Posts / SPDY’s colon headers — Adam Prescott

Posts / SPDY’s colon headers — Adam Prescott:

'via Blog this'

How to play Zopfli with Nginx - Google Drive

How to play Zopfli with Nginx - Google Drive:

The Zopfli Compression Algorithm is a new, open sourced general purpose data compression library that got its name from a Swiss bread recipe. It is an implementation of the Deflate compression algorithm that creates a smaller output size compared to previous techniques. The smaller compressed size allows for better space utilization, faster data transmission, and lower web page load latencies. Furthermore, the smaller compressed size has additional benefits in mobile use, such as lower data transfer fees and reduced battery use. The higher data density is achieved by using more exhaustive compression techniques, which make the compression a lot slower, but do not affect the decompression speed. The exhaustive method is based on iterating entropy modeling and a shortest path search algorithm to find a low bit cost path through the graph of all possible deflate representations.

The output generated by Zopfli is typically 3–8% smaller compared to zlib at maximum compression, and we believe that Zopfli represents the state of the art in Deflate-compatible compression. Zopfli is written in C for portability. It is a compression-only library; existing software can decompress the data. Zopfli is bit-stream compatible with compression used in gzip, Zip, PNG, HTTP requests, and others.

Due to the amount of CPU time required, 2–3 orders of magnitude more than zlib at maximum quality, Zopfli is best suited for applications where data is compressed once and sent over a network many times — for example, static content for the web. By open sourcing Zopfli, thus allowing webmasters to better optimize the size of frequently accessed static content, we hope to make the Internet a bit faster for all of us.


'via Blog this'