Category

Javascript

What is Responsive Design?

By | Coding, CSS, Javascript, John Wenzler, Mobile First Design, Responsive Design, Styling, Web Design | No Comments

This post is about responsive design principles, some current frameworks for building responsive websites,  and the concept of mobile-first. With our clients we have learned that responsive design is not a feature, it is a necessity. So what is it anyways? Responsive Design Let the website RESPOND to varying browser sizing The goal of responsive web design is to provide a great viewing and interaction experience regardless of the platform the user is viewing your site from. It also means providing the same content and options to users of all platforms. This means that the old-school “mobile version” of web sites doesn’t fit the responsive design guidelines. The most popular modern frameworks for responsive web design are: Twitter Bootstrap: Docs Foundation Framework: Docs I won’t get into specifics on the differences between the two, instead I will focus on what they both do well. The Grid A grid is a way of dividing up the page into columns.  These columns can then float and stack based on the size of the screen.  Both Bootstrap and Foundation utilize a grid based on 12 divisions. With some simple math this means: columns = 12/width 1 column (full width) = 12 2 columns = 6…

Read More

Comet: A jQuery and PHP Implementation

By | Comet, Javascript, John Wenzler, jQuery, PHP, Web Design | No Comments

If you’ve ever needed real-time data on the front-end of your website and you were using PHP as your back-end, you are most likely familiar with using a polling technique to fetch data.  What you may not know, however, is that another method exists for pulling data that does not require a large number of unnecessary requests.  Enter Comet…   Sounds great right? Just wait for the data to come to you! The problem? Currently, no built in Comet functionality exists for PHP and Javascript.  I’ll share with you my code for implementing a Comet controller. In this article I’ll provide the functions you need to get this working today on your project.  You will have to make some modifications to fit the framework and structure of your site, but if you need help, just leave a comment and I’ll do my best to get back to you! The PHP How to make a long held http request Before we delve into code, I’ll give you a short summary of how we are going to accomplish our goals.  We will utilize a file on our system to keep track of if there are any changes we need to “push” to the…

Read More