ALVARO TRIGO

I'm years old, from Spain. I'm a computer scientist and hold a 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 Millersville University of Pennsylvania in the USA. I started getting passionate about web developing at the age of 16 when

FULLPAGE.JS

fullPage plugin by Alvaro Trigo. Create fullscreen pages fast and simple. One page scroll sections jquery plugin. Mouse snap.

REACT-FULLPAGE.JS

react-fullpage.js. Official React.js component for fullPage.js. An easy to use wrapper for your react application. PAGEPILING.JS PLUGIN pagePiling.js plugin by Alvaro Trigo. Create a stack of scrolling

pages.

OFFICIAL ANGULAR COMPONENT FOR FULLPAGE.JSANGULAR NG NEWANGULAR NG OPTIONSANGULAR NG REPEATANGULAR NG SERVEANGULAR NG TEMPLATE angular-fullpage. The official Angular component for fullPage.js. An easy to use wrapper for your Angular application. HOW TO USE FULLPAGE.JS IN WEBFLOW TO CREATE A FULL-SCREENSEE MORE ON

ALVAROTRIGO.COM

FULLPAGE.JS

fullPage plugin por Alvaro Trigo. Crea páginas web con desplazamiento a pantalla completa por secciones. Librería jQuery Javascript. MULTISCROLL.JS: JQUERY PLUGIN TO CREATE MULTI-SCROLLING Although there are many jQuery plugins out there, there’s space for more yet! This time I found a couple of sites using this new kind of multi-directional scroll and as didn’t find any script to do it, I decided to make it by my own. DRAG AND MOVE EXTENSION Section 4. - Not compatible with continuousVertical:true or extension Continuous Horizontal. - Sections/slides with scrollOverflow:true or any scrollable element won't be

FULLPAGE.JS

Alvaro的插件。 快速、简单地创建全屏页面。 单页滚动部分。 鼠标捕捉。

ALVARO TRIGO

I'm years old, from Spain. I'm a computer scientist and hold a 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 Millersville University of Pennsylvania in the USA. I started getting passionate about web developing at the age of 16 when

FULLPAGE.JS

fullPage plugin by Alvaro Trigo. Create fullscreen pages fast and simple. One page scroll sections jquery plugin. Mouse snap.

REACT-FULLPAGE.JS

react-fullpage.js. Official React.js component for fullPage.js. An easy to use wrapper for your react application. PAGEPILING.JS PLUGIN pagePiling.js plugin by Alvaro Trigo. Create a stack of scrolling

pages.

OFFICIAL ANGULAR COMPONENT FOR FULLPAGE.JSANGULAR NG NEWANGULAR NG OPTIONSANGULAR NG REPEATANGULAR NG SERVEANGULAR NG TEMPLATE angular-fullpage. The official Angular component for fullPage.js. An easy to use wrapper for your Angular application. HOW TO USE FULLPAGE.JS IN WEBFLOW TO CREATE A FULL-SCREENSEE MORE ON

ALVAROTRIGO.COM

FULLPAGE.JS

fullPage plugin por Alvaro Trigo. Crea páginas web con desplazamiento a pantalla completa por secciones. Librería jQuery Javascript. MULTISCROLL.JS: JQUERY PLUGIN TO CREATE MULTI-SCROLLING Although there are many jQuery plugins out there, there’s space for more yet! This time I found a couple of sites using this new kind of multi-directional scroll and as didn’t find any script to do it, I decided to make it by my own. DRAG AND MOVE EXTENSION Section 4. - Not compatible with continuousVertical:true or extension Continuous Horizontal. - Sections/slides with scrollOverflow:true or any scrollable element won't be

FULLPAGE.JS

Alvaro的插件。 快速、简单地创建全屏页面。 单页滚动部分。 鼠标捕捉。 OFFICIAL ANGULAR COMPONENT FOR FULLPAGE.JS angular-fullpage. The official Angular component for fullPage.js. An easy to use wrapper for your Angular application.

VUE-FULLPAGE.JS

Vue-fullpage.js. Official Vue.js component for fullPage.js. An easy to use wrapper for your vue application. FULLPAGE COMMERCIAL LICENSE fullpage.js Commercial License. Definitions “Application” means any software, application, or elements that Your Licensed Developers develop using the Software or Modifications in accordance with this Agreement. “End User” means an end user of Your Application who acquires a license to such solely for their own use and not for distribution, resale, user interface design, or software CREATING A HTML GAME WITH CSS TRANSITIONS AND JAVASCRIPT I’ve coded a basic interactive game using HTML, CSS transitions and JavaScript and I chose not to use the canvas element for it. I was curious to see how far I could get using basic web technologies. I knew performance would very probably be the critical part, but that made it even more challenging! During this journey I’ve learned a few interesting things on the way that I would like to

FULLPAGE.JS

Cards 3d scrolling effect for fullPage.js library. Turn it off whenever you need. Make use of fullPage.js responsive options. INSTALLING LARAVEL 4 IN WINDOWS 7 WITH IIS7 There are always some boring steps until we can actually start using a framework. Moreover working with Windows and IIS makes things more difficult/tedious yet. I always find myself having to google these kind of things and this time I decided to keep a record of the steps I followed. This way I won’t have to face the same problems in future installations in other machines. HOW TO FIX 'UNLICENSED EXTENSION' RED ERROR MESSAGE In order to generate an activation key, you'll have to follow the steps explained here. Then you'll have to add your activation key (when you initialize fullPage) by adding the option Key. For example, if you have purchased the FadingEffect extension, you would have to add the following code: new fullPage ( FULLSCREEN BACKGROUNDS A powerful plugin. fullPage.js callbacks allow you to create amazing dynamic sites with a bit of imagination. This example tries to reproduce the Apple iPhone-5c website animations as an example of what fullPage.js is capable of.

FIXED BACKGROUNDS

fullPage fixed header and footer. How to use it. You will need to place your header and footer outside the plugin's wrapper. FIRING RESIZE EVENT ONLY WHEN RESIZING IS FINISHED Firing resize event only when resizing is finished. jQuery resize event (or Javascript one) is fired when the size of the browser’s window (viewport) changes as pointed out in jQuery documentation. Sometimes we need to execute functions which might take a while to execute or which might consume quite a few resources from the machine.

ALVARO TRIGO

I'm years old, from Spain. I'm a computer scientist and hold a 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 Millersville University of Pennsylvania in the USA. I started getting passionate about web developing at the age of 16 when

FULLPAGE.JS

fullPage plugin by Alvaro Trigo. Create fullscreen pages fast and simple. One page scroll sections jquery plugin. Mouse snap.

REACT-FULLPAGE.JS

react-fullpage.js. Official React.js component for fullPage.js. An easy to use wrapper for your react application. PAGEPILING.JS PLUGIN pagePiling.js plugin by Alvaro Trigo. Create a stack of scrolling

pages.

OFFICIAL ANGULAR COMPONENT FOR FULLPAGE.JSANGULAR NG NEWANGULAR NG OPTIONSANGULAR NG REPEATANGULAR NG SERVEANGULAR NG TEMPLATE angular-fullpage. The official Angular component for fullPage.js. An easy to use wrapper for your Angular application. HOW TO USE FULLPAGE.JS IN WEBFLOW TO CREATE A FULL-SCREENSEE MORE ON

ALVAROTRIGO.COM

FULLPAGE.JS

fullPage plugin por Alvaro Trigo. Crea páginas web con desplazamiento a pantalla completa por secciones. Librería jQuery Javascript. MULTISCROLL.JS: JQUERY PLUGIN TO CREATE MULTI-SCROLLING Although there are many jQuery plugins out there, there’s space for more yet! This time I found a couple of sites using this new kind of multi-directional scroll and as didn’t find any script to do it, I decided to make it by my own. DRAG AND MOVE EXTENSION Section 4. - Not compatible with continuousVertical:true or extension Continuous Horizontal. - Sections/slides with scrollOverflow:true or any scrollable element won't be

FULLPAGE.JS

Alvaro的插件。 快速、简单地创建全屏页面。 单页滚动部分。 鼠标捕捉。

ALVARO TRIGO

I'm years old, from Spain. I'm a computer scientist and hold a 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 Millersville University of Pennsylvania in the USA. I started getting passionate about web developing at the age of 16 when

FULLPAGE.JS

fullPage plugin by Alvaro Trigo. Create fullscreen pages fast and simple. One page scroll sections jquery plugin. Mouse snap.

REACT-FULLPAGE.JS

react-fullpage.js. Official React.js component for fullPage.js. An easy to use wrapper for your react application. PAGEPILING.JS PLUGIN pagePiling.js plugin by Alvaro Trigo. Create a stack of scrolling

pages.

OFFICIAL ANGULAR COMPONENT FOR FULLPAGE.JSANGULAR NG NEWANGULAR NG OPTIONSANGULAR NG REPEATANGULAR NG SERVEANGULAR NG TEMPLATE angular-fullpage. The official Angular component for fullPage.js. An easy to use wrapper for your Angular application. HOW TO USE FULLPAGE.JS IN WEBFLOW TO CREATE A FULL-SCREENSEE MORE ON

ALVAROTRIGO.COM

FULLPAGE.JS

fullPage plugin por Alvaro Trigo. Crea páginas web con desplazamiento a pantalla completa por secciones. Librería jQuery Javascript. MULTISCROLL.JS: JQUERY PLUGIN TO CREATE MULTI-SCROLLING Although there are many jQuery plugins out there, there’s space for more yet! This time I found a couple of sites using this new kind of multi-directional scroll and as didn’t find any script to do it, I decided to make it by my own. DRAG AND MOVE EXTENSION Section 4. - Not compatible with continuousVertical:true or extension Continuous Horizontal. - Sections/slides with scrollOverflow:true or any scrollable element won't be

FULLPAGE.JS

Alvaro的插件。 快速、简单地创建全屏页面。 单页滚动部分。 鼠标捕捉。 OFFICIAL ANGULAR COMPONENT FOR FULLPAGE.JS angular-fullpage. The official Angular component for fullPage.js. An easy to use wrapper for your Angular application.

VUE-FULLPAGE.JS

Vue-fullpage.js. Official Vue.js component for fullPage.js. An easy to use wrapper for your vue application. FULLPAGE COMMERCIAL LICENSE fullpage.js Commercial License. Definitions “Application” means any software, application, or elements that Your Licensed Developers develop using the Software or Modifications in accordance with this Agreement. “End User” means an end user of Your Application who acquires a license to such solely for their own use and not for distribution, resale, user interface design, or software CREATING A HTML GAME WITH CSS TRANSITIONS AND JAVASCRIPT I’ve coded a basic interactive game using HTML, CSS transitions and JavaScript and I chose not to use the canvas element for it. I was curious to see how far I could get using basic web technologies. I knew performance would very probably be the critical part, but that made it even more challenging! During this journey I’ve learned a few interesting things on the way that I would like to

FULLPAGE.JS

Cards 3d scrolling effect for fullPage.js library. Turn it off whenever you need. Make use of fullPage.js responsive options. INSTALLING LARAVEL 4 IN WINDOWS 7 WITH IIS7 There are always some boring steps until we can actually start using a framework. Moreover working with Windows and IIS makes things more difficult/tedious yet. I always find myself having to google these kind of things and this time I decided to keep a record of the steps I followed. This way I won’t have to face the same problems in future installations in other machines. HOW TO FIX 'UNLICENSED EXTENSION' RED ERROR MESSAGE In order to generate an activation key, you'll have to follow the steps explained here. Then you'll have to add your activation key (when you initialize fullPage) by adding the option Key. For example, if you have purchased the FadingEffect extension, you would have to add the following code: new fullPage ( FULLSCREEN BACKGROUNDS A powerful plugin fullPage.js callbacks allow you to create amazing dynamic sites with a bit of imagination. This example tries to reproduce the Apple iPhone-5c website animations as an example of what fullPage.js is capable of.

FIXED BACKGROUNDS

fullPage fixed header and footer. How to use it. You will need to place your header and footer outside the plugin's wrapper. FIRING RESIZE EVENT ONLY WHEN RESIZING IS FINISHED Firing resize event only when resizing is finished. jQuery resize event (or Javascript one) is fired when the size of the browser’s window (viewport) changes as pointed out in jQuery documentation. Sometimes we need to execute functions which might take a while to execute or which might consume quite a few resources from the machine.

ALVARO TRIGO

Alvaro Trigo porfolio. Here you can take a look at some of my works on web programming, design and marketing.

FULLPAGE.JS

fullPage plugin by Alvaro Trigo. Create fullscreen pages fast and simple. One page scroll sections jquery plugin. Mouse snap.

REACT-FULLPAGE.JS

react-fullpage.js. Official React.js component for fullPage.js. An easy to use wrapper for your react application. PAGEPILING.JS PLUGIN pagePiling.js plugin by Alvaro Trigo. Create a stack of scrolling

pages.

OFFICIAL ANGULAR COMPONENT FOR FULLPAGE.JSANGULAR NG NEWANGULAR NG OPTIONSANGULAR NG REPEATANGULAR NG SERVEANGULAR NG TEMPLATE angular-fullpage. The official Angular component for fullPage.js. An easy to use wrapper for your Angular application. HOW TO USE FULLPAGE.JS IN WEBFLOW TO CREATE A FULL-SCREENSEE MORE ON

ALVAROTRIGO.COM

FULLPAGE.JS

fullPage plugin por Alvaro Trigo. Crea páginas web con desplazamiento a pantalla completa por secciones. Librería jQuery Javascript. MULTISCROLL.JS: JQUERY PLUGIN TO CREATE MULTI-SCROLLING Although there are many jQuery plugins out there, there’s space for more yet! This time I found a couple of sites using this new kind of multi-directional scroll and as didn’t find any script to do it, I decided to make it by my own. DRAG AND MOVE EXTENSION Drag And Move. Use `dragAndMove: true` or the options `fingersonly`, `mouseonly`, `horizontal`, `vertical

FULLPAGE.JS

Alvaro的插件。 快速、简单地创建全屏页面。 单页滚动部分。 鼠标捕捉。

ALVARO TRIGO

Alvaro Trigo porfolio. Here you can take a look at some of my works on web programming, design and marketing.

FULLPAGE.JS

fullPage plugin by Alvaro Trigo. Create fullscreen pages fast and simple. One page scroll sections jquery plugin. Mouse snap.

REACT-FULLPAGE.JS

react-fullpage.js. Official React.js component for fullPage.js. An easy to use wrapper for your react application. PAGEPILING.JS PLUGIN pagePiling.js plugin by Alvaro Trigo. Create a stack of scrolling

pages.

OFFICIAL ANGULAR COMPONENT FOR FULLPAGE.JSANGULAR NG NEWANGULAR NG OPTIONSANGULAR NG REPEATANGULAR NG SERVEANGULAR NG TEMPLATE angular-fullpage. The official Angular component for fullPage.js. An easy to use wrapper for your Angular application. HOW TO USE FULLPAGE.JS IN WEBFLOW TO CREATE A FULL-SCREENSEE MORE ON

ALVAROTRIGO.COM

FULLPAGE.JS

fullPage plugin por Alvaro Trigo. Crea páginas web con desplazamiento a pantalla completa por secciones. Librería jQuery Javascript. MULTISCROLL.JS: JQUERY PLUGIN TO CREATE MULTI-SCROLLING Although there are many jQuery plugins out there, there’s space for more yet! This time I found a couple of sites using this new kind of multi-directional scroll and as didn’t find any script to do it, I decided to make it by my own. DRAG AND MOVE EXTENSION Drag And Move. Use `dragAndMove: true` or the options `fingersonly`, `mouseonly`, `horizontal`, `vertical

FULLPAGE.JS

Alvaro的插件。 快速、简单地创建全屏页面。 单页滚动部分。 鼠标捕捉。 OFFICIAL ANGULAR COMPONENT FOR FULLPAGE.JS angular-fullpage. The official Angular component for fullPage.js. An easy to use wrapper for your Angular application.

VUE-FULLPAGE.JS

Vue-fullpage.js. Official Vue.js component for fullPage.js. An easy to use wrapper for your vue application. FULLPAGE COMMERCIAL LICENSE fullpage.js Commercial License. Definitions “Application” means any software, application, or elements that Your Licensed Developers develop using the Software or Modifications in accordance with this Agreement. “End User” means an end user of Your Application who acquires a license to such solely for their own use and not for distribution, resale, user interface design, or software CREATING A HTML GAME WITH CSS TRANSITIONS AND JAVASCRIPT I’ve coded a basic interactive game using HTML, CSS transitions and JavaScript and I chose not to use the canvas element for it. I was curious to see how far I could get using basic web technologies. I knew performance would very probably be the critical part, but that made it even more challenging! During this journey I’ve learned a few interesting things on the way that I would like to INSTALLING LARAVEL 4 IN WINDOWS 7 WITH IIS7 There are always some boring steps until we can actually start using a framework. Moreover working with Windows and IIS makes things more difficult/tedious yet. I always find myself having to google these kind of things and this time I decided to keep a record of the steps I followed. This way I won’t have to face the same problems in future installations in other machines. HOW TO FIX 'UNLICENSED EXTENSION' RED ERROR MESSAGE When you purchased the extension you received a file named "How to use it.html".You will find a detailed step-by-step guide on how to use and activate your extension.

FULLPAGE.JS

Cards 3d scrolling effect for fullPage.js library. Turn it off whenever you need. Make use of fullPage.js responsive options. FULLSCREEN BACKGROUNDS A powerful plugin fullPage.js callbacks allow you to create amazing dynamic sites with a bit of imagination. This example tries to reproduce the Apple iPhone-5c website animations as an example of what fullPage.js is capable of.

FIXED BACKGROUNDS

fullPage fixed header and footer. How to use it. You will need to place your header and footer outside the plugin's wrapper. FIRING RESIZE EVENT ONLY WHEN RESIZING IS FINISHED jQuery resize event (or Javascript one) is fired when the size of the browser’s window (viewport) changes as pointed out in jQuery

documentation.

ÁLVARO TRIGO_

* Projects

* About

* Blog

* Photos

* Contact

*

HELLO THERE! I'M ÁLVARO TRIGO CURRENTLY CREATING BEAUTIFUL STUFF IN CAMBRIDGE, UK.

28,106__ at Github

2nd

of

Cambridge, 5th

of UK, 86th

worldwide in Javascript

*

i

FULLPAGE.JS

Create full screen pages fast and simple

*

i

PAGEPILING.JS

Create a scrolling pile of sections

*

i

MULTISCROLL.JS

Create two scrolling sections per page

*

i

FUNNYTEXT.JS

Create funny moving texts

*

i

VALIPIC.JS

Front-end image validator

*

i

WWW

Websites I've done or worked in

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 31 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 a 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 today.

PHOTOS_

I also like photography! Check out my pics on flickr

.

CONTACT_

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

Name

Email

Topic

Select your topic Wordpress fullpage.js fullPage.js pagePiling.js multiScroll.js Other Are you human? What is 5 + 3?

Message

Is it about fullpage? Please read fullPage.js FAQs or the extensions FAQs

first.

Reporting non extensions' issues? I want to receive emails about Alvaro Trigo's amazing projects and the latest news regarding them! You can also find me at +44 07884 341 059 or at alvaro@alvarotrigo.com

Send email

*

*

*

FULLPAGE.JS

27,850 __ 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. 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 100 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 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 easy to find fullpage.js integrated in other plataforms. From Wordpress themes

to Ruby gems

.

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.

< Go back

159 __ at Github

FUNNYTEXT.JS

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

I worked in .

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

< Go back

28 __ 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.

< Go back

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 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.

BOXRELOAD

www.boxreload.com

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

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.

TUENTITIS

www.tuentitis.es (inactive domain) 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

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

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

JRTRIGO

www.jrtrigo.es

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 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.

< Go back

1,371 __ 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. 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 .

< Go back

3,643 __ 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.

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.

< Go back

A project by Alvaro Trigo