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 …
- giant robots smashing into other giant robots: Towards a Retina Web: Follow-up
- Lee Munroe: A quick intro into CSS3 gradients
- Trevor Turk: Links for 12-9-2011
- The "Tech. Arch.": Creating Rich Interactive Web Apps With KnockOut.js - Part 2
- Signal vs. Noise: Here's what we've learned about doing UI for mobile web apps with HTML5
- Engine Yard Developer Blog: JS Interjection
…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. …
- John Resig: Redefining the Introduction to Computer Science
- Life at the Speed of Green: JSLint Rails Javascript Responses
- Merbist: MacRuby, WebKit and JS
- The "Tech. Arch.": Creating Rich Interactive Web Apps With KnockOut.js - Part 2
- Global Nerdy: Good JavaScript Reading, Part 1: Eloquent JavaScript
- 赖洪礼的 blog: 3 Node.js gotchas that I've found in the past 3 days
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 [...]
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) …
- » Product Launch Blog: Griffon and a PureMVC Plugin: Some Initial Thoughts
- DevInterface Blog: Design Patterns in Ruby: Introduction
- Riding Rails - home: jQuery: New Default
- Plataformatec Blog: Rails Metrics: know what is happening inside your Rails 3 application
- Simone Carletti's Blog: Understanding the Unobtrusive JavaScript technique
- Labnotes: My development stack
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.
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 …
- Intridea - Company Blog: Intridea Insider: Thadd Selden
- : How High Quality Code is Like The Most Profound Science
- Talk Like A Duck: Abstract vs Concrete Approaches to Learning
- AkitaOnRails.com - English: [RailsConf 2010] - Video Interview - Robert Martin (English)
- » Product Launch Blog: Fake OO
- Ryan Tomayko: AWK-ward Ruby
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 …
- Global Nerdy: IE9 Platform Preview 2
- the { buckblogs :here } - Home: Mazes in CoffeeScript
- Lee Munroe: Are you an HTML5 web designer?
- ZURB: Feature Targeting Is The New Hotness
- Bamboo Blog: HTML5-powered Ajax file uploads
- flow: CSS Best Practices - Attribute Selectors
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 …
- Expected Behavior : : This Could Get Ugly
- Oleksiy Kovyrin: Rails Developer for a Large Startup: My Vision of an Ideal Candidate
- Engine Yard Developer Blog: Key-Value Stores in Ruby: The Wrap Up
- Trevor Turk: Links for 1-13-11
- MetaSkills.net: Authenticated S3 GETs For Private Objects Using Paperclip
- p.latyp.us: Rails' distributed asset hosts
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).
- Transcending Frontiers: JRuby BugMash is in session
- Lance: Agile Metrics
- DevInterface Blog: How to create multiple Django environments using virtualenv
- Developing with Style: The Joy of Cake Migrations - my first tutorial
- Vineet Gupta | Computer Programmer: Learning to Program all Over Again
- Junior developer: RubyForge email ham to spam rates
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 …
- WriteLessCode Blog: New Netzke Widget: Window
- SKORKS: How To Speed Up Your Website By 80% Or More
- Piotr Sarnacki: Tweaking Rails app with jQuery, part I
- Bamboo Blog: Let them eat State
- behindlogic.com - behindlogic Resources and Information. This website is for sale!: Integrating with QuickBooks from the Browser is easy now.
- Scout ~ The Blog: There's Scout in my Safari