Green Diablo

Jay-Z & Kanye West // Ni**as In Paris (Music Video)

Sonja Leix — Sat, 12 May 2012 21:42:40 +0000

Working along with Art Director Alex Moor, Gabriel and their team created the graphics animation, rotoscoping and just finish working on Jay-Z & Kanye West – Ni**as In Paris music video! Is already out, check it:

Responsive Design Presentation at NY WordPress Meetup

Sonja Leix — Fri, 11 May 2012 14:35:05 +0000

On April 17 I had the pleasure to present about Responsive Design in front of a fantastic audience at the New York WordPress Meetup. We explored the techniques and principles of Responsive Design together, including the Flexible Grid, Fluid Images and Media Queries showing examples of how these principles can be used to create a user-friendly experience across all devices and screen-sizes.

I shared this presentation with Jack Reichert who spoke about the pros and cons of Responsive Design and Progressive Enhancement vs. Graceful Degradation.

This video covers:

Responsive Design
What is it and why the future of the web is Responsive.

Understanding the Elements of Responsive Design
How Flexible Grid and Fluid Images will rule you world.

The Power of CSS3 Media Queries
Using Media Queries with common Resolution Breakpoints in mind.

The Pros and cons of Responsive Design
What people are saying about Responsive Design. Is it right for you?

Progressive Enhancement vs Graceful Degradation
The essence of Adaptive Design: If you want to use the cool stuff, build it up right so you don’t shoot yourself in the foot.

Implementing Adaptive Theme Design
Concrete steps you can take to make your theme Adaptive.

Additional links:
My Presentation
Tools & Resources for Responsive Design

Top 12 Tools and Resources for Responsive Web Design

Sonja Leix — Tue, 17 Apr 2012 02:46:05 +0000

This is the first in a series of post we’ll be adding to our site about Responsive Design. We are very excited to be talking about Responsive Design at tomorrow’s WordPress Meetup in NYC.

For tomorrow’s talk I’ve been putting together a list of my favorite resources and tools to test responsive design.

Must read Responsive Design articles and ebooks:

eBook: RESPONSIVE WEB DESIGN by Ethan Marcotte (A Book Apart)
eBook: MOBILE FIRST by Luke Wroblewski

Article: RESPONSIVE WEB DESIGN by Ethan Marcotte
Article: FLUID GRIDS by Ethan Marcotte
Article: FLUID IMAGES by Ethan Marcotte

Article: Responsive Web Design Guidelines and Tutorials by Smashing Magazine

Artile: A Beginner’s Guide to Mobile Responsive Design by StudioPress

Tools to test your Repsonsive Design:

responsinator.com
Test your site in 10 different screen sizes and devices

mattkersley.com/responsive
Test your site in the 5 most common screen sizes

responsive.is
Test your site in the 6 most common screen sizes

responsivepx.com
Adjust dimensions of your viewport to find breakpionts

seesparkbox.com/foundry/media_query_bookmarklet
Media Query Bookmarklet

Other Resources:

Browser Support for Media Queries

HTML5 / CSS3 Browser Support

W3C on Media Queries

Responsive Websites Showcase for Inspiration

Slides

My Responsive Design presentation slides can be found on Prezi

I hope these tools and resources are helpful. What are your favorite tools and resources?

Enjoy!

Speaking: At WordPress Meetup NYC about “Responsive Design”

Sonja Leix — Sun, 15 Apr 2012 21:37:25 +0000

We are super excited about the opportunity to speak about Responsive Design at the next WordPress Meetup event in New York on April 17.

We will explore the techniques and principles for Responsive Design, including flexible grids, fluid images, and media queries, demonstrating how you can deliver a quality experience to your users no matter how large (or small) their display.

What we will be covering in detail:

Responsive Design
What is it and why the future of the web is Responsive.

Understanding the Elements of Responsive Design
How Flexible Grid and Fluid Images will rule you world.

The Power of CSS3 Media Queries
Using Media Queries with common Resolution Breakpoints in mind.

We hope to get to see you there!

Big Sean // Dance ft. Nicki Minaj (Music Video)

Sonja Leix — Thu, 01 Dec 2011 22:32:51 +0000

After hard work of masking and rotoscoping, the beauty work animation for Big Sean’s Dance (A$$) Remix ft. Nicki Minaj new music video is done. Enjoy!

Ne-Yo // The Way You Move ft. Trey Songz, T-Pain (Music Video)

Sonja Leix — Tue, 15 Nov 2011 22:29:17 +0000

Gabriel just finished working on the beauty work animation for Ne-Yo’s The Way You Move new music video. Check it out and enjoy!

J. Cole // Can’t Get Enough (Music Video)

Sonja Leix — Sat, 01 Oct 2011 21:23:08 +0000

Gabriel just finished working on the beauty work animation for J. Cole’s Can’t Get Enough new music video. Definitely one of our favorites! Check it out and enjoy:

FREE Green Diablo Wallpaper for Desktop, iPhone and iPad

Gabriel Amauru — Thu, 18 Aug 2011 19:10:45 +0000

We’re excited to start our series of free graphics for you to download with Green Diablo Wallpaper for desktop, iPhone and iPad. Enjoy and share with your friends!

DOWNLOAD:

1920 x 1080px
1680 x 1050px
1440 x 900px
1280 x 1024px
1280 x 800px
1024 x 768px
iPad
iPhone

Let us know if we missed your screen size.

Gregg Green // PLH (Music Video)

Gabriel Amauru — Tue, 16 Aug 2011 14:08:03 +0000

We are happy to announce the launch of Gregg Green’s new music video: PLH. Gregg is a talented jazz-reggae artist who’s been getting a lot of attention for his unique blend of sounds in his music. Read more about him at www.gregoryggreen.com and check out his new album “World Citizen”.

We spend few weeks shooting the video in different locations throughout New York City such as: City College (Manhattan), Williamsburg (Brooklyn) and Long Island City (Queens). Gregg gave us full creative freedom to put together a video project that represents his style in an artistic way. Working in the edit with multiple-cameras, light effects and overlays, we mastered the final product in a grungy visual style. Check it out:

We’re featured as a Pro on WP Candy

Sonja Leix — Wed, 20 Jul 2011 22:32:36 +0000

We are very excited to announce that we are now officially a WP Candy Pro and we are listed in WP Candy’s directory of WordPress Professionals amongst the big names in the industry. Check out our profile over at WP Candy here and let us know if you need any help with your next project.