BWD: #2 CSS

Online courses in web design, including some training in general design and technology, as well as programming languages often used in web design. None of these free courses have credit value, nor do they involve assessment or grades. Some courses have additional software requirements,

Tags: courses Read more »

GlitchMaker Experiment

GLITCHMAKER is a free sample product Joe Cavazos released today. It's a quick way to get a glitch style effect in photoshop. - It has 4 image glitch styles. Also it doesn't require any installation or plugin. Today I experimented a little bit with

Tags: css Read more »

BWD: #1 HTML

Online courses in web design, including some training in general design and technology, as well as programming languages often used in web design. None of these free courses have credit value, nor do they involve assessment or grades. Some courses have additional software requirements,

Tags: courses Read more »

BWD: Content

Online courses in web design, including some training in general design and technology, as well as programming languages often used in web design. None of these free courses have credit value, nor do they involve assessment or grades. Some courses have additional software requirements,

Tags: courses Read more »

List of Social Profiles

Some time ago I come struggling to remember how many social profiles I have and when was the last time I updated these profiles. Because of this I decided to make a list of all profiles that interests me keep updated. While there are

Tags: list Read more »

Constructivism Ghost Theme

Developed to create a portfolio website. This theme for Ghost blogging platform is awesomely personal, responsive and open-source. Demo & Download This theme is currently working used on this blog and you get the tarball file here! Installation The theme works with Ghost 0.

Tags: sass ux/ui web site Read more »

SCSS Style Guide

Be consistant with indentation (two-space tab) Be consistant about where spaces before (2) /after(1) go One selector per line, One rule per line List related properties together Have a plan for class name naming Don't use ID's #hotdrama Be Generous With Comments Variablize

Tags: tutorial sass css Read more »

Atom packages

Atom is a text editor that's modern, approachable, yet hackable to the core a tool you can customize to do anything but also use productively without ever touching a config file. my essential package-list to make Atom even better: File Management Searching Editor Config

Tags: tutorial Read more »

Hi Contrast Ghost Theme

Developed to create a portfolio website. This theme for Ghost blogging platform is awesomely personal, responsive and open-source. Demo & Download This theme was used on this blog until June of 2016, but you can get the tarball file here! Installation The theme works

Tags: sass ux/ui web site Read more »

Simple grid with Sass & Flexbox

A simple and quick guide to create a grid system. I like the idea of grids-on-demand, rather than a strict framework -no matter how simple-. So I started thinking (with my buddy Nico Gonzalvez) about writing some reusable code that suits almost every css

Tags: css flexbox sass Read more »

CSS Proportional Resizable Boxes

In this article I will explain how to define boxes of variable size but preserve the aspect ratio (without using JavaScript). A while ago I had the need to create a grid with multiple square boxes that suit different resolutions. The first option that

Tags: css sass Read more »

Exporting images with Illustrator

When designing user interfaces Illustrator can provide many advantages. Firstly, using Illustrator here makes the job a lot faster with the resizing points. It's also great for creating reusable components using the symbols panel. This not only speeds up your workflow but will also

Tags: tutorial Read more »

The Starting Line

In all areas the design is the process in the search for solutions, it uses context and creative disciplines to solve problems, usually communicative. Visual communication seeks to convey sensations through signs, forms and colors. This tools need transmit values, ideas, and even personality.

Tags: Read more »