David Cellini

Web Developer

Washington, Tyne and Wear

About Me

My name is David Cellini and I am a Front End Web Developer based in Washington, Tyne and Wear.

I have two years experience as a Web Developer with Leighton. I've spent that time working with big named clients including Home Group, ATG tickets, BA and Iberia.

I have been working in Digital for some time now, with 6 years experience as a Digital Content Editor for 7 radio stations at Real and Smooth Radio.

I've always enjoyed the more technical side of the Web and love learning new languages and skills that make me a better developer.

My Skills

HTML5 / CSS / Javascript / Jquery / PHP / MYSQL / XML / XSLT / AGILE / SASS / Premiere / Audition / Photoshop / SEO / Google Analytics / Digital Content / Foundation / Git / Accessibility

Portfolio

Use the arrows to view my full portfolio

It includes work for clients such as ATG Tickets, Home Group, Iberia, BA and Real Radio.

Iberia Styled Form

ATG

Iberia Styled Form

Home Group

Iberia Styled Form

Home Group Intranet

Iberia Styled Form

Date Worked On: December 2015 - April 2016

ATG Tickets

Main Website

I am responsible for the majority of Front End Development on the new ATG tickets website.

On this project, I have led and organised a team of two other developers to create components and templates using HTML, CSS, Javascript and JQuery for our Back End Developers to use.

I have created the more complex pieces of work, took responsibility for delegating the work to the other developers, including mentoring one junior developer, and oversaw the project from a front end perspective, working in an Agile manner.

This project is close to completion and should be going live for ATG in April/May 2016.

Visit the ATG Website
Iberia Styled Form

Date Worked On: August 2014 - December 2015

Home Group

Main Website

Working as part of a team of two initially, and as the sole front end developer for the second half of the project our task was to create the new Home Group website.

This involved taking photoshop designs and creating workable components and templates using HTML, CSS, Javascript and JQuery for our Back End Developers to use.

The site is comatible with IE8+, it's fully reponsive and meets the AA standard for accessibilty.

Visit the Home Group Website

Iberia Styled Form

Date Worked On: November 2015 - December 2015

Home Group

80th Birthday microsite

An additional piece of work, in addition to the core microsite. I was tasked with creating a grid like layout that featured testimonials and stories surrounding Home Group's 80th birthday

To create this I used the packery plugin and some CSS animations and worked with the back end team to get it implemented.

Visit the Home Group 80th Birthday Microsite

Iberia Styled Form

Date Worked On: April 2015 - July 2015

Home Group

Intranet

Working as part of a team of two our task was to create the new Home Group Intranet portal.

Home Group's intranet was to use Share Point and run on IE9. We were therefore required to work on HTML components, css and javascript and pass them across to a 3rd party team to implement in Share Point. Towards the end of the project, we worked on site to ensure the code was fully integrated and any bugs were ironed out.

Visit the Home Group Website

Iberia Styled Form

Date Worked On: November 2014 - March 2015

Iberia

Email Templates

I was given the task of working on a project to transform the styling of British Airways popups, vouchers and email templates over to Iberia branding. I was required to change the existing files, so as not to duplicate code, and apply the new styles based on a variable/parameter. The project was based in XML, XSLT and CSS.

I created an Airline Brand parameter in the XML, then created logic to determine the value of the parameter in the XSLT. If the parameter was set to British Airways, nothing would change, but if it was Iberia, it would change the styles to Iberia branding.

I was then required to create the new styles using CSS and then make sure they were applied when the Iberia parameter was specified.

This project is now live

Visit the Iberia Website
BA Visas and Passport page

Date Worked On: June 2014 - March 2015

British Airways

Component changes

In my role I have worked on two fixes for the BA website. The first piece of work I was given was to ensure the Visa Application component on the site only appeared when the language and country code were set to EN and GB. The involved allowing a XML template to show only when these conditions were met.

The second piece of work was a backend change to the CMS. The Content Editor needed a field that was set as required to be set as optional. I therefore needed to make sure the field was not required and also that if it wasn't specified the field/class wasn't blank in the HTML Code.

Visit the British Airways Website
Real Radio Website

Date Worked On: Feb 2008 - March 2014

Real Radio

Content Editor

I was responsible for content creation and maintaining seven radio station websites across six locations in the UK for the GMG Radio/Real and Smooth Radio Group. For this I was tasked with creating content - podcasts, videos, photo galleries and text based content - that was search friendly and appealing to visitors, maximised unique visitors and page impressions and was shareable socially.

Highlights of my time included working on the online content for Vote Joe, a campaign to back Joe McElderry to win X-Factor. This promotion got the team a Sony Gold Award and got the station coverage on the final of X-Factor. Another favourite piece of work saw me produce image content, for The Real Radio Renegade, a live station promotion with a big cash prize. For the round in question, listeners could only win by seeing the image via our website which changed in sync with our on-air team. This meant I was required to have the content organised and ready to go depnding on what was said on-air.

GMG Radio and the websites no longer exist as they were sold to Global Radio

Visit the Global Radio Website
A spelling game I designed for my daughter

Date Worked On: March 2015

Spelling Game

Javascript/Jquery project

To help my young daughter with spelling and typing, I decided to make a little game she could play on my laptop. It can be controlled entirely using keys.

To give the game a more personal feel, I decided to use photos/names of members of her family. The game has the option to show/hide the words, it displays the pictures in a random order and it also times the user and tells them how quick they answered all the words at the end.

The game is all powered by Jasvcript/JQuery code. I wanted to make the game easily scalable. By adding a image with the persons name to the folder and adding that name to an array, the code will simply add a slide for that person and do the relevant logic. So adding additional people is incredibly simple.

Play The Spelling Game

My animated gallery design

Date Worked On: February 2015

Animated Gallery

Animation/css project

Inspired by a Codrops article which used css keyframes to animate between full screen images. I was keen to see if I could take the basis of the code and modify it with HTML, CSS, JQuery to build a gallery with a fixed nav that could be hidden and animate a layer with information that could be shown/hidden as applicable

I was keen to see if I could get this working on mobiles and tablets too and I also wanted to be able to move between the slides with keys, click or swipe. I therefore used JQuery Mobile for the first time to achieve the swipe effect. I also had the chance to play with the JQuery animate method, something I hadn't really used much in the past. The site uses viewport width and height for the image sizing. iOS doesn't display these correctly so a fixer library was included to fix a layout issue for iOS.

View The Animated Gallery

My contact form I created

Date Worked On: May 2014

Contact Form

PHP/Form/Regex project

All the code for this form is my own code as an example of the my ability to use PHP, Javscript, JQuery, HTML and CSS .The structure and styling uses HTML5 and CSS3, The client-side form validation and textarea charater count uses JQuery and Javascript and the server-side validation and submission message (which displays the details the user entered) are done with PHP.

The name field does not accept numbers or blank values, the email field will only accept valid email addresses (based on a regex pattern) and the message box can not be blank. If this is the case on submit, an error message will be displayed next to the name heading and the border of the input field will change colour. In addition, the message field is limited to 1000 characters and a character count is provided which will update on input (mouse or keys).

If all the fields validate the PHP code will validate the form server-side. If the code doesn't meet the PHP validation an error message will show above the form detailing which fields did not pass the validation - this can be tested by entering "david", "david@david.com" and "david" in the name, email and message field. If the code passes the validation a success message will display above the form and the users input will be displayed.

View The Contact Form
The Shirts 4 Mike website I put together

Date Worked On: December 2014

Shirts 4 Mike

PHP project

This was a project I learnt to code from Treehouse.com. The imagery and HTML/CSS was provided. I was required to improve this site using PHP and also link it up to a database using MYSQL.

Using PHP i was able to include templates. So the footer and header are stored in templates, making the code resuable and smaller in filesize. I was also able to set up a contact form with validation.

Using PHP and MYSQL I was able to add each product, including an image, to a database and display them in various fashions on the site. I was also able to add a search function which allows the user to search for a shirt. I've managed to set up database and transfer it to my domain. The shopping cart part takes the user to a paypal page. This uses dummy data. If I was to properly configure this at paypal.com, this would be a fully working e-commerce site

View The Shirts 4 Mike Website

Contact Me

If there's something you want to know about me or you want to hire me, just get in touch using the form below.