Although not yet in the hands of the average consumer, virtual and augmented reality are gaining traction. I believe that mobile virtual reality is the VR of the near future, and I want to use this post to encourage you to think about its impact on your company or your career.
I’m building a game in Elm, and I wanted to illuminate a circle of light around the character, to reveal the visible parts of the game world. How can we do this in Elm?
Ember-CLI Blueprints are a powerful tool to help your team move efficiently and effectively when working on large projects. In this post, we’ll walk through the basics of creating your own blueprint, adding some command-line prompts and creating a custom file structure for it.
On the internet, there are two things that are totally played out—Rick Astley and the Fibonnaci sequence. But finally, in one blog post, they have been combined.
Previously on CSS Sprites with Gulp, we learned how to automatically generate a sprite sheet and accompanying CSS from a folder of images. That’s a great first step, but there’s a lot more we can do.
This post will get new Sass users up and running, and help more seasoned users shift their sassiness into the fast lane.
CSS sprites provide the ability to pack multiple small images into a single file, which is then used as a background on multiple HTML elements. By simply defining the dimensions of the container and shifting the background position around, you’re able to achieve image-based styling globally with just one HTTP request. For larger sites, particularly e-commerce, this technique can reduce those requests by the dozens.
Although our site was certainly not slow (thanks to the static build), several metrics showed it could benefit from web optimizations. In this post, we continue down the rabbit hole of web optimization and the steps we took to improve our site’s performance.
Our Nerds love graphs. Developers geek out on numbers, designers labor over information visualization, and ops + marketing love upward trends. Web developers, too, love upward trends, particularly in web optimization. We derive excitement from web performance graphs, like time-to-first-load and info gleaned from Google Analytics.
Browser validation has come a long way, but sometimes you need the server’s help to determine whether is something is valid. This post explores how do this using Ember Data and Rails JSON API.
This year marks my second visit to JSConf’s paradisiacal backdrop on Amelia Island, and is particularly memorable—the talks demoed unusual applications and dazzled the imagination. I also gave my first JSConf talk on replacing native local variables with prototypes.
But I think everyone would agree: the swag item this year blows all the t-shirts and branded beach balls out of the [beach] water.
In my previous post, we created a bar chart using D3.js.
Don’t manage vendor assets with Rails gems; use Bower and NPM. Here’s a true story of how backend and frontend developers can work together.
This year’s CSSConf was filled with incredible talks from seasoned speakers and amazing first-time speakers alike. Ever since I made it back home, I’ve been thinking about this event.
Workflows for front-end software development are nothing new. Every developer has his or her preferred toolset and build process. Trying to keep up with the latest workflows and tools can be difficult, however. As legacy tools become bloated with syntax or configurations for the plethora of plugins, retooling needs to happen.
Large, full-screen photos seem to be everywhere on the web. But while photos are getting bigger, so are file sizes. Image optimization with Adobe Fireworks can solve this problem.
As the number of HTML5 web apps has grown in the last couple of years, so too has the number of people with disabilities that impair their use of the Internet. In fact, as many as 314 million people are visually impaired worldwide, and the number of Americans with visual impairment is expected to double by 2030.
Last week, I attended CSS Dev Conference, the “conference devoted solely to CSS, the design language of the web.” It was held in Estes Park, Colorado at The Stanley Hotel, famous for inspiring Stephen King to write The Shining.
In Part 1 of Maintaining and Organizing UI Dependencies with Knockout.JS, we discussed the three types of observables that Knockout provides: observables, observable arrays and computed observables. We also built a small demo app and explained some of the library’s features such as templating, using different bindings like “foreach” and “visible,” adding input to an array and creating models.
The folks behind the popular Bootstrap framework recently announced the release of Bootstrap 3. Since its original release two years ago, Bootstrap has grown into an indispensable tool for scores of developers, and while it’s a tool for rapid prototyping, it’s also on the front end of thousands of production websites.
Things are changing rapidly for front-end developers. It seems that every day someone is releasing a brand new framework, bootstrap, boilerplate or some other convenience meant to get our projects up and running as quickly as possible. And with Responsive Web Design (RWD) being the hot topic that it is, even more are being released to cater to responsive’s specific needs.
How OCD is your CSS? Are you following object-oriented conventions? Do you adhere to a strict style guide? Do you have a hard time sleeping if your properties haven’t been alphabetized, or if they aren’t organized into sections like “Positioning” and “Box Model”?
Editor’s note: Terry Kavanagh is a two-time Big Nerd Ranch bootcamp alum who has attended classes at our Atlanta-area Ranch and Big Nerd Ranch Europe. Follow him on Twitter: @tepeka.
Until just a few days ago, the term “HTML5” referred only to a draft specification. Now that the HTML5 and Canvas 2D specifications have been finalized, what does this mean for developers?
This past week I came across the problem of debugging multiple mobile devices. Again. It seems that when things go bad with good programs, seldom do any suggestions reveal themselves. Instinctively I turned into the itinerant detective, searching for the clues that would lead to a smoothly running program. Like any good engineer, I try to keep abreast of the best tools available, so it seemed a good time to reacquaint myself with the Chrome Inspector, looking for more tools to sniff out bugs. I found that a great introduction to the Chrome Inspector in Paul Irish’s A Re-introduction to the Chrome Developer Tools at Google I/O.