OSCON – May 8-11, 2017 – Austin, TX

By  on  

Open Source has been a huge part of my career, from my blog to much of the work I've completed at SitePen and Mozilla.  Even if you don't have much time to devote to open source projects, at the very least you've probably used dozens of open source apps, libraries, and frameworks.  Open source has always been something to celebrate and on May 8-11 in Austin, Texas, O'Reilly is doing just that.

O'Reilly's OSCON is a massive convention focusing on bringing the software, the organizations, and the people together.  Whether you want to network, find a pet project, or learn about the amazing projects you've not heard of yet, OSCON is a gem of an event you should have a look at.

Better yet O'Reilly is giving my readers a 20% off discount with the code PC20DWALSH.  Go enjoy the code, the people, the organizations, and an exciting week in the middle of the open source world!

Recent Features

  • By
    CSS 3D Folding Animation

    Google Plus provides loads of inspiration for front-end developers, especially when it comes to the CSS and JavaScript wonders they create. Last year I duplicated their incredible PhotoStack effect with both MooTools and pure CSS; this time I'm going to duplicate...

  • By
    Create a CSS Flipping Animation

    CSS animations are a lot of fun; the beauty of them is that through many simple properties, you can create anything from an elegant fade in to a WTF-Pixar-would-be-proud effect. One CSS effect somewhere in between is the CSS flip effect, whereby there's...

Incredible Demos

  • By
    Full Width Textareas

    Working with textarea widths can be painful if you want the textarea to span 100% width.  Why painful?  Because if the textarea's containing element has padding, your "width:100%" textarea will likely stretch outside of the parent container -- a frustrating prospect to say the least.  Luckily...

  • By
    Duplicate the jQuery Homepage Tooltips Using MooTools

    The jQuery homepage has a pretty suave tooltip-like effect as seen below: Here's how to accomplish this same effect using MooTools. The XHTML The above XHTML was taken directly from the jQuery homepage -- no changes. The CSS The above CSS has been slightly modified to match the CSS rules already...

Discussion

    Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!