About
I'm Sebastian Laclé, a web designer / front end developer from Aruba currently spending some time in
Medellín, Colombia.
I focus on HTML, CSS, and WordPress theme customization and development, although my skills are very broad.
I have been coding HTML and CSS since 2005 when I was doing my Bachelor degree in Digital Media at
University of Central Florida. And I have been making websites with WordPress since 2009 when I was working
at CaribMedia. Now I’m looking to work more with JavaScript as well.
You may contact me and find me at:
Latest Work
Product Registration Form
- Fictional form with specific validation requirements.
- Custom vanilla JS validation.
- Constraint Validation API with native HTML5 validation fallback .
Funstacle Masters
- I turned the design from our designer into a working website.
- I made a custom WordPress theme. That included writing PHP.
- The WP admin was customized with Advanced Custom Fields Pro.
- I used Bootstrap 4 and modified it with my own SCSS files.
Win Moms Heart
- I converted the design from the client into HTML and CSS.
- Responsive with Flexbox.
- Form validation styling was done.
Form
- This was a test project for a job application.
- I was given a PSD and I had to turn it into code.
- I used css transitions/animations and jQuery.
Questions
- This was a test project for a job application.
- The link above is to a CSS only version, but you can see the source of the Vue.js version at its repository.
- The CSS version contains 3 views: index, single,
and profile.
- I was given a series of jpeg images for how the app needed to look on different screen sizes, and I had
to turn it into code.
- I was given some tasks to complete, but in general I was free to use any technology I wanted. I chose
to use Vue.js. And there was no description as to what the app itself was supposed to do.
- I completed the required tasks, but there is obviously a lot more that could have been done if I
wanted, but I didn't have more time.
- Some of the working functionality in the Vue.js version include:
- 3 different views. All questions, single question (page for each question), and profile view
(page for each user).
- Searching works.
- The radio inputs change the questions to a single one from one user that I picked when on "My
shelf".
- The voting of the question itself allows to vote once up and once down.
- The questions and comments, the users, and some (not all) of the data are loaded dynamically
from a JSON file that I created myself.
Product Listing Page
- This was a test project for a job application.
- The link above is to a static build hosted on GitHub, but you can see the source and instructions for
the test by clicking here to
download the zip file from my Google Drive.
- In the zip file you will find the readme file which describes what I had to do. In short, the src
folder had some things to start with and I had to build on it. Basically the folder structure is what
was there and some minimum HTML to get started. I had to do the rest of the HTML using Handlebars.js
and all the CSS using Less. The build folder is the compiled output to be used for production.
Tabs to Accordion
- This was a test project for a job application.
- The link above is to a static version, but you can see a dynamic version by clicking
here to download the zip file from my Google Drive.
- I had to do a tabs component that turns into accordion on smaller screens.
- The dynamic version uses AJAX to load the content on click, so it needs to run on a server environment
to work.
- I had to not use absolute positioning for the content, no JS for the tabs/accordion functionality, and
it had to support IE9.
- I purposely kept it as simple and with as little markup as possible.
Dashboard based on Inspinia theme
- I was given PSD files of a design and I had to write CSS to recreate the design.
- Inspinia theme was used as a
starting template.
- I had to use modern techniques such as Responsive Web Design and required a lot of attention to detail
to complete the tasks.
- Here's an empty page to use as a template to create the rest of the
pages.
WordPress website for Academic Researcher
- My client, a researcher at Harvard Business School wanted a personal profesional website which he could
update by himself easily.
- I used WordPress to create a modern, yet profesional looking website that is responsive and optimized
for speed and SEO.
Work Experience
Freelance
Worldwide
Web Design / Front End Development
May 2010 - Present
I have worked on different kinds of projects doing mostly Design, HTML, CSS, and WordPress.
CR38TE
Oranjestad, Aruba
Front End Developer
Jan 2018 - May 2018
I coded the HMTL/CSS and created custom WordPress themes for several websites.
Party with a Local
Amsterdam, Netherlands
Front End Developer
Jul 2015 - Aug 2015
I worked on a project based on WordPress.
MySala coworking
Granada, Spain
Freelance Web Designer/Developer
May 2011 - Jul 2013
I worked on the design and coding of several projects together with other people.
CaribMedia
Oranjestad, Aruba
Freelance Web Designer/Developer (remotely)
May 2010 - Mar 2012
Full time Web Designer/Developer (in office)
Nov 2008 - Apr 2010
I designed, coded, tested, and maintained many new and existing websites as part of a team.
Education
University of Central Florida
Orlando, FL
Bachelor of Arts in Digital Media
Aug 2007
GPA 3.55
Valencia Community College
Orlando, FL
Associate in Applied Science in
Electronics Engineering Technology
May 2005
GPA 3.56
Associate in Arts in General Studies
May 2004
GPA 3.5
Skills
Technical Skills
- HTML, CSS, JavaScript
- Responsive Web Design
- WordPress set up, customization, and development
- Experience with Sass, Bootstrap, jQuery
- Learning React
- Exposure to PHP and MySQL
- Familiar with Git
- UX principles and general practices
- Designing, editing, and optimizing graphics for web (Adobe Photoshop)
- Knowledge of SEO techniques and best practices
Soft Skills
- Very organized.
- Very detail oriented.
- Especially those two above, and also any other normal human ability expected of a working professional.