How to Make Circular/Curved Text with JavaScript

Creating circular text, or text on an curved path, in webpages may seem like somewhat of a intimidating task. There isn’t really a straightforward way to achieve it with standard HTML and CSS. There is a JavaScript plugin or two out there with some pretty decent results, but using plugins means extra dependency and load time associated tacked on to your project. […]

css

CSS: Simple Sticky Footer

The sticky footer… The oh-so-sought-after expanse at the bottom of the page that contains contact information, site navigation, a call to action, or whatever else you might want to chuck in there. It’s the element that knows its place in the world (wide web) and embraces it by staying in it’s place. A well executed sticky footer encourages your site visitors to further engage; it […]

Crater_Lake_National_Park_Oregon

Interactive Mapping with Python, GeoJSON, and JavaScript

Interactive maps are a powerful tool for data visualization and user interfaces. Providing rich content based on geographic location is the cornerstone of many apps such as Yelp,  Zillow, and Road Trippers. In this post we are going to create an interactive map of campgrounds using the Google Maps API, JavaScript, and Python. The codepen […]

Dr-Evil

The Cost of Implementing Responsive Web Design Later

I’ve done more than a few responsive website implementations and there are two ways that it can happen. A site can be coded responsively or you can be tasked with doing a retrofit to make a fixed-width site responsive. Is it better to get a desktop site out quicker and then work on making it […]

icon-logo-bower

Solving the Holy Grail Layout

Searching for the elusive Holy Grail of CSS layouts has lead to many clever solutions, but never has there been a single solution that doesn’t involve hacks or drawbacks. Tables, divs with table-property displays, and absolutely positioned divs are some of the ways we’ve accomplished the Holy Grail layout in the past. With the introduction […]

Pure CSS Triangles Explained

Many web designers and developers have embraced using CSS shapes in their projects. But rather than really understanding the magic behind the method, a lot of us just end up Googling for a suitable example without really understanding what’s going on. In this article we’ll explore how CSS shapes work.

1024px-Flatirons_Winter_Sunrise_edit_2

Mock Your Ajax Requests with Mockjax for Rapid Development

Most backend developers are familiar with the concepts of mocking objects or stubbing in methods for unit testing. For those not familiar with mocking, it’s the simulation of an interface or API for testing or integration development purposes. Mocking with front-end development though is still quite new.