Sara Soueidan — UI developer

www.sarasoueidan.com ↗

Items: 170

Unread: ...

Feed Items

💌 How to Create Windows-8-like animations with CSS3 and jQuery
published 14 years ago
💌 Lessons from the “Seductive Interaction Design” Book
published 14 years ago
💌 Lessons from the “Seductive Interaction Design” Book
published 14 years ago
💌 Building A Circular Navigation With CSS Transforms
published 14 years ago
💌 Building A Circular Navigation With CSS Transforms
published 14 years ago
💌 Navicon Transformicons: Animated Navigation Icons with CSS Transforms
published 14 years ago
💌 Navicon Transformicons: Animated Navigation Icons with CSS Transforms
published 14 years ago
💌 Creating Non-Rectangular Layouts With CSS Shapes
published 14 years ago
💌 Creating Non-Rectangular Layouts With CSS Shapes
published 14 years ago
💌 CSS Overlay Techniques
published 14 years ago
💌 CSS Overlay Techniques
published 14 years ago
💌 Techniques For Responsive Typography
published 14 years ago
💌 Techniques For Responsive Typography
published 14 years ago
💌 Techniques For Creating Textured Text
published 13 years ago
💌 Techniques For Creating Textured Text
published 13 years ago
💌 Using CSS Regions With CSS Shapes For A Better Reading Experience
published 13 years ago
💌 Using CSS Regions With CSS Shapes For A Better Reading Experience
published 13 years ago
💌 Animating CSS Shapes with CSS Animations and Transitions
published 13 years ago
💌 Animating CSS Shapes with CSS Animations and Transitions
published 13 years ago
💌 CSS Regions Matter
published 13 years ago
💌 CSS Regions Matter
published 13 years ago
💌 CSS Shapes 101
published 13 years ago
💌 CSS Shapes 101
published 13 years ago
💌 Moving Forward With CSS Shapes
published 13 years ago
💌 Moving Forward With CSS Shapes
published 13 years ago
💌 Everything You Need To Know About The CSS will-change Property
published 13 years ago
💌 Everything You Need To Know About The CSS will-change Property
published 13 years ago
💌 Structuring, Grouping, and Referencing in SVG — The<g>, <use>, <defs> and <symbol> Elements
published 13 years ago
💌 Structuring, Grouping, and Referencing in SVG — The<g>, <use>, <defs> and <symbol> Elements
published 13 years ago
💌 Clipping in CSS and SVG — The clip-path Property and <clipPath> Element
published 13 years ago
💌 Clipping in CSS and SVG — The clip-path Property and <clipPath> Element
published 13 years ago
💌 Understanding SVG Coordinate Systems and Transformations (Part 1) — The viewport, viewBox, and preserveAspectRatio
published 13 years ago
💌 Understanding SVG Coordinate Systems and Transformations (Part 1) — The viewport, viewBox, and preserveAspectRatio
published 13 years ago
💌 Understanding SVG Coordinate Systems and Transformations (Part 2) — The transform Attribute
published 13 years ago
💌 Understanding SVG Coordinate Systems and Transformations (Part 2) — The transform Attribute
published 13 years ago
💌 Understanding SVG Coordinate Systems and Transformations (Part 3) — Establishing New Viewports
published 13 years ago
💌 Understanding SVG Coordinate Systems and Transformations (Part 3) — Establishing New Viewports
published 13 years ago
💌 Making SVGs Responsive With CSS
published 13 years ago
💌 Making SVGs Responsive With CSS
published 13 years ago
💌 A Guide to SVG Animations (SMIL)
published 13 years ago
💌 A Guide to SVG Animations (SMIL)
published 13 years ago
💌 Styling and Animating SVGs with CSS
published 12 years ago
💌 Styling and Animating SVGs with CSS
published 12 years ago
💌 An Overview Of SVG Sprite Creation Techniques
published 12 years ago
💌 An Overview Of SVG Sprite Creation Techniques
published 12 years ago
💌 Tips For Optimizing SVG Delivery For The Web
published 12 years ago
💌 Tips For Optimizing SVG Delivery For The Web
published 12 years ago
💌 Using The CSS :target Selector To Create JavaScript-less UI Effects
published 12 years ago
💌 Using The CSS :target Selector To Create JavaScript-less UI Effects
published 12 years ago
💌 Useful SVGO[ptimization] Tools
published 12 years ago
💌 Useful SVGO[ptimization] Tools
published 12 years ago
💌 Compositing And Blending In CSS
published 12 years ago
💌 Compositing And Blending In CSS
published 12 years ago
💌 I Wrote A CSS Reference.
published 12 years ago
💌 Better SVG Fallback and Art Direction With The <picture> Element
published 12 years ago
💌 Better SVG Fallback and Art Direction With The <picture> Element
published 12 years ago
💌 Extending the Color Cascade with the CSS currentColor Variable
published 12 years ago
💌 Extending the Color Cascade with the CSS currentColor Variable
published 12 years ago
💌 Building a Circular Navigation with SVG
published 12 years ago
💌 Building a Circular Navigation with SVG
published 12 years ago
💌 A Primer To Background Positioning In CSS
published 12 years ago
💌 A Primer To Background Positioning In CSS
published 12 years ago
💌 I Won A Web Platform Award
published 12 years ago
💌 An Introduction To Graphical Effects in CSS
published 12 years ago
💌 An Introduction To Graphical Effects in CSS
published 12 years ago
💌 Art-Directing SVG Images With The viewBox Attribute: How-To, Notes, Tips and Why We Need A viewBox Property in CSS
published 12 years ago
💌 Art-Directing SVG Images With The viewBox Attribute: How-To, Notes, Tips and Why We Need A viewBox Property in CSS
published 12 years ago
💌 The State of SVG Animation
published 12 years ago
💌 The State of SVG Animation
published 12 years ago
💌 Art-Directing an SVG Embedded Using <object>
published 12 years ago
💌 Art-Directing an SVG Embedded Using <object>
published 12 years ago
💌 Styling the Contents of SVG<use> with CSS
published 12 years ago
💌 Styling the Contents of SVG<use> with CSS
published 12 years ago
💌 Chapter 4, Smashing Book 5
published 12 years ago
💌 CSS vs. SVG: Graphical Text Effects
published 12 years ago
💌 CSS vs. SVG: Graphical Text Effects
published 12 years ago
💌 Building A Circular Navigation with CSS Clip Paths
published 12 years ago
💌 Building A Circular Navigation with CSS Clip Paths
published 12 years ago
💌 CSS vs SVG: Styling Checkboxes and Radio Buttons
published 12 years ago
💌 CSS vs SVG: Styling Checkboxes and Radio Buttons
published 12 years ago
💌 CSS vs. SVG: Shapes and Arbitrarily-Shaped UI Components
published 12 years ago
💌 CSS vs. SVG: Shapes and Arbitrarily-Shaped UI Components
published 12 years ago
💌 CSS vs. SVG: The Final Round(up)
published 12 years ago
💌 CSS vs. SVG: The Final Round(up)
published 12 years ago
💌 Developer of the Year 2015 net Award
published 12 years ago
💌 Tips for Creating and Exporting Better SVGs for the Web
published 11 years ago
💌 Tips for Creating and Exporting Better SVGs for the Web
published 11 years ago
💌 Animated SVG vs GIF [CAGEMATCH]
published 11 years ago
💌 Animated SVG vs GIF [CAGEMATCH]
published 11 years ago
💌 2015 In Review
published 11 years ago
💌 SVG Style Inheritance and the ‘Flash Of Unstyled SVG’
published 11 years ago
💌 SVG Style Inheritance and the ‘Flash Of Unstyled SVG’
published 11 years ago
💌 Making the Switch Away from Icon Fonts to SVG: Converting Font Icons to SVG
published 11 years ago
💌 Making the Switch Away from Icon Fonts to SVG: Converting Font Icons to SVG
published 11 years ago
💌 Mimic Relative Positioning Inside an SVG with Nested SVGs
published 11 years ago
💌 Mimic Relative Positioning Inside an SVG with Nested SVGs
published 11 years ago
💌 Building a fully-accessible help tooltip
published 10 years ago
💌 Building a fully-accessible help tooltip
published 10 years ago
💌 Migrating from Jekyll+Github Pages to Hugo+Netlify
published 10 years ago
💌 Migrating from Jekyll+Github Pages to Hugo+Netlify
published 10 years ago
💌 Auto-Sizing Columns in CSS Grid: auto-fill vs auto-fit
published 9 years ago
💌 Auto-Sizing Columns in CSS Grid: auto-fill vs auto-fit
published 9 years ago
💌 Cropping & Scaling Images Using SVG Documents
published 9 years ago
💌 Cropping & Scaling Images Using SVG Documents
published 9 years ago
💌 Case Study: Optimizing SVG Text & Image Delivery with Inline SVG
published 9 years ago
💌 Case Study: Optimizing SVG Text & Image Delivery with Inline SVG
published 9 years ago
💌 Going Offline
published 9 years ago
💌 Going Offline
published 9 years ago
💌 A new Smashing talk. A smashing new experience.
published 9 years ago
💌 On Designing and Building Toggle Switches
published 8 years ago
💌 On Designing and Building Toggle Switches
published 8 years ago
💌 Interview: net Magazine September 2018 Issue #310
published 8 years ago
💌 SVG Filters: The Crash Course
published 8 years ago
💌 SVG Filters: The Crash Course
published 8 years ago
💌 On Switching from HEX & RGB to HSL
published 8 years ago
💌 On Switching from HEX & RGB to HSL
published 8 years ago
💌 Just write.
published 8 years ago
💌 How do you mark up an accordion?
published 8 years ago
💌 How do you mark up an accordion?
published 8 years ago
💌 Nested Links Without Nesting Links
published 8 years ago
💌 Nested Links Without Nesting Links
published 8 years ago
💌 The Refactoring UI Book
published 8 years ago
💌 The Refactoring UI Book
published 8 years ago
💌 The SVG Filters Series
published 8 years ago
💌 The SVG Filters Series
published 8 years ago
💌 Accessible Icon Buttons
published 8 years ago
💌 Accessible Icon Buttons
published 8 years ago
💌 Case Study: Implementing Accessible Data Charts for the Khan Academy 2018 Annual Report
published 7 years ago
💌 Case Study: Implementing Accessible Data Charts for the Khan Academy 2018 Annual Report
published 7 years ago
💌 What a Year of Learning and Teaching Accessibility Taught Me
published 7 years ago
💌 What a Year of Learning and Teaching Accessibility Taught Me
published 7 years ago
💌 Global and Component Style Settings with CSS Variables
published 6 years ago
💌 Global and Component Style Settings with CSS Variables
published 6 years ago
💌 Optimizing keyboard navigation using tabindex and ARIA
published 6 years ago
💌 Optimizing keyboard navigation using tabindex and ARIA
published 6 years ago
💌 Inclusively Hiding & Styling Checkboxes and Radio Buttons
published 6 years ago
💌 Inclusively Hiding & Styling Checkboxes and Radio Buttons
published 6 years ago
💌 How I set up Glyphhanger on macOS for optimizing and converting font files for the Web
published 6 years ago
💌 How I set up Glyphhanger on macOS for optimizing and converting font files for the Web
published 6 years ago
💌 Accessible Text Labels For All
published 6 years ago
💌 Accessible Text Labels For All
published 6 years ago
💌 Not Your Typical Horizontal Rules
published 6 years ago
💌 Not Your Typical Horizontal Rules
published 6 years ago
💌 Component-level art direction with CSS Container Queries
published 5 years ago
💌 Component-level art direction with CSS Container Queries
published 5 years ago
💌 Design for reading: tips for optimizing content for Reader modes and reading apps
published 5 years ago
💌 Design for reading: tips for optimizing content for Reader modes and reading apps
published 5 years ago
💌 A couple of ways to highlight code syntax in Apple Keynote slides
published 5 years ago
💌 A couple of ways to highlight code syntax in Apple Keynote slides
published 5 years ago
💌 I’m curating the programme for an upcoming accessibility-focussed conference ✨
published 5 years ago
💌 A guide to designing accessible, WCAG-conformant focus indicators
published 5 years ago
💌 A guide to designing accessible, WCAG-conformant focus indicators
published 5 years ago
💌 In Quest of Search
published 5 years ago
💌 In Quest of Search
published 5 years ago
💌 The CSS prefers-color-scheme user query and order of preference
published 5 years ago
💌 The CSS prefers-color-scheme user query and order of preference
published 5 years ago
💌 Setting up a screen reader testing environment on your computer
published 4 years ago
💌 Setting up a screen reader testing environment on your computer
published 4 years ago
💌 Accessible notifications with ARIA Live Regions (Part 2)
published 2 years ago
💌 Accessible notifications with ARIA Live Regions (Part 1)
published 2 years ago
💌 Accessible notifications with ARIA Live Regions (Part 2)
published 2 years ago
💌 Accessible notifications with ARIA Live Regions (Part 1)
published 2 years ago
💌 Tag, You're It
published 18 months ago
💌 Tag, You're It
published 18 months ago
💌 Are 'CSS Carousels' accessible?
published 18 months ago
💌 Are 'CSS Carousels' accessible?
published 18 months ago
💌 CSS-only scrollspy effect using scroll-marker-group and :target-current
published 15 months ago
💌 🎥 New (Video) Podcast: "Navigating the World of Web Accessibility with Sara Soueidan", with Kevin Powell
published 14 months ago
💌 CSS to speech: alternative text for CSS-generated content
published 13 months ago
💌 My top picks for Interop 2027
published 30 hours ago