Todd Carpenter

Senior Web Developer

CSS Grid: A Whole New World (Wide Web)

When it comes to laying out content in a web browser, developers can use a variety of clever hacks and tricks, but at the end of the day there has never been a simple solution to create vertical space—until now. Enter CSS Grid, a game-changer to CSS’ display property. Opening up an enormous amount of layout possibilities, this tool has the potential to lead to innovative layouts in 2018 that could change the way we interact with and understand content on the web. But how? Read on to find o... Read More

CSS Grid: A Whole New World (Wide Web)

When it comes to laying out content in a web browser, developers can use a variety of clever hacks and tricks, but at the end of the day there has never been a simple solution to create vertical space—until now. Enter CSS Grid, a game-changer to CSS’ display property. Opening up an enormous amount of layout possibilities, this tool has the potential to lead to innovative layouts in 2018 that could change the way we interact with and understand content on the web. But how? Read on to find o... Read More

4 Things You Need When Building a Smart Home

With the ever-expanding list of devices that connect our world and claim to better our lives, choosing the right products for your smart home can be daunting. The fact is it’s an emerging market with a variety of ways to connect and control aspects of your home and new gadgets are introduced all the time. So where do you start? Focus on these four areas to help build the smart home that works for you. Source: SmartThings 1) Devices Lighting, thermostats, contact/motion sensors, cameras, speake... Read More

Beacons!

Beacons (aka iBeacons) have been quickly gaining traction as a way to interact with nearby users in realtime. Their technology has given stores, offices, homes, classrooms & a wide variety of other spaces a way to give accurate location awareness to internet connected devices nearby and far away. A beacon setup consists of a broadcaster (the beacon) and a receiver (a smart phone). It could be sending a message to someone passing your store, or telling the kitchen light to turn on when you w... Read More

CES 2014 Highlights: Wearables, Cars, Curves & More!

The Consumer Electronics Show just wrapped up in Las Vegas with more than 3,200 companies making major announcements. Cars, televisions and wearables dominated, along with other emerging technologies we can all look forward to in the coming year. TVs: The week started off with a great deal of attention towards Michael Bay’s meltdown. Even though he didn’t get to introduce Samsung’s new flagship TV, it still spoke wonders on its own. Sporting an ultra high definition display t... Read More

Responsive vs Adaptive Design

Responsive Design has been a hot topic in web design and development circles lately. With the ever increasing devices available on the market, we must plan, build and deliver usable content that plays nicely across any screen size. As this technology has progressed, new ideas have emerged on how to tackle the challenges we face; namely, Adaptive Design. What do they mean? In order to compare Responsive and Adaptive Design, we need to look how they are defined. This will give us some insight on ... Read More

The Rise of SVG

SVG (scalable vector graphics) has been on the tip of everyone’s tong lately with the rise of adaptive design. Suddenly there is a real need for graphics that can scale to perform across all platforms while maintaining low weight to increase the page’s rendering speed. Even though this technology is not new (first introduced in 1999) it hadn’t found an ideal use until now. With SVG we are able to create a vector graphic using XML-style markup that determines the points on a pag... Read More

Upload an Image with Drag & Drop

Drag and drop has been increasingly rolled out across the latest websites. It’s a much better user experience and should be implemented when applicable. Unfortunately not all browsers are capable of handling this HTML5 feature (*ahem* IE) but that shouldn’t stop us designers and developers from pushing back to make the best user experience possible. See the DEMO   |   Download the SOURCE FILES This tutorial will guide you through implementing this feature. We will be usin... Read More

Will the Original Harlem Shake Video Please Stand Up

The Harlem Shake is a dance that originated in Harlem, NY back in the early 80’s. Its roots are in an Ethiopian dance called “Eskista.“ You can see the popularity of this meme in the Google Trends report below: Google searches for “Harlem Shake” over the past 30 days. The dance has been referenced in many songs including Baauer’s hit “Harlem Shake,” that was released in May, 2012. The original dance video was created by Filthy Frank (on the left)... Read More

New Google Feature Adds Virtual Tours to Businesses

Ever wonder what that restaurant you just found on Google Maps looks like inside? They are currently rolling out a feature that allows businesses to hire Google’s “trusted photographers” to take pictures of the inside of their business to give street-view-like access to their interior. It allows users to walk right through the virtual front door of their business. Watch this video: See the live demo: View Larger Map Visit Google’s Business Photos’ page to learn mor... Read More

Apple and Amazon's Security Flaw

UPDATE: Amazon has since closed this gap in its security. Former Gizmodo employee Mat Honan was hacked using a simple social hack that publicly exposed a security flaw between Apple, Amazon and even PayPal. But the worst part of this is Apple was aware of this flaw, yet did nothing to prevent it. It is still unclear if Amazon was aware of it’s role in this issue until now. What happened? Here is an excerpt from Mat’s post: Apple tech support gave the hackers access to my iCloud acc... Read More