React ES6 getting Started – slides

I made a slide about React ES6 getting started, you can view it here

https://doсs.google.com/presentation/d/19YgTFjvgsuTIfC7NdX8QXyf43U4LKjf8xZM2342_sO8/

Motion Design – slides

I made a slide about Motion Design – you can view it here

https://doсs.google.com/presentation/d/1xycVCpGnVgz1VAnO0iaXDP7bc8K8bfl3JXZLiDvkDws/

Favorite material design button with or without JS

I am having fun creating things at Codepen.io.

I have created a toggle button with JS and without using JS.
For the non-JS version I used the radio-button hack technique with stacked radio buttons.

Without JS

 

With JS

Fizz Buzz

Do you see a pattern?


 


About?

• http://en.wikipedia.org/wiki/Fizz_buzz
• http://blog.codinghorror.com/why-cant-programmers-program/
• http://c2.com/cgi/wiki?FizzBuzzTest

Browser only CMS

This is an idea for a very minimalistic CMS solution.

You only need a browser to run the CMS solution. No web-server or DB are needed to host your CMS solution.

The content is separated to a resource folder (the content folder).
Text resources are stored inside a JavaScript file and not on a markup (html) page.

Here’s a snippet example of multiline text in markdown format stored in the resource file.

app-data.js

 Site.data = {
        multiline: function() {
            /*!
# browser only cms

**Dependencies:** 
any modern browser and your favorite text editor.

Open the index.html with your browser.

  * Your browser is the server
  * Your CMS is the content folder
  * Your CMS editor is your favorite text-editor.

To edit the content open the 
`content/text/app-data.js` file 
and refresh your browser to see the update.
            !*/
        }.parseMarkdown()
}


 


Browser only CMS is available at https://github.com/kunukn/browser-only-cms