Skip to content
Hallway
0:00 / 0:00

#clojurescript#garden#css

Priyatam Mudivarti - Responsive Grid with Garden CLJS

ClojureTV

111K subscribers • 159 videos on Hallway

YouTube
  • Recommended by 1 person: 1 in engineering communities.
  • Presented by Priyatam Mudivarti
  • May be out of date. Uploaded 11 years ago, in an area where tools change fast.

Intermediate. Assumes working knowledge.

4.5K views11 years ago1 recommendation

Web developmentProgramming languagesLisp and ClojureCSS and layout

Priyatam Mudivarti explains how to build responsive grids using Garden, a ClojureScript library for rendering CSS as data.

Clojurescript community has been slow to embrace Garden, a simple library for rendering CSS in Clojure/ClojureScript. Conceptually similar to Hiccup, Garden allows you to design pages and layouts like a functional programmer: plain-old data structures, functions, and abstractions. In this talk I will focus on responsive grid techniques popularized by Bootstrap, Susy, Flexbox, followed by a live-coding session. We will explore how to implement fluid, responsive, nested, and even DIY grids with Garden, and render CSS3 on the server or client. We will end with a demo of a page designed in Garden, rendered with Om, to showcase the benefits of using Clojurescript all the way.

Why it's here

1 person recommends this

What people say. Recommended as an impressive demonstration of composing HTML, CSS, and JavaScript within ClojureScript.

u/lordmydin r/Clojure • Recommends

On “80% of my coding is doing this (or why templates are dead)”

I'd say Hiccup is superior to anything the author listed. I was blown away 2 years ago by this presentation by the brilliant Priyatam Mudivarti - link to this video - in which he composes HTML, CSS and Javascript within Clojurescript/Hiccup to produce something which could only be achieved with a Lisp. There's something about Clojure/Lisp's level of abstraction and composability which facilitates a level of creativity not available in other languages.
22View on Reddit