Category Archives: Web Dev

The Monty Hall Rewrite

The advantage of writing your app in the latest hip framework is more about your being years better at programming and having years more time to consider the app’s exact requirements

 

Alex Sexton writes

Throw away any assumptions or knowledge of tools that you have and purely consider that if you are switching, rewriting, or refactoring, you are now n years better at programming than you were when you initially wrote the software.

Now factor in that you’ve had x years more time to consider the exact problem that you’re trying to solve as well as rid yourself of uninformed assumptions. When going in for the rewrite, you have a much clearer picture of what a successful product looks like, purely because of the initial app. You know to abstract certain parts of the code that need to grow, and to externalize other parts that you know you won’t be able to support indefinitely.

Read more at alexsexton.com

Everybody Scrolls.

Don’t worry about “the fold”. Research shows that 91% to 100% of users scroll, regardless of visual cues to encourage scrolling

 

From the article:

UX designers are divided about how essential above-the-fold placement – that is, positioning so that users can see content without scrolling down – really is. Chartbeat found that “66% of attention on a normal media page is spent below the fold.” In contrast, the Nielsen Norman Group showed that “users spend 80% of their time looking above the fold.”

We wanted to know how page design impacts these user behaviors and to what extent visual cues help users scroll below the fold.

We learned that participants almost always scrolled, regardless of how they are cued to do so – and that’s liberating. While it’s hard to make universal recommendations, we’d suggest that designers use the cue that works best in its context.

Designers should choose cues for scrolling based on the content, the business category and the overall design. Does the content feature block text, images or video? Is the site for ecommerce, editorial or news? How do visual cues integrate with existing design elements? All of these variables will affect the optimum placement and effectiveness of scrolling cues.

Read full article at HUGEINC

7 Rules for Creating Gorgeous UI (Part 2) — Medium

Stay up to date with the latest UI techniques for web and mobile

A guide to visual aesthetics, written by a nerd.

Rules:

1. Light comes from the sky (see Part 1)

2. Black and white first (see Part 1)

3. Double your whitespace (see Part 1)

4. Learn the methods of overlaying text on images

5. Make text pop– and un-pop

6. Only use good fonts

7. Steal like an artist

Read more from the source: Medium

The First Browser Dedicated to Developers is Coming

Firefox creates bridges to use the Firefox Dev Tools on other browsers and even mobile devices. Will it become your new workflow?

 

From Mozilla’s Blog:

We decided to unleash our developer tools team on the entire browser to see how we could make your lives easier.

We’ve redesigned the browser by looking at it through a completely new filter to put developers’ interests first. It’s built by developers for developers so you can debug the whole Web, allowing you to more easily build awesome Web experiences. It also integrates some powerful new tools like WebIDE and the Firefox Tools Adapter.

Soon, we’re going to bring you more, a lot more, in a package that you deserve as a builder for an independent Web.

Get ready to spread the word (#Fx10) or sign up for our Hacks newsletter here to be emailed as soon as the browser is available.

Read more from the source: The Mozilla Blog

New study shows that a hamburger menu icon has no different user behavior than the text “menu”

Don’t be afraid to use the hamburger menu icon. Here is more proof that it is universally understood these days

 

Would you like fries with that?

The Hamburger Icon – it’s everywhere. All around you. In web apps, mobile sites, desktop sites, and computer software. The ubiquitous three-line icon is now so common it feels as if it is universally understood to mean “Navigation Menu.” But is it?

Read about the study at booking.com

CloudFlare is a free global CDN and DNS provider that can speed up and protect any site online

We’ve been using CloudFlare for a few weeks and am very impressed. Every web app should use CloudFlare

 

CloudFlare provides a reverse-proxy service that protects your site from DDoS attacks, caches assets into it’s robust CDN, delivers your content via SPDY and has dozens of other protections and optimization.

Features they list include:

– Distribute your content around the world so it’s closer to your visitors (speeding up your site).

– Web pages with ad servers and third party widgets load snappy on both mobile and computers.

– Protect your website from a range of online threats from spammers to SQL injection to DDOS.

– Get insight into all of your website’s traffic including threats and search engine crawlers.

Watch the video or read more at cloudflare.com