The line between mobile and non-mobile has been blurry for a while. We have tablets and netbooks that fall somewhere between phones and desktops, and even other devices such as game consoles browsing the web, all with varying screen sizes, resolutions, and densities. Now with the iPad 3, we have a device with a 9.7 inch screen with more pixels than the vast majority of desktop monitors. The typical method for displaying a site across such dispirate screen sizes without having a completely separate mobile version, is using CSS media queries; in particular, the min-device-width and max-device-width queries. Read More...
Matcha Design Blog
Posts matching #development
What is OOCSS? (Object Oriented CSS)
Object Oriented CSS is a method of development as it pertains to the HTML and CSS relationships designed to reduce redundancy in CSS, primarily to make more manageable code. The idea is (basically) to take reused styles and assign them to individual classes, then the elements that use those styles take on that class, plus additional classes for the remaining styles. Read More...
Detecting Touch Events with jGestures
Looking for tools to assist with smart phone web development, I came across jGestures at jgestures.codeplex.com. It's a handy little tool that allows you to register all kinds of touch events for supported devices. It uses jQuery's awesome event-handling functions. Unfortunately it seems that Android doesn't register multi-touch events correctly, so it can really only do single-touch swipe gestures and dragging. (I haven't tried an ICS device, so if you have one, please let me know the results in the comments) Read More...
5 Free CSS Tools
We web developers and designers use a lot of tools to help us create compatible, well-built websites more easily and quickly. Today I'm sharing with you a few of the tools that I like, specifically those made to assist with CSS. Read More...
A Look at Android Training
Google recently launched a bunch of online tutorials (they call them classes) on Android Development. These training courses, collectively called simply "Android Training," can be found at https://developer.android.com/training/index.html. Read More...
Ruby on Rails Compared to PHP
I've been using PHP for years. In some ways it's a messy language, but it gets the job done and is widely adapted in the web community. How about another programming language called, "Ruby on Rails"? Let's have a comparison between the two. Read More...
New GPU Support for Adobe Flash Player
With the release of Flash Player 11, Adobe has finally added GPU support to Flash. Now 3D animation in Flash can benefit from full hardware acceleration. This is thanks to a new set of APIs called Stage3D. Read More...
Creating HTML Email Part 2
This week I want to get into some more details along the lines of last week's info on creating emails for varied mail clients. For starters, I got some statistics on email client popularity from http://www.campaignmonitor.com/stats/email-clients/. Here are the clients with more than 5% market share. Read More...
Creating HTML Email
When building a web page, one must always keep in mind the differences between the way browsers implement (or don't implement) web standards. When building emails, this is much, much worse. For starters, there are no specific standards regarding what should and shouldn't be allowed to display in an email, and client support varies very widely. There are also many people using various webmail clients, and these people don't all use the same browser. Read More...
Tips to Optimize Programming in Any Language
Good programming involves more than simply being able to write software that will solve a problem or accomplish a task. That's programming, but good programming considers a number of factors, such as the speed of the operations, what to do if something goes wrong, development time, and maintainability of code. Here are a few language-independent tips to keep in mind when writing programs or websites that will hopefully save someone some future headaches. Read More...
Copyright 2013
Matcha Design, LLC. All Rights Reserved.
PRIVACY POLICY TERMS OF USE