Elm list of stylish-elephants github repos

Github repos having "stylish-elephants" in the project name or the project description on GitHub are viewable in a new module named stylish-elephants-search. The README file is a must, as it notes that this demo will not build without adding an Auth.elm file containing a github authentication token.to the project. Also see ftreldman's workshop for details if creating a token and configuring an Elm app to use it are new to you.

This little tool was originally Part 14 of Richard Feldman's Elm workshop.

I refactored his work to use stylish-elephants (and removed many features to test search alone).

Responsive Elm using stylish-elephants

Matthew Griffith (mdgriffith) maintains an Elm package entitled elm-style-elements that moves all style declarations from CSS to Elm view functions. The main benefit is that your styles are type-checked by the Elm compiler -- no more jumping back and forth between the CSS and the DOM and the console to debug sites.

One of the write-ups that I have found instructive on using elm-style-elements to write responsive Elm applications is billperegoy's elm-page-layout.

The source code that accompanies the article is found on github.

I have adapted the approach using the experimental (next version) of elm-style-elements and posted a simple project to github called responsive-stylish-elephants.

The package API for stylish-elephants is online.

Changing gears . . .

This site was built originally for two purposes, both of which have been achieved:

I wished to popularize Inkscape as a tool and SVG as a format, and others have succeeded on this first front. Inkscape is a very full-featured graphics tool, but i have moved on to using watercolor on canvas and will continue to paint. SVG has been widely adopted and well used.

The site was left dormant as part of the second goal which was to test Search Engine Optimization techniques on an untouched and practically unused site filled with absolutely unique content. The test was successful, so now I wish to actually use the blog to point to newer work coming from the other side of my brain -- programming and software engineering.

On this front, I have begun to learn the ELM Language for front-end development. Recent work is on github.

I chose ELM for three reasons:

1. My back-end side projects all use functional programming languages and I wished to use that same approach on the front-end;
2. And, I wished to separate front-end work as cleanly and as completely as possible from the back-end and to minimize pain-points in front-end development like manipulating the DOM and adjusting CSS;
3. Finally, ELM is type-safe and compiles to Javascript, so the code works without runtime errors and is very portable.

More about how ELM helps me achieve each of these goals in future posts.