Code Snippet | Jon Vadillo

Code Snippet of the Week 7: [HTML + CSS] Create fully responsive tables using Bootstrap

por jvadillo | Sep 28, 2018 | Code, Code Snippet

Making your web responsive could not be enough to mantain complete usability in all devices. It is sometimes necessary not only to adapt our content to the browser’s screen but also modify the information we want to display. In case of big tables which hold...

Code Snippet of the Week 6: [HTML + CSS] Twitter clone using Bootstrap

por jvadillo | Ago 26, 2017 | Code, Code Snippet

One of the best learning methods in the web development world is to practice and try to clone some of the best web user interfaces that exist nowadays. “Practice makes the master.” once said Patrick Rothfuss, and he was right. The code of this week is a Twitter clone...

Code Snippet of the Week 5: [JS] React + Redux TODO App

por jvadillo | Jul 13, 2017 | Code Snippet

The code of this week is an example of how to combine React and Redux libraries to build a TODO app. You can find all the code below on Codepen.io (for a better result open fullscreen at https://codepen.io/jonvadillo/pen/LLBLbV/) See the Pen React Redux TODO...

Code Snippet of the Week 4: [JS] RESTFul webapp with NodeJS + Express + MongoDB

por jvadillo | Jun 29, 2017 | Code Snippet

You will love this code example as it covers lot of different topics and lets you easily run a RESTFull server-app . You can learn how to… Create a Node.JS server-side app. Use Express, the Node.js web application framework to respond to HTTP requests. Get and...

Code Snippet of the Week 3: [CSS] Gmail style client with Bootstrap 4

por jvadillo | Jun 19, 2017 | Code Snippet

This week I show you an UI developed using Bootstrap framework. Even Google engineers don’t use Bootstrap in their GMail web app, we can build a similiar UI based on the popular framework. You can find all the code below on Codepen.io (for a better result open...

Code Snippet of the Week 2: [CSS] Card grid with Materialize CSS library

por jvadillo | May 31, 2017 | Code Snippet

Materialize is a CSS framework based on Google’s Material Design by Google. It provides different components in order to develop responsive web applications that follow Material Design guidelines. The code below shows how to code a card grid using the framework:...

Code Snippet of the Week 7: [HTML + CSS] Create fully responsive tables using Bootstrap

Code Snippet of the Week 6: [HTML + CSS] Twitter clone using Bootstrap

Code Snippet of the Week 5: [JS] React + Redux TODO App

Code Snippet of the Week 4: [JS] RESTFul webapp with NodeJS + Express + MongoDB

Code Snippet of the Week 3: [CSS] Gmail style client with Bootstrap 4

Code Snippet of the Week 2: [CSS] Card grid with Materialize CSS library

Entradas recientes

Comentarios recientes

Archivos

Categorías

Meta