Frontend Development

Senior Experience. Delivering adaptive, fast and scalable interfaces

Core Expertise

  • Rendering, Web Performance, and Build optimization
  • Scalable systems, Technical SEO, and Accessibility (A11y)
  • GILT: Globalization, Internationalization, Localization, and Translation
  • Developer Experience (DX), Refactoring, and Migration
  • Multi-brands & Marketing Technology Integrations
·~•◁[≈&&≈]▷•~·

Agnostic in JS Frameworks

  •  
  • NuxtJS
  • VueJS
  • Astro
  • Remix
  • React
  • MDX
  • Shadcn/ui
  • Flowbite
  • Preline
  • DaisyUI
  • SolidJS
  • SvelteKit

This site is made in Astro, with custom AI Chat Interface in React.

CSS Styling

Experience the Design System by changing the color theme, color mode, and font preferences. The design system is active throughout the whole site, including the React AI Chat messages.

Text Smoothing
Corner Smoothing
styling.css
@layer architecture {
/* BEM & ITCSS */
/* SCSS, Styled Components, TailwindCSS & PostCSS */
/* Bootstrap & MaterialDesign CSS */
}

Compatibility

  • PWA / Service Worker / Workbox
  • Content Security Policy & CORS
  • Electron + Capacitor (Ionic)
  • Modernizr & Browser APIs

Multimedia

  • Font, Image & Icon optimization
  • SVG & Lottie Animations
  • Motion & GSAP

Architecture

  • Design Systems with atoms, tokens, components catalogues & templates.
  • UI Design Patterns for dynamic and adaptive styling and versatile applications.
  • Incremental refactoring of codebases.
·•*(&&)*•·

Developer Experience (DX)

  • NPM
  • Gulp
  • Babel
  • WebPack
  • Vite
  • VsCode
  • CoPilot
  • EsLint
  • Prettier
  • StyleLint
  • Browserslist
  • Editorconfig

Quality Assurance

Quality assurance
Sentry && TrackJS
BDD/TDD --Jest --Jasmine
Integration && Unit testing
·¤·∞•«⟨≡&&≡⟩»•∞·¤·
 
Profile Picture of Robert Jansen
Contact
Profile Picture of Robert Jansen