Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand respect and accountability. Hide

Frontend Dogma

“images” News Archive (2)

Entry (Sources) and Additional TopicsDate#
Images Slowing Down Your Site? Try This One Weird Trick! (aer)236
performance, javascript
The Web Designer’s Guide to Image Copyrights235
guides, design, licensing
Simple Responsive Images With CSS Background Images (sma)234
responsive-design, backgrounds, css, html
Why We Need Responsive Images (tka)233
responsive-design, performance, metrics
Replace the Image in an “<img>” With CSS (css)232
css, image-replacement, techniques
How to Create SVG Paths Easily Using the GIMP (zol)231
how-tos, svg
Media Queries Within SVG (tka)230
svg, css, media-queries, support, browsers
Media Queries in SVG Images (gri/clo)229
svg, css, media-queries
Using SVG (chr/css)228
svg, css, support, browsers, examples, data-urls, tooling, link-lists
Favicon: A Changing Role227
html, favicons
Web Technology: 5 Things to Watch in 2013 (sts/cne)226
browsers, standards, performance
CSS Masks—How to Use Masking in CSS Now (sch)225
how-tos, css, masking, svg
Perfecting Your Website’s Favicon224
favicons, optimization
Compressive Images (sco)223
compression, jpeg
Better SVG Sprites With Fragment Identifiers (sto)222
svg, sprites
Responsive Image Format221
responsive-design, jpeg, pjpeg
CSS Sprites Revisited (sma)220
css, sprites, techniques
On Responsive Images (chr/css)219
html, responsive-design
The Need for a Responsive Web Image Format (tel)218
responsive-design, mobile, webp
Resolution Independence With SVG (dbu/sma)217
svg, css, responsive-design
Caching Images With JavaScript and HTML5 Progress Bars (zol)216
caching, performance, javascript, html, progress-indicators
pngquant (kor)215
websites, tooling, libraries, png, compression
Adaptive Images for Responsive Designs (mat)214
responsive-design, html
Responsive Images and Transparent Content Negotiation in HTTP (kar)213
html, responsive-design, content-negotiation
How to Add Images to Your CSS Borders212
how-tos, css, borders
Lightbox2211
libraries, javascript, effects, lightbox
Responsive [Images] (gri/clo)210
responsive-design
A Farewell to CSS3 Gradients (mis)209
css, gradients, vendor-extensions, svg
How to Optimize Images With HTML5 Canvas (sma)208
how-tos, optimization, canvas, html
Infinite All-CSS Scrolling Slideshow (chr/css)207
scrolling, css, effects
More Logo Markup Tips (css)206
branding, logos, html, tips-and-tricks
Responsive “<img>” Elements in HTML, for Responsive Designs (mat)205
html, responsive-design
Fluid Images (bee/ali)204
layout, css, responsive-design
Better Image Management With WordPress (sma)203
wordpress, maintenance, php
HTML, “@width,” and “@height” (j9t)202
html, multimedia, maintainability
Using the CSS “border-image” Property (tab)201
css, borders
Google Now Indexes SVG (jsa)200
google, search, svg
Understanding “border-image” (css)199
css, borders
The Death of the Pixel as We Know It—the New DPI Web (dal/aja)198
pixel-density
Transparency in Web Design (chr/css)197
design, transparency+opacity, css, png
Principles of Icon Design (jon)196
principles, icons, design
SVG Wow195
websites, svg, examples
Empty Image “src” Can Destroy Your Site (nza)194
html, php, traffic
Fast by Default and Web Performances (aja)193
performance, sprites, javascript, css
“toDataURL,” Canvas, and SVG (bra/aja)192
javascript, apis, canvas, svg
Optimizing PNG Files, for Both Web and Print (zol)191
png, optimization, print
Vital Tips for Effective Logo Design (sma)190
design, logos, tips-and-tricks
Perfect Full Page Background Image (chr/css)189
backgrounds, css, filters, jquery, techniques
Lightbox 2: Simple JavaScript Image Gallery188
videos, javascript, lightbox
Why IE9 Will Support SVG (fyr)187
internet-explorer, browsers, svg, support
How to Optimize PNG (sma)186
how-tos, png, optimization
Clever JPG Optimization Techniques (sma)185
jpeg, optimization, techniques
IE Fix: Bicubic Scaling for Images (chr/css)184
internet-explorer, browsers, scaling, css
WebFormElements.com (tel)183
forms, browsers, screenshots
The Tiniest GIF Ever182
gif, base64, php
APNG Class: Get APNG Going on All Browsers (dal/aja)181
javascript, libraries, png
88 Outstanding Favicons and 6 Resources to Help You Create Your Own180
favicons, examples, link-lists
Mandatory Alt Attribute Is Insignificant179
accessibility, html, attributes, alt-text
SVG Is the Future of Application Development178
svg, web-apps, outlooks
SVG Test Page (fyr)177
svg, testing
Dear IE6: Please Cache My Images (zac)176
internet-explorer, browsers, caching
“border-image”: No More Cutting Up Hell (dal/aja)175
css, borders, webkit, firefox, browsers, support
SVG Filter Performance Improvements in Gecko 1.9.1174
gecko, browser-engines, browsers, svg, filters
SVG Paint Servers for HTML173
html, svg, css, backgrounds
Evil GIFs: Hiding Java in Your Image (dal/aja)172
gif, java, security
Infinite Web 2.0 Image With GWT (dal/aja)171
canvas, gwt, web-2.0
Rendering Performance in Canvas Compared to SVG and VML (dal/aja)170
performance, rendering, canvas, svg, comparisons
Preloading Images With jQuery (oct/aja)169
performance, preloading, jquery
Google Changes Favicon, Challenges You to Do Better (mat)168
google, favicons
A Validator Is Not an Accessibility Evaluation Tool? (w3c)167
discussions, html, conformance, accessibility, alt-text, tooling
Nine Techniques for CSS Image Replacement (chr/css)166
css, image-replacement, logos, techniques, overviews
Using CSS for Image Borders (css)165
css, borders
Making “IE6-Friendly” PNG8 Images (mis)164
browsers, internet-explorer, png
APNG—the Animated PNG163
websites, png
CSS Tutorial: Hover Effect on Linked Images162
hover, effects, css
RDFa and HTML Imagemap (kar/w3c)161
rdf, html, image-maps
Misconceptions About PNG (chr/css)160
png
Matt Cutts Discusses the “alt” Attribute159
videos, html, alt-text, accessibility, search, google
CSS Sprites: What They Are, Why They’re Cool, and How to Use Them (chr/css)158
how-tos, css, sprites
PNG Transparency for Internet Explorer (IE6 and Beyond) (tel)157
png, transparency+opacity, browsers, internet-explorer, css, hacks
SVG and “text/html” (ann)156
svg, mime-types, html, parsing
Color Sampling and SVG Gradients (bur)155
colors, svg, gradients
Getting Started With Photoshop: Saving for the Web154
introductions, photoshop, gif, jpeg, png
The “longdesc” Lottery (div)153
html, attributes, accessibility
The Price of Omitting the Alt152
html, attributes, alt-text, accessibility
Reviving Anorexic Web Writing (ali)151
writing, alt-text, accessibility
Faster Page Loads With Image Concatenation150
performance, html, css
Icon Design: Sizing (dav)149
icons, design
Animated GIF Not Animating? (pau)148
gif, javascript, html
Writing Alternate Text for Images147
alt-text, accessibility, writing
W3C Sets Standard for Technical Illustrations on the Web146
w3c, standards
Centering an Image145
centering, css
Centering an Image144
centering, css
Create Cross Browser Vector Graphics143
dojo
The Average Web Page142
performance, compression, html, metrics
Which Image Format Is Best (jus)141
gif, jpeg, png
Real Hackers Don’t Use CSS (emi)140
image-maps, links, standards, design
My PNG Image Replacement Method (tel)139
image-replacement, techniques, png
How Important Is Alt Text in Search Engine Optimization?138
alt-text, accessibility, seo
Alt Text Is an Alternative, Not a Tooltip137
alt-text, accessibility
Semantic Image Use (jch)136
html, alt-text, accessibility, semantics
Accessible Alternate Content (lac)135
accessibility, content
Vector Graphics in CSS (ann)134
css, svg, xhtml
Lightbox JS133
libraries, javascript, effects, lightbox
Naughty or Nice? CSS Background Images (der/24w)132
css, backgrounds
Got Alt?131
alt-text, content
AJAX With Images and Stylesheets (dal/aja)130
ajax, css
Ten Steps to a More User Friendly Website129
flash, performance, compression, link-rot, html, conformance, browsers, support, navigation, readability, quality
Top 5 Web Design Mistakes (nza)128
design, javascript, colors, fonts, mistakes
JPG Quality (dav)127
jpeg, quality, compression
How to Avoid Screen Reader “Noise Pollution”126
how-tos, screen-readers, accessibility, alt-text
Writing Effective Alt Text for Images125
alt-text, accessibility, writing
Alt Attribute (Alt Tag, Alt Tooltip) (ann)124
html, attributes, alt-text, accessibility
The “alt” and “title” Attributes123
html, attributes, alt-text, accessibility, comparisons, link-lists
From an Alt Point of View (the)122
accessibility, usability, legal, alt-text
Lateral—the Alt Text Failure121
accessibility, alt-text, examples
Accessible Alternatives (mal)120
accessibility, alt-text, html
GIF Hacking (dav)119
gif, png, dithering, compression
New Site Technology for Visually Impaired Surfers (zdn)118
css, accessibility, alt-text
Mountaintop Corners (sim/ali)117
css, borders, techniques
Navigation—Text vs. Images116
navigation
I Laugh at Your Spacer Gifs (jon)115
html, tables, gif, css, refactoring
CSS Sprites: Image Slicing’s Kiss of Death (dav/ali)114
css, sprites, performance
CSS Drop Shadows (ali)113
css, shadows, effects
JavaScript Image Gallery (ali)112
javascript, functionality
Minimizing Flickering CSS Background Images in IE6111
css, backgrounds, internet-explorer, browsers
Night of the Image Map (ali)110
css, techniques, image-maps
JavaScript Image Replacement (cod/ali)109
javascript, image-replacement, techniques
Portable Network Graphics (PNG) Specification (Second Edition) (w3c)108
png, standards
Sliding Doors of CSS II (sto/ali)107
css, techniques
Random Image Rotation (ali)106
php
Sliding Doors of CSS (sto/ali)105
css, techniques
Accessible Image-Tab Rollovers (sim)104
navigation, xhtml, effects, hover, accessibility
An SVG Case Study: Integrated, Dynamic Avalanche Forecasting103
perl, html, sql, databases, svg, case-studies
Graphics Standard Heads to Print (cne)102
w3c, standards, svg, print
The “alt” Attribute in HTML101
html, attributes, alt-text, accessibility
Better Image Rollovers (sim)100
effects, javascript
Alt and Beyond: Making Web Graphics Accessible99
alt-text, accessibility, html
Versioning CSS and Images (sto)98
versioning, css, caching
Providing Text Equivalents for Images (div)97
alt-text, accessibility, examples, link-lists
SVG: Modularized and Mobile96
svg, html, animations
SWF vs. SVG—Which Should You Choose?95
flash, svg, comparisons
Animated GIFs Made Easy94
gif
Simple Guidelines on Using “alt” Texts in “img” Elements93
guidelines, alt-text, accessibility
Icons to Go92
icons, windows
A Milestone for SVG91
svg, w3c
A New Face for the Web (zdn)90
svg, flash
Bitmaps and Vectors: Web Graphics Evolve (zdn)89
comparisons, gif, jpeg, png
Adding Value to Your Links88
links, microcontent, urls
The Single Pixel GIF87
html, gif, techniques
Basic Image Insertion86
html
Unified Web Site Accessibility Guidelines (w3c)85
guidelines, accessibility, html, content, lists, tables, links, multimedia, design, frames, forms
Page Author Guidelines—Unified Web Site Accessibility Guidelines84
guidelines, accessibility, css, image-maps, javascript, multimedia, lists, tables, links, frames, forms, tips-and-tricks, best-practices
Page Author Check List—Unified Web Site Accessibility Guidelines83
checklists, accessibility, css, image-maps, javascript, multimedia, lists, tables, links, frames, forms, tips-and-tricks, best-practices
Art and the Zen of Web Sites82
web, design, colors, image-maps, tables, frames, java, javascript, monetization, testing, maintenance, tips-and-tricks
Link and Image Checker (pre)81
tools, analysis, links, link-rot, user-experience
Image Performance Analyzer80
tools, analysis, performance
Favicon Checker (Favicon Generator)79
tools, analysis, favicons
Progressive JPEG Checker78
tools, analysis, jpeg, pjpeg
Screenshot Generator for Windows and Android77
tools, exploration, testing, browsers, screenshots, microsoft, windows, mobile
Screenshot Generator76
tools, exploration, testing, browsers, screenshots
Image Color Determiner75
tools, exploration, colors
Image Converter (FreeConvert.com)74
tools, exploration, conversion
Image Converters73
tools, exploration, conversion
Raster Image to SVG Converter (tom)72
tools, exploration, conversion, svg
Raster to Vector Image Converter71
tools, exploration, conversion
Animated GIF Generator70
tools, exploration, gif
Flat Design Icon Generator69
tools, exploration, icons, flat-design
GIF Resizer68
tools, exploration, gif, resizing
GIF Splitter67
tools, exploration, gif
GIF Text Editor66
tools, exploration, gif
Icon Font, SVG, PDF, and PNG Generator65
tools, exploration, code-generation, fonts, icon-fonts, svg, pdf, png
Icon Generator (cod)64
tools, exploration, icons
Image Art Generator63
tools, exploration, art
Image Background Remover (PhotoRoom)62
tools, exploration, backgrounds
Image Background Remover (remove.bg)61
tools, exploration, backgrounds
Image Cleaner60
tools, exploration
Image Compressor (Compressor.io)59
tools, exploration, compression, performance, jpeg, png, svg, gif, webp
Image Compressor (WebUtils)58
tools, exploration, compression, performance, jpeg, png, webp, avif, jpeg-xl
Image Resizer and Editor (PicResize)57
tools, exploration, effects, resizing
Image Resizer and Editor (resizemyimg.com)56
tools, exploration, effects, resizing
Photo Data Remover55
tools, exploration, metadata
Photo Editor54
tools, exploration
Photo Enlarger (Ojoy)53
tools, exploration
Photo Enlarger (Zygomatic)52
tools, exploration
Placeholder Generator51
tools, exploration, placeholders
Profile Picture Generator50
tools, exploration, social-media
Progressive JPEG Generator49
tools, exploration, jpeg, pjpeg
Random Favicon Generator48
tools, exploration, favicons, randomness
Random Favicon Generator47
tools, exploration, favicons, randomness
SVG Editor46
tools, exploration, svg
SVG Optimizer (Daryll Doyle)45
tools, exploration, svg, optimization
SVG Optimizer (Jake Archibald) (jaf)44
tools, exploration, svg, optimization
SVG Shape Generator43
tools, exploration, svg
SVG URL Encoder42
tools, exploration, svg, urls, code-generation
Tilt-Shift Photo Generator41
tools, exploration, effects
Wave-Style SVG Generator40
tools, exploration, svg, effects, code-generation
Image Accessibility Analyzer (gez)39
tools, analysis, accessibility
Aspect Ratio Calculator (seg)38
tools, exploration, math, aspect-ratio
AVIF and WebP Settings Comparer (ind)37
tools, exploration, avif, webp, comparisons
Background Image Generator36
tools, exploration, backgrounds
Background Pattern Generator (DOODAD)35
tools, exploration, backgrounds
Background Pattern Generator (fffuel)34
tools, exploration, backgrounds
Black and White Photo Colorizer (DeepAI)33
tools, exploration, colors
Black and White Photo Colorizer (ImageColorizer)32
tools, exploration, colors
Brilliant Button Generator31
tools, exploration
C64-Style Logo Generator (cod)30
tools, exploration, logos
Code Screenshot Generator (Carbon)29
tools, exploration, screenshots
Code Screenshot Generator (Chalk.ist)28
tools, exploration, screenshots
Decorative Image Generator27
tools, exploration, decoration
Dither Effect Generator26
tools, exploration, dithering, effects
Dummy Image Generator25
tools, exploration, placeholders
Favicon Generator24
tools, exploration, favicons
Favicon Generator23
tools, exploration, favicons
Favicon Generators22
tools, exploration, favicons
Favicon Generators21
tools, exploration, favicons
Image Cropper20
tools, exploration
Image Quality Enhancer19
tools, exploration, quality
Image Rasterizer18
tools, exploration, effects
JPEG Distorter17
tools, exploration, effects, jpeg
Line Drawing Generator16
tools, exploration, effects
Logo Generator (Looka)15
tools, exploration, logos
Logo Generator (Squarespace)14
tools, exploration, logos
JPEG to SVG Converter (ado)13
tools, exploration, conversion, jpeg, svg
Confetti Generator12
tools, exploration, png, jpeg, svg, code-generation, css
Image Converter (Canva)11
tools, exploration, conversion, jpeg, png, svg, pdf
Alt Text Decision Helper10
tools, exploration, accessibility, alt-text, html
Content Credentials Checker9
tools, exploration, ai, content, multimedia
CSS Clip Path Generator8
tools, exploration, code-generation, css, backgrounds, clipping
C64-Style Image Converter (mic)7
tools, exploration, conversion
Image Breakpoints Generator6
tools, exploration, code-generation, responsive-design, breakpoints, html
Gradient Image Generator5
tools, exploration, gradients, png, code-generation, css
Mastodon Screenshot Generator (rai)4
tools, exploration, screenshots, mastodon, social-media
Favicon Checker (FaviCraft)3
tools, analysis, favicons
Color Vision Deficiency Image Tester (vle)2
tools, exploration, accessibility, colors
Dependencies Badge Generator1
tools, exploration, dependencies, npm
GIF to Animated Favicon Converter0
tools, exploration, conversion, gif, favicons
Image to Text Converter-1
tools, exploration, conversion
Badge Generator-2
tools, exploration, foss