Monday, September 30, 2013

Targeting menu elements with submenus in a navigation bar

Targeting menu elements with submenus in a navigation bar

You might be aware of the jQuery .has method, which allows you to select an element if it has any of another selector as a descendant. There is sadly no such selector in CSS yet. But if you know a little something about the HTML structure, you can use a combination of positional selectors to mimic it.

Monday, September 30, 2013

Custom scrollbars for IE, Chrome and Firefox using CSS

Custom scrollbars

Using Custom scrollbars in your website can be really eye-catching and they go well with the website's design. For web designers, it's difficult creating them with JavaScript. Instead, you can create custom scrollbars using CSS. According to my acknowledge, it only worked in Internet Explorer. During my recent project, my client required the scrollbar to be stylized with CSS and make it work in most mainstream browsers. So after a bit of googling, I found the tricks to do so and share them with you here.

Sunday, September 29, 2013

What The Heck is… The Cloud?

What The Heck is… The Cloud?
The cloud, or cloud computing, is not new but it remains a major buzzword in the business and technology world. I would assume that most people know by now what we mean when we say things like: "Simply stick it in the cloud" or "Back up to the cloud". However, I recently gave a presentation about Big Data (another one of these buzzwords) to a large business conference and in my discussions afterwards was surprised how many people were not really clear what cloud computing was. So, I promised to write a very short and clear outline of what it is.

Sunday, September 29, 2013

An introduction to the Page Visibility API

Page Visibility API

The days of browsing the web using a single window (or tab) are long gone. Most of us now browse with multiple windows and/or tabs open at the same time. As developers we have never had a way of telling whether our web page is visible to the user or if it's buried away amongst a stack of inactive tabs. This is all changing due to the introduction of the Page Visibility API.

Sunday, September 29, 2013

Reading files using the HTML5 FileReader API

HTML5 FileReader API

HTML5 saw the introduction of a number of new APIs that can be used to handle files in the browser. These APIs make it much easier to accomplish tasks like reading and writing files or uploading a file created using JavaScript.

Sunday, September 29, 2013

Controlling CSS Animations and Transitions with JavaScript

Controlling CSS Animations and Transitions with JavaScript

Web designers sometimes believe that animating in CSS is more difficult than animating in JavaScript. While CSS animation does have some limitations, most of the time it's more capable than we give it credit for! Not to mention, typically more performant.

Tuesday, August 27, 2013

Responsive Images with Apropos

Responsive Images with Apropos

When Square's front-end engineering team was building our Japanese website, we decided early on that we needed to support a wide variety of devices, and that responsive design was the right way to do that. (Who wants to support a completely separate “mobile site”?) However, we weren't sure how we would serve every visitor the appropriate version of the gorgeous images shot by our talented photographers.

Friday, August 23, 2013

SVG Fallbacks

SVG Fallbacks

There is a very clever technique by Alexey Ten on providing an image fallback for SVG going around the internet recently. It does just what you want in the classic no-SVG-support browsers IE 8- and Android 2.3. If we dig a little deeper we find a some pretty interesting stuff including a bit of unexpected behavior that is a bit of a bummer.

Friday, August 23, 2013

Responsive Content Using CSS Regions

Responsive Content Using CSS Regions

CSS Regions allow content to flow across multiple areas of the display, called regions.  The beauty of CSS Regions is that you can separate the content from the layout. And with that comes the ability to create some responsive content very easily.

Friday, August 23, 2013

The Art of Balancing User Experience and Security

The Art of Balancing User Experience and Security

How much thought do users really give when they key in their username and password while making an online transaction or accessing online banking? Not much, I'm afraid. They trust the website and believe that the application they're using is doing the right thing. But the World Wide Web is facing a growing concern of security breaches and phishing attacks, and that could put massive amount of sensitive information in the wrong hands. Internet attackers are using sophisticated tools to gain unsolicited entry into computer systems all over the globe, and security systems are finding it difficult to keep up with them.