Taveners
WordPressThis was built using designs created in Illustrator, and involved a bit of SVG creation and manipulation.
Custom Post Types were used to create the products section.
Code available upon request.
Links: Website Screenshot Luke Fryer
Front End Developer
Front End Developer
A meticulous web developer from Leeds with a passion for
Automation
- HTML5
- CSS3
- JavaScript
- Responsive Web Design
- Web Standards
- Automation
About
Passionate about Front End Web Development, with 7 years of industry experience. Always on top of the latest front end technologies, whilst applying them to my work to produce high performing, visually pleasing websites. Have produced work
for many high profile clients such as - Walmart
You can get in touch with me through my LinkedIn profile.
Skills
Below is a brief overview of my skillset. I have a very good understanding of the fundamentals i.e. HTML, CSS, and JavaScript. The majority of my Javascript skills are in the form of client side scripting (vanilla and jQuery), but I do have some OOP/Functional programming experience, which I am very keen to develop.
Web Development
- Responsive Web Development
- Workflow automation
- Cross-browser Compatibility
- SEO and Semantic code
- Mobile first
- Standards Compliance
- HTML5 Canvas
- Site optimisation
- HTML Emails
- IE7+ Compatibility
CMS/CRM
- Wordpress
- Ektron (Certified Administrator)
- Oracle Responsys
- Dotmailer
- Mailchimp
- Salesforce
Web Stack
- HTML5
- CSS3
- jQuery
- SASS
- JavaScript
- Gulp
- Vue.js (learning)
- GSAP
Work
Here is some of my recent work, which I feel best highlights my abilities across a range of areas. The majority of my workload consists of WordPress builds, which are heavily optimised, and custom built using ACF.
I have a good understanding of the programmatical side of WordPress, and my builds often include custom functionality.
Where any work/code detailed below isn't available to view publicly, the majority of it is upon request.
You can view the source code for this portfolio on my Github.
Zephyr Home Loans
WordpressEntire build based off of one Home Page desktop design. Includes a little sprinkle of CSS grid (with a Flexbox fallback).
The site has 2 sections, which required the use of Session storage to correctly set styles.
Code and URL available upon request.
Links: Screenshot
Data4NHS
WordPressDesign done in browser, using a style guide as reference.
Includes lots of custom functionality, which alters the user experience depending on user status.
Integrated with an external database of medical professionals, that can be filtered and searched through.
Link: Website Screenshot
Medical Protection Society
GSAP / HTMLA fully responsive, IE8 compatible website. Uses hardware accelerated transitions (CSS3 and GSAP).
Graceful fallbacks implemented for older browsers, and was built to function consistently across all browsers.
Code and URL available upon request.
Links: Screenshot
M88
GSAP / HTMLFully responsive, multilingual landing pages that I was able to get creative with by utilising GSAP.
3 templates were created for each language variant, each with their own unique set of animations
Code and web pages are available upon request.
Links: Screenshot
Barebones Boilerplate
Gulp / JavaScriptIncludes live HTML/CSS injection with Browser Sync, image compression, minification, and lots more. It's fully documented, and maintained on a regular basis.
Used for this portfolio.
Links: Code Screenshot
Email Boilerplate
Gulp / JavascriptCreated to help make email builds scalable, and also reduce the amount of technical debt.
SASS is used for styling, and templates are built modularly. A separate task is run to create a production ready template(s).
Link: Code ScreenshotMore
Time Management
For some large projects, I like to manage my time through Google Sheets. These are created whilst I'm providing time estimates (n.B. This is after the initial ball park estimate). This process is beneficial for myself, but also the PM team - as it helps me accurately report back updates on my progress.
here are some recent examples of projects I've provided estimates for:
Research
Here's what I've been up to recently:
- Following the Net Ninja Tutorials so that I can better understand how to use version 2 of VueJS.
- Using Vue.js in conjunction with the Wordpress Rest-Api to create this experimental website.
- Functional programming with ES6
- Experimenting with CSS, and the GSAP library on Codepen.
- Research and development in to parallax design. Offering various approaches that can be taken towards completion, and time estimates for each.
- Learning about a more in depth approach to modular design/development, this time in the form of Atomic design. The idea for this was came about from a need of mproving brand consistency accross various 3rd party partner sites. The solution I came up with was to follow Atomic design principles in conjunction with the Airbnb styleguide.