Responsive Web Design and some of our work

Responsive web design is the new standard approach to building a website in this new mobile and tablet era we live in today. Building your site to be “Responsive” means that you craft your code to allow for optimal viewing across multiple platforms and devices such as the iPhone and iPad, Android and many more. A site that is Responsive uses CSS3 Media Queries to achieve responsiveness, which means that all the styling can stay inside your main CSS stylesheet allowing for easy access to your style and ease of changing/modifying your designs colors, backgrounds, gradients and more. Some of the elements of responsive web design include, CSS3 Media Queries , that allow for the website to use different CSS3 style rules based on the device it is being viewed on. Responsive Gris Systems , such as The Skeleton Grid System which allow for you to structure your site in a 960 grid like fashion, while keeping your site mobile and tablet friendly. Fluid Grid systems , that allow for page resizing to be done in percentages, or Ems , rather than using absolute units like pixels or points. Responsive web design is a MUST in todays internet age, so before you begin building your next website make sure you build it responsive. Skytemple has been building responsive websites for the last year and we’ve had a whole lot of fun doing it. Heres a little peek at some of our Responsive Web Design work in case you are considering using Skytemple for your next project. 1.) Jedediah Berry Responsive WordPress Theme – http://www.thirdarchive.net/ Jedediah Berry is the award-winning...

Shared Backyard Design Presentation: An Example of Fresh Design Ideas In Northampton

The Whoo Space on Market St, has been host to a variety of community events, from an art exhibit of handmade books to campaign headquarters for Arnold Levinson in this years past Ward 3 Special Election. This past Tuesday was no different when University of Massachusetts’s Permaculture Program, in conjunction with Creative Community Collective, and a number of local residents hosted a presentation on shared community space. According to C3’s website, “three Northampton neighbors decided to take their fences down and combine their yards to create a larger space for shared recreation and food production.” The goal was to create a Permaculture site, which C3 defines as: …a vision, design system, and global network that draws on patterns and principles found in nature to meet human needs, while regenerating the natural world and creating abundance we can share. The students redesigned the shared backyards into a sustainable open space,  taking down the barriers of the three neighboring backyards and integrating them into one cohesive shared area for recreation and sustainable gardens. The goal is to inspire others in the community to open to the idea of turning neighboring land into shared space for the community to gather around. The presentation consisted of a number of design possibilities. The various options which the team of UMass students had assembled ranged from the more conservative rearrangement of bushes and minor terraforming to the highly progressive, with much of the shared backyards transformed into a super efficient organic farm powered by animals complete with rice paddies and greenhouses heated by chickens. Owen Freeman-Daniels, newly elected Ward 3 City Councilman, owns a condo on part of...

“Rhymes with Orange” Cartoonist Appeared at UMass-Amherst on April 7th

Hillary Price, who does the strip “Rhymes with Orange,”  appeared at UMASS-Amherst on Thursday, April 79th, 2011 at 5:00 PM in Room #249 of the Boyden Gym.  We hope you are familiar with her work and know the strip in particular, as it’s a surreal masterpiece – and she’s wonderful, too! Take a look at the strip that accompanies this post and please share this info with anyone whom you think might be...

HTML5 Canvas Cheat Sheet

For all you web-designers delving into the world of HTML5, here is a handy cheat sheet for the canvasing element.  The credit goes to Jacob Seidelin for putting it together. (Also, that Mario graphic on the bottom of the page is actually a mini side-scroller.  Pretty...

Following the Trends

Curious about the direction design on the web is taking these days? There is a great article on Webdesigntuts+ that surveys recent design development as we make the transition from 2010 to...