Frontend Dogma

“techniques” Archive

(Need an explanation? Look for “techniques” at WebGlossary.info.)

  1. How to Optimize React Performance: Best Practices and Techniques (via) · · , , , ,
  2. Solved by CSS Scroll-Driven Animations: Hide a Header When Scrolling Down, Show It Again When Scrolling Up (by/via) · · , ,
  3. Building the Perfect Logo Strip (by/via) · · , ,
  4. 6 Techniques I Use to Create a Great User Experience for Shell Scripts (by) · · ,
  5. Sticky Headers and Full-Height Elements: A Tricky Combination (via) · ·
  6. Get Window Size in Pure CSS (via) · ·
  7. Advanced Playwright Techniques for Flawless Testing (by/via) · · , ,
  8. 10 Python Programming Optimisation Techniques (by) · · ,
  9. Context Is King: Long Live the King! (by/via) · · , ,
  10. HTML and CSS Techniques for Inverting Colors (via) · · , , ,
  11. Advanced JavaScript Performance Optimization: Techniques and Patterns (by) · · , , ,
  12. Mina Tamang on SEO Techniques That Prioritise the User Experience (by/via) · · , , ,
  13. Beyond CSS Media Queries (by/via) · · , , ,
  14. The Modern Guide for Making CSS Shapes (by/via) · · , , ,
  15. Quick-and-Dirty Accessibility (via) · ·
  16. Combining CSS “:has()” and HTML “<select>” for Greater Conditional Styling (by/via) · · , ,
  17. Alternating Style Queries (by) · · ,
  18. Sliding 3D Image Frames in CSS (by/via) · · ,
  19. Layered Toggles: Optional CSS Mixins (by) · · ,
  20. Infinite-Scrolling Logos in Flat HTML and Pure CSS (by/via) · · , , ,
  21. Modern CSS Tooltips and Speech Bubbles II (by/via) · ·
  22. Modern CSS Tooltips and Speech Bubbles (by/via) · ·
  23. Techniques to Break Words (by) · · , ,
  24. The Complex but Awesome CSS “border-image” Property (by/via) · · ,
  25. How to Center an Element in CSS Without Adding a Wrapper in HTML (by/via) · · , ,
  26. 6 Techniques for Conditional Rendering in React, With Examples (via) · ·
  27. Weird HTML Hacks (by) · · , , ,
  28. A Few Ways CSS Is Easier to Write in 2023 (by/via) · · ,
  29. 5 Formatting Techniques for Long-Form Content (via) · · , , ,
  30. Revealing Images With CSS Mask Animations (by/via) · · ,
  31. Why Are We Not Still Using Tables-for-Layout? (by) · · ,
  32. Designing Accessible Text Over Images: Best Practices, Techniques, and Resources II (by/via) · · , , ,
  33. Designing Accessible Text Over Images: Best Practices, Techniques, and Resources (by/via) · · , , ,
  34. The Yellow Fade Technique With Modern CSS Using “@ starting-style” (by/via) · · ,
  35. 5 Code Refactoring Techniques to Improve Your Code (by/via) · · ,
  36. Debugging JavaScript Like a Pro: Tools and Techniques for Finding and Fixing Bugs (by) · · , ,
  37. JavaScript Obfuscation Techniques by Example · · , ,
  38. Magical SVG Techniques (via) · · ,
  39. 12 Modern CSS Techniques for Older CSS Problems (by/via) · · ,
  40. How to Write Good Code: 10 Beginner-Friendly Techniques for Instant Results (by/via) · · ,
  41. Drastically Improve Your UI Designs With This Technique (via) · · ,
  42. 13 Tools and Techniques to Accelerate Frontend Development (by/via) · · , , , , , , , ,
  43. Thinking About the Cut-Out Effect: CSS or SVG? (by) · · , , ,
  44. 6 Useful Frontend Techniques That You May Not Know About (by) · · , ,
  45. The Raven Technique: One Step Closer to Container Queries (by/via) · · ,
  46. 30 Seconds of Code (via) · · , ,
  47. 10 Git Techniques You Need to Know Before You Join a Team (by/via) · · ,
  48. CSS Circles (by/via) · ·
  49. Breaking to a New Row With Flexbox (by) · · , ,
  50. Silverlight Techniques for WCAG 2.0 (by+/via) · · , ,
  51. A History of CSS Image Replacement (via) · · , , ,
  52. 99 Powerful New CSS and JavaScript Techniques (by/via) · · , ,
  53. CSS Sprites Revisited (by/via) · · , ,
  54. Introduction to URL Rewriting (via) · · , , , ,
  55. A Brief Introduction to Text Replacement With sIFR (by/via) · · , ,
  56. 10 Fantastic jQuery Techniques and Effects (by/via) · · ,
  57. Responsive Web Design Techniques, Tools, and Design Strategies (by/via) · · , , , ,
  58. Powerful New CSS Techniques and Tools (by/via) · · , ,
  59. Technical Web Typography: Guidelines and Techniques (by/via) · · , ,
  60. Developing Sites With AJAX: Design Challenges and Common Issues (by/via) · · ,
  61. Are You Loosing Traffic by Poor Website Performance? (by/via) · · , , ,
  62. Styling HTML Lists With CSS: Techniques and Resources (by/via) · · , ,
  63. Clever JPG Optimization Techniques (by/via) · · , ,
  64. The Mystery of CSS Sprites: Techniques, Tools, and Tutorials (by/via) · · , , ,
  65. A New Image Replacement Technique: The State Scope Method (via) · · , ,
  66. Image Replacement + Google (by) · · , ,
  67. Tomorrow’s CSS Today: 8 Techniques They Don’t Want You to Know (via) · · , , ,
  68. Great CSS Techniques and the Simple Truth Behind Them (by) · · ,
  69. Powerful CSS Techniques for Effective Coding (via) · · ,
  70. Yet Another Image Replacement Method · ·
  71. sIFR 2007: The Roundup (by/via) · · ,
  72. My PNG Image Replacement Method (by) · · , ,
  73. Rip It Up: Worn Type Using CSS (by/via) · · , ,
  74. STR: SwishMAX Text Replacement · · , ,
  75. Definitive Solution to Image Replacement · ·
  76. MIR: Malarkey Image Replacement (by) · · ,
  77. The Most Hated Advertising Techniques · · ,
  78. sJIR: scalable Jens Image Replacement · · , ,
  79. HTML Overlays (by) · · , ,
  80. Introducing sIFR: The Healthy Alternative to Browser Text (by) · · , ,
  81. Dynamic Text Replacement (via) · · , ,
  82. IE vs. Image Replacement (by) · · , , ,
  83. Night of the Image Map (via) · · ,
  84. JavaScript Image Replacement (by/via) · · ,
  85. Sliding Doors of CSS II (by/via) · · ,
  86. Sliding Doors of CSS (by/via) · · ,
  87. Image Replacement—With “<span>” · ·
  88. Accessible Image Replacement (by) · · ,
  89. The GIR Image Replacement Technique (GIR) · ·
  90. The Single Pixel GIF · · , ,