Elf M. Sternberg

Full Stack Web Developer

Where one teaches, two learn.

Tag: #javascript

To all tags

Notification Web Component with Intrinsic Scaling

I set out to reproduce the effect from "The CSS Hack You Need To Know", which is all about using the attr() CSS function to extract an attribute's value from the tag being styled so you can apply it to a ::after entry that will display the attribute. The idea is that one could then set:

<div class="notification-bell-container" current-count=5><svg ...></svg> </div>

And get back something that looks like this:

Image of the Bell Icon

As I was playing with the source code, I realized that it had one major shortcoming: it didn't scale well. For every different size, if you wanted the notification circle to be even approximately in the right place you would need to hand-code the location of the counter and have breakpoint-oriented versions for phone, tablet, desktop, extra-wide, and ten-foot displays.

Can we do better than that? With web components we can do anything.

HTML Templates: Not a new idea, definitely faster than rolling your own

About fifteen years ago at a startup, I built a very data-heavy single page app for biologists to manage a map/reduce version of a gene sequencing engine, and because it was data heavy, it made use of templates to render much of the HTML. If you've ever been in this situation, you reach for a library.

With HTML Templates, you might not need a library. But I suspect you're going to want one.

Final Impressions on "Modern" Javascript Development

Now I get mapping and currying...

While I love Coffeescript and Literate Programming, this puzzles me...

Working Notes: Jenkins, Git, Grunt, Mocha, Zombie, Coffee, Require

Coffeescript deconstruction of arrays

Fridgemagnets 0.4

Right Now 0.5

A new little software toy: Right Now!

ToneMatrix for HTML5

Coffeescript is a gateway drug to Haskell

Is backbone.js important enough to warrant its own recruitment category?

I should stop reading magazines.

Making Backbone-Relational work with deep namespaces

The Backbone Store, version 2.0, regular edition.

Playing with Raphael, Canvas, and animation

jQuery: fadeOut a lot, fadeIn a little: Deferred promises and synchronizing jquery.animate()

Backbone Store v 0.2 released

Backbone.js: Introducing The Backbone Store!

Props to the Digg developers...

Replacing Flash with Javascript: Metacritic's slide show with in-image thumbnails

Remote Authentication Between Cooperating Websites

Node.js is genuinely exciting!

RedStatePoly, Mark 2: Call For Suggestions

CSS Sprites

JQuery: A dock at the bottom of the viewport!

How to post to a facebook user's Newsfeed via Python and Django

Bog-stupid Ajax round trips with Prototype and Django

Fixing an omission from Django's simplejson: iterators, generators, functors and closures

What the 'new' operator means in Javascript