1. A Responsive Design Case Study - What We Did Wrong Building ResponsiveDesign.ca (and how we fixed it)

    35:58

    from Aidan Foster / Added

    94 Plays / / 0 Comments

    This presentation was originally presented at Drupal Camp Toronto, 2012. To view the original slides related to this presentation visit http://fosterinteractive.com/blog/responsive-design-case-study -----DESCRIPTION----- responsivedesign.ca was launched in February of 2012, and it was well received. It was our first mobile-first responsive site. We built it quickly and knew it wasn’t perfect, but the game plan was to launch early and incrementally improve the site over time. It’s not even a year later we use whole new workflows, creative design methods, modules, and development tools in our responsive websites. This talk will highlight how we created the original project and what we’ve since learned regarding workflow and development including: Responsive Images Modules Creative Concept Development Device vs. Natural Breakpoints SASS / Compass + Mixins we use Dealing with IE Benchmarking ----- Originally Presented at Drupal Camp Toronto 2012 ----- http://2012.drupalcamptoronto.org/sessions/a-responsive-design-case-study-what-we-did-wrong-building-responsivedesignca-and-how-we-fix

    + More details
    • Rapid Web Development with DocPad

      58:10

      from Benjamin Lupton / Added

      5,093 Plays / / 2 Comments

      DocPad is a next generation web framework; allowing for content management via the file system, rendering via plugins, and static site generation for deployment anywhere. It's built with Node and Express.js, making it naturally fast and easily extendable. By the end of this talk, you'll be equipped with a new way that has the potential to let you develop web apps way faster with less clutter. Woohoo! DocPad: http://docpad.org Learn: http://bevry.me/learn Download this video for better quality. Liked it? Click the like button so I know I'm doing a good job! Got feedback? Post a comment, happy to hear it! :) Want to share it? Click the share button over the video, or copy and paste the url wherever you please :) Want to get notified of more videos I do? Click the follow button below.

      + More details
      • Installing Bourbon for Rails. A SASS mixin library by thoughtbot.

        03:08

        from thoughtbot, inc / Added

        1,013 Plays / / 1 Comment

        How to install and run the mixin library Bourbon for a rails project

        + More details
        • Installing Neat for a non-rails project. A fluid grid framework by thoughtbot.

          04:34

          from thoughtbot, inc / Added

          1,089 Plays / / 0 Comments

          How to install and run the fluid grid framework Neat for a non-rails project

          + More details
          • Installing Bourbon for a non-rails project. A SASS mixin library by thoughtbot.

            04:24

            from thoughtbot, inc / Added

            2,090 Plays / / 2 Comments

            How to install and run the mixin library Bourbon for a non-rails project

            + More details
            • Drupal Camp Montreal 2012 - Rapid Prototyping and Expressive Theming Techniques

              48:22

              from Montreal Drupal Association / Added

              171 Plays / / 0 Comments

              A personal view on techniques and technologies I've been using in the past few months to speed up rapid prototyping of front-end elements of sites I'm building. Although technical in many respect, I would also like to also discuss two aspects I find important in creating a good front-end code base: code expressiveness and "how to make things memorable". Here is a resume of the topics I'd like to cover: - Setting up and using haml templates in Drupal - Introducing the concept of a partial (or how to simplify the mental burden of using custom theme functions) - Expressiveness with (CSS) classes - Leveraging Compass (Sass) I'll try to keep this session accessible to intermediate user while I hope some aspects will be interesting even for advanced users.

              + More details
              • Sass / Compass / Foundation / Mac Setup

                10:06

                from InGroupCompanies / Added

                1,449 Plays / / 0 Comments

                + More details
                • SASS - En løsning på css-rotet

                  06:46

                  from JavaZone / Added

                  46 Plays / / 0 Comments

                  SASS står for Syntactically Awesome StyleSheets og er en preprosessor som hjelper deg å håndtere css på en bedre måte. Denne lyntalen vil gi deg en basic introduksjon til SASS med hands-on eksempler, og du vil sitte igjen med et inntrykk av hvor mye bedre dette kan gjøre hverdagen din som webutvikler. Vidar Johansen Vidar jobber som utvikler og fagleder for webutvikling i Knowit i Oslo. Vidar har jobbet som utvikler siden 2007, men har programmert så lenge han kan huske - alle fall siden ungdomsskolen. Vidar jobber til daglig med store kodebaser, og er opptatt av god kode og er møkka lei dårlige rammeverk/biblioteker.

                  + More details
                  • Late August In Cerro Catedral

                    02:42

                    from Austin Barta / Added

                    424 Plays / / 0 Comments

                    Austin Barta skiing in Cerro Catedral. 8/16/12-8/21/12

                    + More details
                    • Product Spotlight - STS MicroSpectrometer

                      01:35

                      from Ocean Optics / Added

                      565 Plays / / 0 Comments

                      http://www.oceanoem.com/products/miniature-spectrometers/sts-microspectrometer-2/ eNewsWire Signup - http://visitor.r20.constantcontact.com/manage/optin/ea?v=001CPbz0pBDAy7JfWkWgHr9ZXoZ2b2OXncZFNk2ykAIwd2DkUOVGQKEpEMzFqQzi6byZHI-VlfoKxM%3D The STS MicroSpectrometer is a tiny marvel in the world of Spectroscopy. STS boasts performance that rivals much larger, and more expensive spectrometers, and it is deal for OEM applications.

                      + More details

                      What are Tags?

                      Tags

                      Tags are keywords that describe videos. For example, a video of your Hawaiian vacation might be tagged with "Hawaii," "beach," "surfing," and "sunburn."