Archive for August, 2012

ADC Write & Give update – Q3

The Adobe Developer Connection (ADC) Write and Give Program gave $1,000 USD to charities in the third quarter of 2012. The program acknowledges the writing efforts of our ADC community authors by making a charitable contribution to a charity for every author who publishes content on the ADC. Each author chooses his or her charity from a list of five preselected charities (listed below).

To date the ADC has donated over $69,000 to these charities through the program in recognition of our ADC authors. To our ADC authors, we thank you for sharing your technical expertise with the greater developer community while helping other communities at the same time!

Read on to find out more about the charities that the program supports, and to see the list of authors for this quarter who made these contributions possible!

Benetech: Creates new technology solutions that serve humanity and empower people to improve their lives.

Nature Conservancy: Works to protect ecologically important lands and waters for nature and people.

Mercy Corp: Alleviates suffering, poverty, and oppression by helping people build secure, productive, and just communities.

Care: Fights global poverty by serving individuals and families in the poorest communities in the world.

Feeding America: Is the nation’s largest charitable hunger-relief organization.

The authors who participated in this program from June 1, 2012 – August 31, 2012 are:

  • Joseph Zimmerman
  • Nathan Weber
  • Alex Liebert
  • Sarah Northway
  • Ryan Morel
  • Jens Brynildsen
  • Greg Caldwell
  • Chris Converse
  • Jeff Tapper
  • Burke Holland

Thank you, authors, for your contributions to the ADC!

Connecting to 3rd Party API’s with CORS

CORS stands for cross-origin resource sharing and it is an HTML5 feature that allows you to connect to 3rd party API’s without hitting browser security warnings. In the past, you’d usually have to write server-side API wrappers or use JSONP, which only works for reading and isn’t supported by many API’s. Now, with CORS, you can forgo the wrapper and even do things like post, put and delete. I have been walking through HTML5 features, going from left to right on HTML5 Readiness, on my blog and as part of this journey I investigated CORS. In my latest article for the ADC, I take a look at the feature in some detail and discuss browser support in current browser versions. I show some examples of how you can connect to the GitHub API, which is one of a growing number of API’s that support CORS. So please read “Understanding Cross-Origin Resource Sharing (CORS)” and please feel free to share your thoughts on the article.

Good Twitter Bootstrap tutorial with code samples

Twitter Bootstrap has become a hugely popular framework for building HTML, CSS and JavaScript front-ends, both for the desktop browser and for mobile. It is one of the most watched and forked repositories on GitHub. Bootstrap includes a number of components, plugins, controls, styles and more to make it easier to quickly build attractive looking and responsive web applications. In her latest article, Adobe evangelist Holly Schinsky runs through a ton of the enormous list of features in Bootstrap. She briefly discusses what each feature is designed to do and then offers a code sample you can easily copy/paste for each. She also discusses Bootstrap’s grid system and how to download and use plugins for the framework. In the end, I think it makes both a great tutorial and a useful quick reference for many of Bootstrap’s features. Be sure to check it out on the ADC.

Look Under the Hood of Adobe Brackets

For anyone who hasn’t yet heard of Adobe Brackets, it is an open-source code editor created by Adobe and hosted on GitHub. While you can download early experimental builds on Brackets, it is early and not everyone may find it yet has all the features they want for every day use. Nonetheless, the team, with the help of an array of contributors from the community, is progressing quickly with new builds and new features.

One of the most exciting things about Brackets is not just that it is open-source but that it is built entirely using web standards technologies such as HTML, CSS and JavaScript. This means that you can actually edit Brackets using Brackets (which I find very meta). More importantly, this also means that anyone with those skills can potentially contribute to the project, create their own extensions and help guide the future of the program. If you are interested in contributing or just curious about how Brackets is built, I highly recommend reading David Deraedt’s new article “An Overview of Brackets’ Code Architecture.” It walks you through how Brackets’ code is organized, some of the conventions used, how it leverages RequireJS for modules and much more. It is both instructional in the sense of seeing how a large scale open source project using web standards is architected but also invaluable if you are interested in digging into the code. So, please, take a moment to check out the article.