daremonai

32 Flips | 3 Magazines | 1 Following | @daremonai | Keep up with daremonai on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “daremonai”

Technology Vendor Contracts and Accessibility: What Every Business Lawyer Should Know

What Is Digital Accessibility?<p>Digital accessibility is about the ability of people with disabilities to find, read, navigate, interact with, and …

I’m harvesting credit card numbers and passwords from your site. Here’s how.

The following is a true story. Or maybe it’s just based on a true story. Perhaps it’s not true at all.<p>It’s been a frantic week of security …

20 Cool Internet and Computer Tricks You Must Know

There are many tricks available for Computer and Internet. Some tricks are popular and we all know very well about it. And some tricks are really …

Regular Expressions in JavaScript

Even if Perl looks like spaghetti to you and you feel that no mere mortal is equipped to manage a Unix system, the fact that JavaScript includes …

DOM Features You Didn’t Know Existed (Video & Slides)

If you subscribe to my newsletter then you’re probably aware that in the past couple of years I’ve done a lot of research and writing on DOM-related …

Danger! ARIA tabs

At Simply Accessible, we believe strongly in including people with disabilities in our usability studies. We test both code and design prototypes as …

Houdini: Maybe The Most Exciting Development In CSS You’ve Never Heard Of

Have you ever wanted to use a particular CSS feature but didn’t because it <b>wasn’t fully supported in all browsers</b>? Or, worse, it was supported in all …

Web Design

Dominant Colors for Lazy-Loading Images

Pinterest, Google Images and lots of image-heavy sites lazy-load their content. They also calculate the dominant color of each image to use as a …

10 Interview Questions Every JavaScript Developer Should Know

AKA: The Keys to JavaScript Mastery<p>At most companies, management must trust the developers to give technical interviews in order to assess candidate …

ES6 JavaScript

The less weird parts<p>A couple of months ago I wrote about “JavaScript — The weird parts”. It was very well received and I thank everybody who …

JavaScript

Auto-Hide Sticky Header

Creating A “Save For Later” Chrome Extension With Modern Web Tools

“Markticle” is the name I chose for this extension. I’ll share here the technologies that I used to develop it. After reading this article, you’ll …

async vs defer attributes

Legend<p><script><p>Let’s start by defining what <script> without any attributes does. The HTML file will be parsed until the script file is hit, at that …

Learning much javascript from one line of code

Since javascript is everywhere nowadays, it is really easy to learn new stuff everyday. Once you know the basics of the language, you can take bits …

Using Grunt to Make Your Email Design Workflow Fun Again

Designing email is hard and archaic. Inlining CSS, table design, varying CSS support, multiple devices, multiple clients, the list is endless. In …

Kill The Hamburger Button

That little three-lined button is the devil. Whether you call it a side menu, navigation drawer, or a hamburger, hiding your features off-screen behind a nondescript icon in the corner is usually a poor mobile design choice. Interaction theory, A/B tests, and the evolution of some of the top apps …

Create a Responsive CSS-only Masonry layout

Pinterest has inspired many to do a masonry-based layout on their sites. We have some solid JavaScript alternatives out there to create masonry …

Breaking news at 1000ms - Front-Trends 2014

An introduction into how the Guardian are making their next generation website load as fast as possible, and ultimately breaking the news to the user …

Grunt for People Who Think Things Like Grunt are Weird and Hard

Front-end developers are often told to do certain things:<p><b>Work in as small chunks of CSS and JavaScript</b> as makes sense to you, then concatenate them …

Responsive email design (#RED)

My 1hr video - plus 187 slides - on responsive email design. Besides an explanation of what responsive design is; I take a look at what’s possible, …

Cerberus - Patterns for Responsive HTML Email Templates

Cerberus -<br>Between mobile, Gmail, and Outlook, HTML email is a three-headed dog from hell.<p>Introduction<p>Coding regular emails is hard enough by itself. …

Bulletproof Accessible Icon Fonts

Posted by Zach on 01/13/2014<p>Care must be taken when implementing icon fonts to ensure a great experience for all users. What happens when your font …

Web Development

Password Protection

How to really defer loading javascript

How to defer loading of javascript<p>Truly deferring javascript means loading or parsing of that javascript only begins after page content has loaded …

Interviewing a front-end developer

Part of my role at Twitter and Stripe involved interviewing front-end engineering candidates. We were given a fair amount of discretion on how we …

The Learning Conundrum

When I started working in information technology professionally in 1989, things were pretty easy in terms of choosing a direction to head into. At …

PACE — Automatic page load progress bars

What is Pace?<p>Include pace.js and a CSS theme of your choice, and you get a beautiful progress indicator for your page load and ajax navigation.<p>No …