Darcy Clarke
Darcy Clarke
Sold Out!

What do SASS, LESS & Stylus all have in common? They all mimic features we already have, natively, in JavaScript. Variables, Functions, Inheritance, Modularity and a whole lot more are all solved problems. Let's change how we think about approaching creating our styles and utilize the power of the most ubiquitous language already within our projects. You'll learn just how easy and powerful it it is to write JavaScript to generates CSS. This will change your world!

 
1 favorite thumb_down thumb_up 0 comments visibility_off  Remove from Watchlist visibility  Add to Watchlist
 

Outline/structure of the Session

  • Outline current landscape of preprocessors
  • Outline the problems they're meant to solve
  • Outline the problems they don't solve
  • Introduce JavaScript as a means to writing CSS
    • JSON Object Syntax
    • JSON Object Syntax in CoffeeScript
    • JSON Object Syntax with module.exports = {};
    • Vanilla JavaScript implementation of a .toString() / .toCSS()
    • JSS implementation of a .toString() / .toCSS()
  • Showcase examples of the problems this solves
    • Variables
    • Functions
    • Inheritance
    • Modularity
    • Dependancies
    • Shared configuration
    • Plugins
    • Community
  • Show live demo of updating styles
  • Show live demo of runtime compilation (vs. pre-compilation)

Learning Outcome

The key takeaways will be a brand new way of thinking about writing your CSS.

Target Audience

Front-end Developers, Designers, Dev Ops

schedule Submitted 1 year ago

Comments Subscribe to Comments

comment Comment on this Proposal

    • Liked Anmol Agrawal
      keyboard_arrow_down

      Fun with JavaScript and Arduino

      Anmol Agrawal
      Anmol Agrawal
      schedule 2 years ago
      Sold Out!
      45 mins
      Talk
      Beginner

      “Internet of things” is the concept of basically connecting any device with an on and off switch to the Internet.

      IoT has been possible through devices like Arduino, Raspberry Pi and many more. Initially, working with them started with C/C++. Now, you can do the same with different languages like Python, Ruby, JavaScript, Go and more languages are coming to this landscape. NodeJS, frameworks and npm has built an environment like no other. Just with the the fundamental knowledge of JavaScript and reading through API docs, one can easily get started with IoT. That's what I will be showing.

      I would like to share my approach, resources etc I learned from and show things that are possible.

    • Liked Bodil Stokke
      keyboard_arrow_down

      What Every Hipster Should Know About Functional Reactive Programming

      Bodil Stokke
      Bodil Stokke
      schedule 2 years ago
      Sold Out!
      60 mins
      Keynote
      Beginner

      In the space of only 45 minutes, we’ll attempt to introduce asynchronous functional programming in JavaScript with RxJS, apply it to solve the problem of callback hell once and for all, and write a complete game using RxJS, JQuery and ponies.

    • John K. Paul
      John K. Paul
      schedule 2 years ago
      Sold Out!
      90 mins
      Workshop
      Intermediate

      The list of solidified ES6 has kept growing and we, on the client side, just get greener with envy. Many of these new features won’t be supported in a broad base of browsers for years to come, but there is hope for us nonetheless. While we don’t have the ease of flipping a command line flag, like node, to bask in the warm sunlight of ES6 sugar, we can build a system that gives us similar results.

      Using a combination of shims and transpilers, we can enjoy these new language features while still maintaining support for all of the browsers you’d need. I'll first explain some of the great new additions to the JavaScript programming language and example use cases with code that take advantage of ES6's elegance for client side development. I will go through the details of setting up a development environment with source maps for debugging the code that you wrote, rather than what is generated by a transpiler.

      After listening to this talk, I hope your jealousy will be soothed, and I know that your curiosity will be satisfied.

    • Liked Dave Methvin
      keyboard_arrow_down

      Don't Make These jQuery Mistakes

      Dave Methvin
      Dave Methvin
      schedule 2 years ago
      Sold Out!
      60 mins
      Keynote
      Intermediate

      You can find solutions to thousands of jQuery problems on the Internet in blog posts, StackOverflow answers, or on Github. The problem is, many of those answers and code snippets are very obsolete! The web development world of 2006 that jQuery was born into is very different than the world of 2015, and jQuery has evolved to keep up. Yet there are still features inside of jQuery that only remain because of compatibility concerns, not because they're a good idea in modern web development.

      This talk will discuss features of jQuery that are best to avoid if you want a fast web site or HTML app that works with the widest range of browsers--even browsers that haven't yet been released! You'll also learn how using some of these features can make it very hard to follow modern practices such as Responsive Design. For each feature, you'll learn the modern 2015 way to do each of these tasks.

    • Kris Borchers
      Kris Borchers
      schedule 2 years ago
      Sold Out!
      60 mins
      Keynote
      Beginner

      The jQuery Foundation is always working toward making the web accessible to everyone through our efforts in open source projects, standards and the web community. This talk will highlight many of the efforts we are currently focussed on and we'll also dive into some of the projects we've been working on with the community to give you an idea of current outcomes of those efforts and demonstrate some of the uses of those projects. Though jQuery and its related projects are still important to the web, this talk will focus more on the other efforts the jQuery Foundation is involved in that many may not know about.