Get Some Sass Into Your Blazor App
A guide on integrating Sass (Syntactically Awesome Style Sheets) into a Blazor application to improve CSS management with variables and mixins.
A guide on integrating Sass (Syntactically Awesome Style Sheets) into a Blazor application to improve CSS management with variables and mixins.
A tutorial on how to force line breaks and control row wrapping in CSS Flexbox layouts using a specific collapsed element technique.
Explores a new CSS method using opacity and pointer-events to hide content visually while keeping it accessible to screen readers and keyboard users.
An overview of dev.to's frontend architecture, covering its vanilla JS codebase and modern Preact components managed with webpacker.
A tutorial showcasing 10 practical CSS Flexbox layout patterns with ready-to-use example code for common web design scenarios.
A CSS Grid tutorial on using pseudo-selectors to control the layout of leftover items (widows) in a grid, comparing it to flexbox solutions.
A hands-on tutorial teaching the Web Storage API by building a simple, autosaving note-taking app with HTML, CSS, and JavaScript.
Discusses whether the dev.to frontend codebase should adopt TypeScript or Flow for static typing, exploring community interest and options.
A tutorial on using the DEV.to API with client-side JavaScript to fetch, sort, and embed a user's recent blog posts by positive reactions.
A tutorial on building a dynamic input group UI component using Livewire, focusing on adding multiple email invites.
A tutorial on using Styled Components, a CSS-in-JS library for React, covering its benefits and how to get started.
Explores advanced and non-obvious use cases for the CSS text-align property in web design and layout.
A tutorial on building a conversational chatbot from scratch using Google's Dialogflow and React Native for a cross-platform mobile app.
A developer shares their experience rebuilding a personal website in 2019 using only HTML and CSS, avoiding complex build tools and dependencies.
A guide to enabling and styling full-width and wide-width image support for the Gutenberg editor in WordPress themes using PHP and CSS.
Ink is a React renderer for building command-line interfaces (CLIs), bringing React components and hooks to terminal applications.
A guide to overcoming common objections and convincing a web development team to adopt CSS Grid Layout, focusing on browser support and workflow.
A frontend developer shares their personal CSS reset preferences, detailing eight categories of custom styles used alongside Normalize.css.
A practical guide demonstrating five real-world layout problems solved using CSS Flexbox, including headers, sidebars, and grids.
A guide to creating reusable UI components in iOS using custom view subclasses in Swift, covering design principles and implementation.