Á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 own a MSc in Computer Engineering and a BSc in Technical Engineering In Computer Science For Management, both from Burgos University. I also enjoyed an scholarship at 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 the day.

Photos_

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

Check my photos!

Contact_

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

You will get automatically subscribed to important issues (dangerous vulneravilities, resources regarding my plugins etc.)
You can also find me at +44 07884 341 059 or at alvaro@alvarotrigo.com

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, McDonalds, EA, 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 stared 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 90 people has contributed to this open source project and still contributing nowadays and thanks to its popularity I was named a trending Javascript developer in Github multiple times.

What is it?

The library provides a straight forward way to create full screen auto scrolling websites. A task that can seem simple initially but that gets quite complicated once you start covering issues such as browsers 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 3 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 behaviour.

Open source

Avaiable through the MIT licence, it is ideal to use in any kind of websites or comercial products without limitations of any kind.

Due to its popularity it is easy to find fullpage.js integrated in other plataforms. From Wordpress themes, to Angular directives, React components, Ruby gems, other CMSs etc.

Extra features

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

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 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 mimetypes, thefore even when the mimetype gets modifed we can still figure out it it is what it claims to be.

Websites.js

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

Paris Optimal Planning

Paris Optimal Planning

www.parisoptimalplanning.com

Product website for The Port of Felixstowe in which I'm working at the momment.

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 dynamic load of images were applied to speed up the load as well as javascript and css compression ones. Other techniques applied: SEO, CSS3 media queries, CSS3 animations, browser detection, device detection.

Product website for The Port of Felixstowe in which I'm working at the momment.

Designed in CakePHP by using one of my plugins - fullPage.js. Its responsive design makes it look great in 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 projects

Todopetardos

Todopetardos

www.todopetardos.com

It's currently the biggest fireworks and firecrackers community in spanish language.

I created it when i was 17 years old and i still maintaining it obtaining benefits from different sources including enterprises of the niche. I coded it all from the scratch without any CMS, it is written mainly on PHP under the MVC pattern. I also designed a back-end to manage different sections of the page.

This site kept me interested in web developing for around 7 years and helped me to improve on the field while I was still studying.

I created it during my student summer just for fun. It's a test to get the percentage of addiction of what it was the main social network at spain at that time (Tuenti.es) It got more than 8.000 visits during the first week and it was promoted using Tuenti.es and Twitter.

Wallpapers for ipad

Wallpapers For iPad

www.wallpapers-for-ipad.com

Introduced some months after the first iPad was launched, it is a website to download iPad wallpapers and have a preview of the final result before downloading and applying them.

I created a backend to add and resize wallpapers. A cron job was created for this task adding them programmatically at different times of the day. Then, syncronization with twitter was done automatically promoting the new items.

It's developed in PHP.

New iPad Wallpapers

New iPad Wallpapers

www.newipadwallpapers.com

Just another website about wallpapers based on the previous one. The backend was the biggest change as I had to deal with big image resolutions, crop and adapt them as I wanted.

Side freelance work

An artist website available in 4 different languages.

Started working on it when I was 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 fron-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 splited in 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 WaltDisney 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 with for old browsers such as IE 8 or Opera 12, which makes the library quite unique within the field.