Astra North Infoteck Inc. - Senior Developer - HTML 5.2 CSS3 React.JS

Developer is needed in Toronto, Canada.

Client: Astra North Infoteck Inc.

Location: Toronto, ON, ca

Contract: Full-time

Job Description

The role requires a strong proficiency in CSS, SCSS/SASS, and HTML, along with experience in ReactJS programming. The candidate should have expertise in CSS Grid and Flexbox, as well as knowledge of responsive design techniques and CSS animations. Responsibilities include developing and maintaining responsive stylesheets, implementing SVG graphics and animations, and collaborating with design and development teams to create aesthetically pleasing and accessible web applications.

Requirements

Must Have:

• Strong proficiency in CSS3, SCSS/SASS, and HTML5.
• ReactJS programming experience.
• Expertise in CSS Grid, Flexbox, and responsive design techniques.
• Deep knowledge of CSS animations, keyframes, and transitions.
• Experience with SVG manipulation and animation using CSS and JavaScript (GSAP is a plus).
• Familiarity with CSS methodologies like BEM, OOCSS, or SMACSS.
• Understanding of performance optimization techniques in CSS.
• Experience with cross-browser testing and debugging.
• Basic understanding of JavaScript for styling interactions (e.g., event listeners, class toggling).
• Knowledge of front-end build tools (e.g., Webpack, Gulp) is a plus.
• Familiarity with design tools like Figma, Adobe XD, or Sketch for translating UI designs.

Nice to Have:

• Develop, optimize, and maintain responsive and cross-browser-compatible CSS stylesheets.
• Utilize SASS/SCSS to streamline and organize CSS code efficiently.
• Implement SVG graphics and animations to enhance web visuals.
• Create smooth, high-performance CSS animations and transitions to improve user engagement.
• Collaborate with designers, developers, and UX/UI teams to translate wireframes and mockups into pixel-perfect front-end designs.
• Ensure accessibility (WCAG) and performance optimization in styles and animations.
• Debug and troubleshoot layout and styling issues across different browsers and devices.
• Maintain clean, modular, and well-documented CSS code.
• Stay up-to-date with the latest CSS frameworks, methodologies (BEM, OOCSS), and best practices.

Competencies

HTML5-CSS3, ReactJS

Experience

8-10 years

Essential Skills

• Strong proficiency in CSS3, SCSS/SASS, and HTML5.
• Expertise in CSS Grid, Flexbox, and responsive design techniques.
• Deep knowledge of CSS animations, keyframes, and transitions.
• Experience with SVG manipulation and animation using CSS and JavaScript (GSAP is a plus).
• Familiarity with CSS methodologies like BEM, OOCSS, or SMACSS.
• Understanding of performance optimization techniques in CSS.
• Experience with cross-browser testing and debugging.
• Basic understanding of JavaScript for styling interactions (e.g., event listeners, class toggling).
• Knowledge of front-end build tools (e.g., Webpack, Gulp) is a plus.
• Familiarity with design tools like Figma, Adobe XD, or Sketch for translating UI designs.

Desirable Skills

• React JS
• Experience working with CSS frameworks like Tailwind, Bootstrap, or Foundation.
• Understanding of web accessibility (ARIA roles, WCAG compliance).
• Knowledge of CSS-in-JS solutions (Styled Components, Emotion) is a plus.
• Experience integrating styles in JavaScript frameworks like React, Vue, or Angular is a plus.
• Strong attention to detail and design aesthetics.
• Excellent problem-solving and debugging skills.
• Ability to work independently and collaborate within a team.
• Strong communication skills and the ability to explain CSS solutions to non-technical team members.