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.
Home Group Intranet
I am responsible for the majority of Front End Development on the new ATG tickets website.
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
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.
The site is comatible with IE8+, it's fully reponsive and meets the AA standard for accessibilty.
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.
Working as part of a team of two our task was to create the new Home Group Intranet portal.
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 liveVisit the Iberia Website
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
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 RadioVisit the Global Radio Website
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.
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.
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", "firstname.lastname@example.org" 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
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 siteView The Shirts 4 Mike Website
If there's something you want to know about me or you want to hire me, just get in touch using the form below.