Jian Huar Lock (Richard)
Verified Expert in Engineering
Web Accessibility Developer
Richard is a web developer who loves front-end development and has years of experience writing excellent front-end code. He has experience in both agency and in-house settings which allows him to be exposed to efficient industry best practices and tooling and also web accessibility practices and standards. Richard takes pride in his understanding of front-end fundamentals and his eye for design allows him to advise clients on UX/UI improvements.
Portfolio
Experience
Availability
Preferred Environment
Webpack, Grunt, Gulp, WordPress, Drupal, React
The most amazing...
...achievement is winning 1st place in the Open-AIR international web accessibility competition with a record-breaking high score in 20 years of its existence.
Work Experience
Full-stack Developer
9thCO Inc.
- Developed new client websites using WordPress and Jigsaw based on mockups including setting up the tooling for code compilation as well as CMS functionalities and templating.
- Tracked and resolved client website issues via Mavenlink and code versioning via Bitbucket. Created documentation in Confluence.
- Performed back-end and front-end maintenance tasks including database and server file backups, WordPress and Drupal 8 updates to ensure client website uptime.
- Created a custom Drupal 8 theme for the agency's website within a tight timeframe of two weeks, including setting up development environments, QA testing, and server deployment.
Front-end Developer/Designer
University of Nebraska–Lincoln
- Oversaw 34 internal and external facing institutional websites, including liaising with departmental clients from various professional backgrounds.
- Redesigned half of these sites over a time span of 2.5 years from meeting with clients to gather requirements, creating low-fi and high-fi mockups, sourcing and editing media assets, and coding the website to completion.
- Ensured sites were cross-browser functional and met brand, code quality, and web accessibility (WCAG AA) standards by using testing tools such as HTML validator, Browserstack, and AXE accessibility and implementing fixes.
- Optimized website performance for faster load times and smoother browsing experience using techniques such as lazy loading responsive images and understanding of browser critical rendering path and caching.
- Created a highly dynamic and performant website features using vanilla JavaScript (ES6) to manipulate DOM and consume REST APIs.
- Collaborated on an enterprise-level CSS and JavaScript web framework for the institution system including creating a robust and dynamic tooling system for compiling and distributing the framework’s codebase.
- Overhauled theme and page layouts of two vendor products resulted in greatly improved UX and reduced support calls by 60%.
Experience
Increasing the Effectiveness and Branding of The Employment Portal
https://employment.unl.edu/I was tasked to come up with a solution to address the above. In working with the vendor, I was able to work within the CMS limitations and use CSS and JavaScript to manipulate the DOM to restructure the layout and highlight the features that we want. In addition, I utilized UX principles to improve the interface’s intuitiveness such as using spacing and colors to highlight important features. After the new employment portal was launched we received many praises including from the vendor about the design and the effectiveness of the end product. The HR department also reported a drop in calls related to assistance navigating the employment portal.
Skills
Languages
HTML, CSS, JavaScript, SCSS, ECMAScript (ES6), Less, GraphQL, PHP
Tools
Gulp, Grunt, Git, Google Optimize, Confluence, Bitbucket, Prisma, React Apollo, Webpack
Other
Cross-browser Testing, Cross-browser Compatibility, Web Accessibility, Web UX, WCAG 2, Gatsby
Platforms
Drupal 7, Drupal 8, Drupal, WordPress, Docker, Netlify
Frameworks
Twig, Yoga, Express.js, Redux
Libraries/APIs
React
Education
Master's Degree in Management Information Systems
University of Nebraska–Lincoln - Lincoln, NE
Bachelor of Science Degree in Actuarial Science
University of Nebraska–Lincoln - Lincoln, NE
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
Share your needs
Choose your talent
Start your risk-free talent trial
Top talent is in high demand.
Start hiring