Testing responsive grid design using CSS flex in @preactjs (@reactjs). Link:

Testing responsive grid design using CSS flex in @preactjs (@reactjs). Link:

  • You can apply CSS to your Pen from any stylesheet on the web.
  • Just put a URL to it here and we’ll apply it, in the order you have them, before the CSS in the Pen itself.
  • If the stylesheet you link to has the file extension of a preprocessor, we’ll attempt to process it before applying.
  • You can also link to another Pen here, and we’ll pull the CSS from that Pen and include it.
  • If it’s using a matching preprocessor, we’ll combine the code before preprocessing, so you can use the linked Pen as a true dependency.

Built in Preact.js….
Continue reading “Testing responsive grid design using CSS flex in @preactjs (@reactjs). Link:”

JavaScript { Part 14.2 : Libraries } – codeburst

  • IntlThis is a global object, yes and object!
  • (More info here)Previously I said that the Intl is an object and actually most of the functionality is accessed by that object Intl, you need to remember that in order to use it and three main word methodsWhen can you use it?Actually most of the browsers support it, but to be…

Its a collection of sites where you could find awesome things in order to make better your work and not reinvent the wheel.
Continue reading “JavaScript { Part 14.2 : Libraries } – codeburst”

Bauble Toggle @CodePen @greensock @reactjs #svg #interactive #ChristmasIsComing

Bauble Toggle @CodePen  @greensock @reactjs #svg #interactive #ChristmasIsComing

  • You can apply CSS to your Pen from any stylesheet on the web.
  • Just put a URL to it here and we’ll apply it, in the order you have them, before the CSS in the Pen itself.
  • If the stylesheet you link to has the file extension of a preprocessor, we’ll attempt to process it before applying.
  • You can also link to another Pen here, and we’ll pull the CSS from that Pen and include it.
  • If it’s using a matching preprocessor, we’ll combine the code before preprocessing, so you can use the linked Pen as a true dependency.

Choose your colour! A bauble toggle made with SVG in ReactJS with GreenSock….
Continue reading “Bauble Toggle @CodePen @greensock @reactjs #svg #interactive #ChristmasIsComing”

Preact.js : Shopping Cart

@preactjs shopping cart with stock status. Link:  #preactjs #reactjs

  • You can apply CSS to your Pen from any stylesheet on the web.
  • Just put a URL to it here and we’ll apply it, in the order you have them, before the CSS in the Pen itself.
  • If the stylesheet you link to has the file extension of a preprocessor, we’ll attempt to process it before applying.
  • You can also link to another Pen here, and we’ll pull the CSS from that Pen and include it.
  • If it’s using a matching preprocessor, we’ll combine the code before preprocessing, so you can use the linked Pen as a true dependency.


Continue reading “Preact.js : Shopping Cart”

A very simple @CodePen example for using #ReactJS Router: #Coding

A very simple @CodePen example for using #ReactJS Router:  #Coding

  • You can apply CSS to your Pen from any stylesheet on the web.
  • Just put a URL to it here and we’ll apply it, in the order you have them, before the CSS in the Pen itself.
  • If the stylesheet you link to has the file extension of a preprocessor, we’ll attempt to process it before applying.
  • You can also link to another Pen here, and we’ll pull the CSS from that Pen and include it.
  • If it’s using a matching preprocessor, we’ll combine the code before preprocessing, so you can use the linked Pen as a true dependency.

Simple page navigation using React Router v2.8.1…
Continue reading “A very simple @CodePen example for using #ReactJS Router: #Coding”

I am Loving this Jelly Fish Splash React Animation see via @CodePen #ReactJs #React

  • You can apply CSS to your Pen from any stylesheet on the web.
  • Just put a URL to it here and we’ll apply it, in the order you have them, before the CSS in the Pen itself.
  • If the stylesheet you link to has the file extension of a preprocessor, we’ll attempt to process it before applying.
  • You can also link to another Pen here, and we’ll pull the CSS from that Pen and include it.
  • If it’s using a matching preprocessor, we’ll combine the code before preprocessing, so you can use the linked Pen as a true dependency.

Recreated https://dribbble.com/shots/2896850-Animated-DropSplash-Logo-Posibility with React and SVG…
Continue reading “I am Loving this Jelly Fish Splash React Animation see via @CodePen #ReactJs #React”

React Routing with this.props.children

Routing with #ReactJS using

  • You can apply CSS to your Pen from any stylesheet on the web.
  • Just put a URL to it here and we’ll apply it, in the order you have them, before the CSS in the Pen itself.
  • If the stylesheet you link to has the file extension of a preprocessor, we’ll attempt to process it before applying.
  • You can also link to another Pen here, and we’ll pull the CSS from that Pen and include it.
  • If it’s using a matching preprocessor, we’ll combine the code before preprocessing, so you can use the linked Pen as a true dependency.

An example of using React Router (2.8.1) and this.props.children to create page navigation….
Continue reading “React Routing with this.props.children”