pub-6887543428250003

5X5 – PROGRAMMING

GitHub  Social Coding

• 1. bang590/JSPatch

JSPatch bridge Objective-C and JavaScript using the Objective-C runtime. You can call any Objective-C class and method in JavaScript by just including a small engine.


Coder s Block Blog

• 2. Coder’s Block Blog / Iconifying Content

“This tutorial will walk you through the concept of iconification — taking content on a page and applying CSS to transform it into a simplified, icon-sized preview of itself.”


Sitepoint

• 3. Migrating to Flexbox by Cutting the Mustard

"As front-end developers, the time has come to move away from using CSS floats and dive into the new and exciting world of flexbox. CSS floats are a dated approach to styling layouts; they have been available in Internet Explorer since version 4.0 and workarounds are required to make them malleable (including the clearfix hack and using the nth-child pseudo-class for wrapping columns).

The main topic of this article is how to implement flexbox across multiple browsers considering its fragmentation. If you want to become more familiar with flexbox, there are many good resources available, and I highly recommend the following:

  • Are We Ready to Use Flexbox? by Nick Salloum on SitePoint
  • A Complete Guide to Flexbox by Chris Coyier on CSS-Tricks
  • Flexible box (“Flexbox”) layout in Internet Explorer 10 on MSDN (optional)"

More…


Kevin Lawlyer

• 4. Oblique Strategies: Prompts for Programmers « Kevin Lawler

“Brian Eno created a collection of strategies to help artists break creative block. We can do something similar for programmers. Eno’s strategies were designed to be drawn at random. The strategies here can be drawn at random, perhaps via script, but have a sort order, to make them easier to read.”


• 5. Sass Theming: The Neverending Story

"Building grid systems and theming engines is a neverending Sass story. There are probably as many Sass-powered grid systems as JavaScript frameworks nowadays, and pretty much everyone has their own way to deal with color themes in their stylesheets.

In today’s article, I’d like to tackle the latter issue and have a quick round-up of a couple of ways of building color schemes with Sass. But before going any further, what exactly are we talking about?

Let’s say we have a component, such as the classic media object. Now let’s say that we have different color schemes for this component, for instance a palette per category. For a category A, our object would have a red headline and a red-ish border, and for a category B, our object would have a more blue-ish color palette.

Finally, say you don’t have 2 themes but a dozen as well as a lot of color variations within the component. You could concede that managing this by hand would be highly impractical, and this is definitely the kind of thing you want to automate with a tool. In our case, that tool is Sass."