23 April 2014

The Ruby Reflector

Topic

Cross-browser

  Source Favicon
By miraculous1 of mir.aculo.us over 1 year ago.
Email

Yesterday I sat down and implemented a cross-browser ( WebKit and Firefox, I don't count IE) way to achieve a "fade out the element on the right with a mask" effect for our upcoming web app Charm Customer Support —it's harder than it should be, and here's how it works:

Fist off, for WebKit-based browsers, the -webkit-mask-image CSS property is used with a CSS gradient. This is really easy to do and straight-forward. However, on Firefox, you …

mir.aculo.us Read
  Source Favicon
By John Resig of John Resig over 2 years ago.
Email

…will have to be taught in order bring the students up to the level of "see any random piece of cross-browser JavaScript code and understand what it does."

Type Coercion

Type coercion is just a complete mess, as many many others have pointed out and as what Douglas Crockford typically teaches, as in JavaScript: The Good Parts .

It might make sense to discuss it far later in the education cycle... like after learning about prototypes, functional programming, and closures. …

ejohn.org Read
  Source Favicon
By Thomas Fuchs of mir.aculo.us over 2 years ago.
Email

Zepto.js 0.8 is out! Here is what's new and improved: Cross-browser CSS transitions with the animate() method Unified event handling with fn.on() & off() Ajax global events, timeout support, and other improvements Performance boost for selectors 2 new add-ons: extended data support and animated show & hide methods Zepto is now expected to work in [...]

mir.aculo.us Read
  Source Favicon
By techarch of The "Tech. Arch." over 2 years ago.
Email

loading / saving its content to the browser local storage (using jStorage , a cross-browser HTML 5 local storage abstraction library)

Let's add the code snippet to lazy-create the namespace: // Lazy initialize our namespace context: sgs.model.coffeeconsumption if (typeof(sgs) == 'undefined') sgs = { } if (typeof(sgs.model) == 'undefined') sgs.model = { } if (typeof(sgs.model.coffeepricing) == 'undefined') sgs.model.coffeepricing = { }

if (typeof(console) …

blog.monnet-usa.com Read
  Source Favicon
By Mike Gunderloy of A Fresh Cup over 2 years ago.
Email

Nest - Fancy-schmancy Apple-inspired new programmable thermostat that had a full-court press blitz this morning. We'll see if it lives up to its PR in a few months.

db2fog - Rails plugin to backup MySQL or PostgreSQL to a cloud storage provider. Now with some annoying code from me ;)

Testling - Cross-browser automated javascript testing service.

afreshcup.com Read
  Source Favicon
By Assaf of Labnotes over 2 years ago.
Email

Cross tested Reliable Cross-Browser Testing . And check out BrowserStack . Beats managing your own VMs.

Moar data Everything you need to know about the jQuery data API and data- attributes .

Not dead yet An introduction to modern Fortran programming . Yes, Fortran.

I suck Best method name ever: i_suck_and_my_tests_are_order_dependent!()

QotD Via steveklabnik :

"if generalizing from anecdotal experience bothers …

blog.labnotes.org Read
  Source Favicon
By Jacek Szarski of Blog on Applicake's ideas, Ruby on Rails and Internet start-ups almost 3 years ago.
Email

So I started creating WaterBug - a cross-browser JavaScript debugging tool written in: JavaScript itself! I think that is the beauty of it. Why not develop tools in JavaScript which work in all browsers?!

Why that name?

My idea was that I wanted to have a tool like FireBug available for other web browsers. The problem with FireBug is that it's tied to Firefox. I wanted to have a tool that isn't fire-dependant and the FireBug's logo is a waterbug. So the little …

applicake.com Read
  Source Favicon
Email

Up to you to write a decent cross-browser CSS file.

The font files you use might be old-school (not "hinted" for computer screens).

Requires deeper knowledge of typefaces.

With an open mind, the last weakness is actually a strength. Typography is pretty interesting. You've got all these independent type foundries doing beautiful work and some release their fonts for free under permissive licensing.

In that way, hunting great typefaces for your @ font-face web …

robots.thoughtbot.com Read
  Source Favicon
On a timocracy of one over 3 years ago.
Email

It's been a while since I've had to deal with making a cross-browser 100% height layout - long enough that a couple version of IE have come out since. CSS support in IE has come a long way, so I thought I'd start fresh and try a purely standards based approach for the latest IE and standards based browsers, using the 'display: table-*' styles, and just do a fallback for older versions of IE (a 100% height modified Holy Grail layout that relies on the IE quirks box-model).

timocracy.com Read
  Source Favicon
By Peter Cooper of Rails Inside almost 4 years ago.
Email

Ext JS is a cross-browser JavaScript library for building rich internet applications. It provides an extended set of powerful, feature-rich widgets that can be used as building blocks for AJAX -driven GUI of almost unlimited complexity. Netzke is a framework that provides a unified way to build clean, reusable and maintainable back-end code for an Ext JS app in Rails.

A good example of a Ext JS widget that depends heavily on client-server communication is a grid …

railsinside.com Read