Hey there, my name is Keenan Payne. I am a front-end developer for Asana living in San Francisco.
Concise CSS Documentation
I wrote all of the documentation for the Concise CSS open-source framework. This includes an overview of the framework, as well as documentation around the APIs that are provided by the framework.
Troubleshooting Ubuntu Server
I was the technical reviewer going over every chapter ensuring technical accuracy for examples and techniques used throughout the book.
Displaying Dynamic Messages Using the Web Notification API
As a front-end developer, I was curious about how I could leverage browser notifications for websites that are not dealing with large streams of information. How can I add browser notifications that are relevant to the visitor based on their interest in my website? In this article, we will implement a notification system on the Concise CSS website that will alert visitors every time a new version of the framework is released. I’m going to show you how I accomplished this by using localStorage with the browser Notification API.
Naming typography patterns in CSS
When working on web projects, abstracting user interface patterns such as typography into easily reusable pieces of code is common, and often desirable. Doing so promotes design consistency and can improve developer efficiency. However, the details of how patterns and abstractions get implemented into a codebase will inform how useful they become.
3 New Programming Languages You Should Know
The purpose of this article is to cover three currently emerging languages. These are languages that are gaining traction within large companies, that are seeing more job opportunities, and that is slowly becoming more supported by programmers.
13 Useful Web Dev Tools You Can't Live Without
Here’s a list of some of the best web dev tools to date, according to working web developers. Now, no one toolset works for every developer in every situation. You will develop your own toolsets, picking tools based on the tasks you need to accomplish on any given project — and on what works for you. Some tools are better designed than others for particular working habits or design preferences. So take some of these tools for a spin, and see if they don’t become part of your must-have toolkit.
How to Code a WordPress 3.0 Theme from Scratch
With the release of WordPress 3.0 came the implementation of many new features to the popular content management system. In this tutorial, we are going to show you exactly how to code a WordPress 3.0 theme from the ground up to take advantage of all of these new features, as well as create a blogging-ready, minimal theme.
Write Your First Python Application
We have successfully set up and installed a LAMP server on our Ubuntu machine, optimized our server, and now it’s time to write our first Python application. We won’t be writing anything too fancy, but we will cover the basics of a Python application, and also talk a bit to either our MySQL or PostgreSQL database.
A Step by Step Guide to Install LAMP (Linux, Apache, MySQL, Python)
If you want to get started building dynamic web applications on your Ubuntu machine, then chances are you will be wanting to use a LAMP stack to build and possibly deploy your work.
Creating a modal window with HTML5 & CSS3
Modal boxes are a frequently utilized tool in the web developer’s arsenal. Used for, amongst many things, login/register forms; advertisements; or just notifications to the user.
How to take WordPress to the cloud with Amazon S3 & CloudFront
Today I want to talk about two cloud computing applications: Amazon Simple Storage Services (S3) and Amazon CloudFront. What these two services do is save files from your website onto Amazon’s remote servers, and serve these files to your user from multiple locations in the world to optimize loading time and file delivery, respectively. Amazon CloudFront is what’s normally called a Content Delivery Network, or CDN for short.
A Guide to WordPress SEO with Relevant Plugins
When it comes to WordPress and search engine optimization, the content management system does a pretty good job at being prepared out of the box, but with the use of some very useful plugins, as well as some hacks and some good blogging techniques, you could get your blog’s posts and pages higher in the search engines thus attracting more potential visitors.
Optimizing and Fine-Tuning Your LAMP Server
Once you have built a LAMP server on Ubuntu, the next important step is ensuring that every component on the server is optimized and fine-tuned. This will allow your website or web application to run much much quicker, leading to better overall stability.
How to create a simple CSS3 tooltip
Tooltips are a great way to show your user more information by simply hovering over an image or text. They can be used, for example, to provide captions for images, or longer descriptions for links, or any useful information which would improve the user experience of your site, without intruding on the design.
Quick Tip: Always Generate Web-Safe Fonts When Using @font-face
One of the biggest mistakes I see with people just getting introduced to the CSS3 @font-face selector is the use of regular OTF or TTF fonts in their web pages, instead of the recommended WOFF (Web Open Font Format) and EOT (Embeddable OpenType) font formats. With traditional font formats (TTF, OTF), the primary use was for print and applications that created such documents. There were no worries about compatibility across different browsers like there are when creating websites.