Consent

This site uses third party services that need your consent.

Skip to content
Steven Roland
  • JavaScript

    JavaScript is a versatile and widely-used programming language primarily employed for web development. It enables interactive and dynamic elements on websites, enhancing user experience by allowing manipulation of web page content, handling events, and creating responsive interfaces.

    Keyboard Shortcuts with Alpine.js

    Use Alpine.js to quickly, and very easily, implement key bindings into your website. I wrote an example to build a simple search component.

    Using CSRF Tokens with AJAX in PHP

    Secure AJAX requests in PHP by implementing CSRF tokens, ensuring each asynchronous submission is authorized and protected against attacks.

    Comparing Alpine.js and HTMX

    Alpine.js and HTMX offer lightweight solutions for web interactivity. Alpine.js focuses on client-side reactivity, while HTMX enhances server-side interactions.

    Building a Dynamic Search Component with Alpine.js

    Learn to create a dynamic search component using Alpine.js. This tutorial covers basic implementation, real-time filtering, debounce functionality, loading states, and keyboard navigation. Build an efficient and user-friendly search interface with minimal JavaScript.

    Building a Smooth Accordion Component with Alpine.js

    Learn to create an interactive and accessible accordion component using Alpine.js. This tutorial covers basic implementation, styling enhancements, smooth transitions, and keyboard navigation. Build a user-friendly accordion interface with minimal JavaScript.

    Building a Dynamic Tabs Component with Alpine.js

    Learn to create an interactive and accessible tabs component using Alpine.js. This tutorial covers basic implementation, styling enhancements, accessibility features, and keyboard navigation. Build a user-friendly tabs interface with minimal JavaScript.