Álvaro Trigo_

Hello there! I'm Álvaro Trigo

Currently creating beautiful stuff in Cambridge, UK.

19,385 at Github

of Cambridge, of UK, worldwide in Javascript

About_

I'm a web developer who aims to combine the beauty of design with the logical perfection of coding. Training myself every day and pushing my own limits to discover new ways of creating a great experience for the users.

I'm years old, from Spain. I'm a computer scientist and hold an MSc in Computer Engineering and a BSc in Technical Engineering In Computer Science For Management, both from Burgos University. I also enjoyed a scholarship at the Millersville University of Pennsylvania in the USA.

I started getting passionate about web developing at the age of 16 when I created my first website. Since then I kept learning day by day on my own until today.

Currently working mainly on fullPage.js. And doing side projects like CSS Shadow Gradients.

Podcasts_

Here's a list of podcasts where I've been invited:

Do you have a podcast and want to invite me over? Contact me.

Photos_

I also like photography! Check out my pics on flickr.

Check my photos!

Contact_

Estimates, questions, information? Don't hesitate to contact me.

Is it about fullpage? Please check the fullPage.js Help or the extensions FAQs first. Reporting non extensions' issues?
You can also find me at [email protected]

fullpage.js

at Github

Created as a side project, fullPage.js is a jQuery and Javascript open source library to create full screen scrolling websites. Used and trusted by companies such as Google, Ebay, McDonalds, EA, Nikon, Vodafone and British Airway, it is currently the most popular, used and complete library of its kind.

fullpage.js

It is currently placed in the top 50 most starred and most forked Javascript projects in the world at Github and it has been named by printed magazines such as Web Designer Magazine.

More than 140 people have contributed to this open source project and still contributing nowadays thanks to its popularity I was named a trending Javascript developer on GitHub multiple times.

Check the fullpage.js landing page.

What is it?

The library provides a straightforward way to create full-screen auto-scrolling websites. A task that can seem simple initially but gets quite complicated once you start covering issues such as browser compatibility, touch devices, kinetic trackpad scrolling, URL linking, accessibility, responsiveness, callbacks, etc.

What makes fullpage.js so powerful is the way it simplifies all this work for any developer who wants to have a production-ready website. Tested by thousands of developers on tens of devices and over a period of more than 9 years makes it a reliable tool to use. And of course, a precious time saver that allows developers to focus on developing the site and not its inner behavior.

Open source

Avaiable through the GPLv3 licence for React, Vue and Angular it is ideal to use in any kind of websites or comercial products.

Due to its popularity, it is also easy to find fullpage.js integrated into other platforms by third parties. From Wordpress themes to Ruby gems.

WordPress

I also decided to provide official fullPage.js plugins for the Elementor and Gutenberg builder for WordPress, and soon for Divi!

Extra features

The project has been growing with time and due to the diversity of requested features, I decided to provide fullpage.js extensions that can be added to enhance its behavior.

at Github

funnyText.js

Brought into a jQuery plugin from a custom script I did for a website I worked in.

funnyText

This simple script provides a way to create funny moving texts in a simple way. Not much else to say about it :)

at Github

validPic.js

Tired of not finding any library to validate images on the client side I decided to create one for my own use and for anybody else who want to save some time doing it. Yeah, we all know client-side validation is just one of the many steps and we should never rely only on it, but hey! It helps!

Personally, I'm using it in a side project where users can upload pictures and see the result in real-time before the image gets uploaded to the server side.

This library makes use of the magic numbers to detect different mime-types, therefore even when the mime-type gets modified we can still figure out it it is what it claims to be.

Websites

Here's a bunch of websites I've done from the scratch. You can see my name in the `author` meta tag in all of them.

Public work

CSS Shadow Gradients Generator

CSS Shadow Gradients Generator

CSS Shadow Gradients Generator

One day I thought it'd be nice to add some beautiful gradients in a shadow for a web design I was working in.

I then searched for a CSS generator to find the fastest way to do it, and I got shocked to find out there was no tool to generate these CSS gradients for my shadow.

So, I decided it was time to make the world a better place and build a CSS shadow gradients generator.

Advanced Gumroad Analytics

fullstats.io

fullstats.io

As a Gumroad user, I started to feel the need for more advanced analytics. I wanted to maximize profit and to do so I had to know how to take decisions based on data.

I started creating a small analytics panel for myself and then I realized many others were also missing better analytics in Gumroad so I decided to make it public and create a platform for it.

Paris Optimal Planning

Paris Optimal Planning

www.parisoptimalplanning.com

Product website for my former employer: The Port of Felixstowe.

I created it from the scratch using CakePHP framework. It has been designed for desktops, mobile phones, and tablet devices. There is a big work on jQuery and CSS. Techniques such as a dynamic load of images were applied to speed up the load as well as javascript and CSS compression. Other techniques applied: SEO, CSS3 media queries, CSS3 animations, browser detection, and device detection.

Product website for my former employer: The Port of Felixstowe.

Designed in CakePHP by using one of my plugins - fullPage.js. Its responsive design makes it look great on tablets and mobile phones. Fallbacks for old browsers have been applied for videos and css3 animations as well as techniques such as lazy loading, video compression, and CSS/JS minification. I made use of Velocity.js for SVG animations.

Side freelance work

An artist's website that is available in 4 different languages.

Started working on it when I was a student. I created a full-screen lazy load slider for it that had to contain more than 250 images.

It contains more than 160 paintings and more than 800 images. I developed both the front-end and the back-end, allowing the author to change and upload new content. No CMS or framework was used. Plain PHP and MySQL. Resizing image techniques were applied.

at Github

multiScroll.js

A jQuery plugin to create multi-scrolling websites with two vertical panels or layouts. The screen will be split into two panels in a way they scroll vertically in opposite directions.

multiscroll.js

Designers look always for new ways of surprising their viewers and this plugin was born with that same purpose in mind. Ideal for the concept of split layouts.

Used by the community in multiple projects such as this Wordpress theme.

at Github

pagePiling.js

Created as a side project, pagePiling.js is a jQuery library that provides an auto-scrolling effect between sections piled one over another. Used by companies such as Facebook, Logitech, or Walt Disney Family Museum.

pagepiling.js

It was created from the basics of its big brother, fullpage.js, and it shares many of its methods and options. It was inspired in part by the website of the Hugeinc design which led me later on to create a tutorial in onextrapixel about how to create a site like it.

Unlike many modern scripts or CSS3 effects, I decided to keep providing support for old browsers such as IE 8 or Opera 12, which makes the library quite unique within the field.