Jorge Moreno.
Moro
Front End Web Developer & UI Designer
Twitter
Instagram
GitHub
CodePen
NPM
LinkedIn
YouTube
Email
CSS Transform Visualizer
CSS Transform Visualizer
CSS Transform Functions Playground and Visualizer (UI Demo)
Vue.JS, Gulp, LESS, HTML5
css-transform.moro.es
Source code @GitHub
UI Demo @CodePen
InstaCube
InstaCube
CSS Experiment. Instagram Feed Visualizer with CSS 3D Animations
Vue.JS, Gulp, LESS, HTML5
instacube.moro.es
Source code @GitHub
InstaGPX
InstaGPX
Client side image manipulation WebApp created with Vue, Parcel & Sass for overlaying GPX activity stats over photos
ES6, Vue.js, Parcel & SASS
instagpx.com
Source code @GitHub
Euskal Mendiak Generator
Euskal Mendiak Generator
Basque Mountains Landscape Image Generation with Perlin Noise, SVG and JavaScript
SVG, JavaScript/ES6, CSS & Parcel
mendiak.moro.es
Source code @GitHub
Kolor Game
Kolor Game
Simple game made with JavaScript where you have to guess colors to score high.
HTML5, CSS & JavaScript.
kolor.moro.es
Cierzo App
Cierzo App
Local weather hybrid app to display wind conditions and forecast for a specific location (Zaragoza, Spain)
HTML5, LESS/CSS3, JS & PhoneGap.
cierzo.976.es
Source code @GitHub
Android Mobile App
@ Play Store
IPA Keyboard
IPA Keyboard
International Phonetic Alphabet Symbols Web and Cross Platform Desktop Application ( for Win, OSX & Linux )
Vue.js, Gulp, Node-Webkit, HTML5, LESS
git.io/ipa
Source code @Github
News Visualizer
News Visualizer
Data Visualization Demo, using as data source the BBC News RSS feed.
PHP, HTML5, CSS3 & jQuery.
news.moro.es
Source code @GitHub
Gandul.js
Gandul.js
Lightweight lazy loading javascript module focused on accessibility.
ES6 JavaScript.
Documentation Page
Project page @GitHub
Examples @CodePen
Github User Page Generator
Github User Page Generator
Github User Page JavaCript Generator built with Vue.js, creates a dynamic page based on the data and repositories of a given GitHub user
JavaScript, HTML5, LESS, Vue.js
alterebro.github.io
Source code @github
CSS Toltip
CSS Toltip
Pure CSS lightweight, minimal and simple tooltips. No dependencies and no javascript. ~500 Bytes gzipped.
SASS, CSS, PostCSS, Gulp
Documentation Page
Source code @github
NPM Package
PWA Counter App
PWA Counter App
Cross Platform Demo Web Application for Web and Android. Just a counter application, that simply count things.
JS, Vue.js, SASS, Parcel
counter-webapp.netlify.app
Source code @GitHub
Android Mobile App @Play Store
Retour et Tour
Retour et Tour
Generative video animation created with JavaScript using the p5js library.
JavaScript, p5js, Audacity, ShotCut
YouTube Video
Auto Resize Custom Select
Auto Resize Custom Select
Auto resize drop-down select elements to match the width of the selected option and customize it with CSS
JavaScript, Gulp
Documentation Page
Project page @GitHub
Examples @CodePen
NPM Package
Responsive Aspect Ratio
Responsive Aspect Ratio
JavaScript Module to create responsive elements with a fixed aspect ratio with data elements.
ES6 JavaScript.
Project page @GitHub
Examples @CodePen
NPM Package
Text to Image
Text to Image
Small JavaScript / Canvas experiment to generate images from the MD5 hash value of a string with a PHP / GD fallback.
JavaScript, Canvas, HTML5 PHP & GD Library
text2image.moro.es
Source code @gitHub
Bullshit Generator
Bullshit Generator
Google Suggest doing suggestions from its own suggestions based on input suggested suggestions
JavaScript, Gulp, HTML5, LESS
poop.moro.es
Sol Watch
Sol Watch
Offline Web App that visualizes the Solar time frames depending on the current user geographical coordinates
ES6, SVG, Webpack & Vue.js
alterebro.github.io/sol.watch
Source code @gitHub
mosquito
mosquito
Static Site Generator written in PHP that can also be used as CMS. Compiles Markdown into HTML and uses folder structure as URL Router model.
PHP, HTML5, LESS
alterebro.github.io/mosquito/
Source code @gitHub
Weasel CMS
Weasel CMS
Lightweight and simple CMS written in PHP and built specifically for small websites.
PHP, HTML5, CSS & JavaScript.
weasel.moro.es
Tubetify
Tubetify
Online Playlist Converter. Generate Youtube video playlists from Spotify track lists.
PHP, SQLite, HTML5, CSS3
tubetify.com
jQuery.TypeWriter.js
jQuery.TypeWriter.js
Typerwriter Pseudo-Matrix-Like Text Effect jQuery Plugin.
JavaScript (jQuery)
typewriter.moro.es
Source code @gitHub
The Collective Self
The Collective Self
Picture Generator based on datasets of pictures.
Processing, PHP, MySQL & JavaScript.
YouTube Video
HSV Color Clock
HSV Color Clock
Color changing clock representing visually time by using the HSV color space.
HTML5, CSS3 & JavaScript/jQuery.
alterebro.github.io/HSV.ColorClock
Source code @gitHub
Pace Calculator
Pace Calculator
JavaScript Running Pace Calculator. Hybrid Web / Mobile Application.
HTML5, CSS3, JavaScript & PhoneGap.
pacecalculator.moro.es
Source code @gitHub
Android Mobile App
@ Play Store
The Warholizer
The Warholizer
Image manipulation Web Application.
PHP, MySQL, GD Library, Apache rewrite module, HTML5 & CSS3.
www.pictomizer.com
10 Print Variation
10 Print Variation
A 10Print variation with a convex / concave cube pattern generation.
JavaScript, rune.js, Gulp, HTML5
10print.surge.sh
Source code @GitHub
armazon.css
armazon.css
Lightweight and supersimple CSS3 Boilerplate Micro Framework built on LESS.
LESS, CSS
git.io/armazon
Source code @gitHub
Meow!Seek
Meow!Seek
Music Directory recommender and artist finder Web Mashup.
HTML5, CSS3, Web scraping and caching with PHP & MySQL, GData YouTube & Last.FM REST APIs.
www.meowseek.com
jQuery.NiceFileInput.js
jQuery.NiceFileInput.js
jQuery Plugin which makes file input CSS styling an easy task.
Javascript (jQuery)
jQuery.NiceFileInput.js docs
Source code @gitHub
A la clé - Wall Painting
A la clé - Wall Painting
Wall art design and creation for the French cultural and educational space 'A la clé'.
Spray cans, ink & brushes.
YouTube Video
976
976
Zaragoza Bicycle (bizi) locator Web App.
PHP Slim Framework, MySQL database ORM Idiorm, Web Services from the Zaragoza City Council, Google Maps API. HTML5, CSS3.
www.976.es
Pictomizer
Pictomizer
Image Generator Web App based in Processing Language.
PHP Slim Framework, Mustache logic-less templating, ProcessingJS, HTML5, CSS3 & JavaScript.
pictomizer.moro.es
Alter Ebro Pixel Font
Alter Ebro Pixel Font
Bitmap typography design for small font sizes.
Adobe PhotoShop & FontStruct Web App.
dafont.com/alterebro-pixel-font.font
Download TTF Font Files
'El tunel' Graffiti wall art
'El tunel' Graffiti wall art
Wall art design and development for the Zaragoza city council arts center 'El Tunel'
Spray cans, ink & brushes.
Link to Image
alterebro.com
alterebro.com
Alter Ebro Illustration ZGZ. My Personal Illustration & Design Portfolio from school days.
Website Design and Development.
www.alterebro.com
I Angry Move It
I Angry Move It
Music MashUp and video editing mixing the Angry Birds Theme and Reel 2 Real's I like to move it.
Audacity
YouTube Video
Listen & download @SoundCloud
Flex for An Eye
Flex for An Eye
Music MashUp and Video integration using the songs 'Flex' by Dizee rascal and 'Eye for an eye' by UNKLE.
Audacity
YouTube Video
Listen & download @SoundCloud
Fast Tracked EP Music Album
Fast Tracked EP Music Album
Compilation of songs created between years 1999 - 2001 approximately.
FastTracker 2 & GoldWave
Spotify Playlist link
iTunes Store
Fast Tracked EP @SoundCloud
mini-lightbox.js
mini-lightbox.js
Unobtrusive compact and lightweight modal window script. Simple Lightbox alternative no-framework dependant.
JavaScript
mini-lightbox.js documentation
Source code @gitHub
Backwards
Backwards
An illustration, animation and music video project made during the first half of the year 2001.
Flash, Director, Premiere, FastTracker 2
YouTube Video