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 that they be respected. Hide

Frontend Dogma

“images” News Archive (2)

Entry (Sources) and Additional TopicsDate#
The Need for a Responsive Web Image Format (tel)202
responsive-design, mobile, webp
Resolution Independence With SVG (dbu/sma)201
svg, css, responsive-design
Caching Images With JavaScript and HTML5 Progress Bars (zol)200
caching, performance, javascript, html, progress-indicators
pngquant (kor)199
websites, tooling, libraries, png, compression
Adaptive Images for Responsive Designs (mat)198
responsive-design, html
Responsive Images and Transparent Content Negotiation in HTTP (kar)197
html, responsive-design, content-negotiation
How to Add Images to Your CSS Borders196
how-tos, css, borders
Lightbox2195
libraries, javascript, effects, lightbox
Responsive [Images] (gri/clo)194
responsive-design
A Farewell to CSS3 Gradients (mis)193
css, gradients, vendor-extensions, svg
How to Optimize Images With HTML5 Canvas (sma)192
how-tos, optimization, canvas, html
Infinite All-CSS Scrolling Slideshow (chr/css)191
scrolling, css, effects
More Logo Markup Tips (css)190
branding, logos, html, tips-and-tricks
Responsive “<img>” Elements in HTML, for Responsive Designs (mat)189
html, responsive-design
Fluid Images (bee/ali)188
layout, css, responsive-design
Better Image Management With WordPress (sma)187
wordpress, maintenance, php
HTML, “@width,” and “@height” (j9t)186
html, multimedia, maintainability
Using the CSS “border-image” Property (tab)185
css, borders
Google Now Indexes SVG (jsa)184
google, search, svg
Understanding “border-image” (css)183
css, borders
The Death of the Pixel as We Know It—the New DPI Web (dal/aja)182
pixel-density
Transparency in Web Design (chr/css)181
design, transparency+opacity, css, png
Principles of Icon Design (jon)180
principles, icons, design
SVG Wow179
websites, svg, examples
Empty Image “src” Can Destroy Your Site (nza)178
html, php, traffic
Fast by Default and Web Performances (aja)177
performance, sprites, javascript, css
“toDataURL,” Canvas, and SVG (bra/aja)176
javascript, apis, canvas, svg
Optimizing PNG Files, for Both Web and Print (zol)175
png, optimization, print
Vital Tips for Effective Logo Design (sma)174
design, logos, tips-and-tricks
Perfect Full Page Background Image (chr/css)173
backgrounds, css, filters, jquery, techniques
Lightbox 2: Simple JavaScript Image Gallery172
videos, javascript, lightbox
Why IE9 Will Support SVG (fyr)171
internet-explorer, microsoft, browsers, svg, support
How to Optimize PNG (sma)170
how-tos, png, optimization
Clever JPG Optimization Techniques (sma)169
jpeg, optimization, techniques
IE Fix: Bicubic Scaling for Images (chr/css)168
internet-explorer, microsoft, browsers, scaling, css
WebFormElements.com (tel)167
forms, browsers, screenshots
The Tiniest GIF Ever166
gif, base64, php
APNG Class: Get APNG Going on All Browsers (dal/aja)165
javascript, libraries, png
88 Outstanding Favicons and 6 Resources to Help You Create Your Own164
favicons, examples, link-lists
Mandatory Alt Attribute Is Insignificant163
accessibility, html, attributes, alt-text
SVG Is the Future of Application Development162
svg, web-apps, outlooks
SVG Test Page (fyr)161
svg, testing
Dear IE6: Please Cache My Images (zac)160
internet-explorer, microsoft, browsers, caching
“border-image”: No More Cutting Up Hell (dal/aja)159
css, borders, webkit, firefox, mozilla, browsers, support
SVG Filter Performance Improvements in Gecko 1.9.1158
gecko, browser-engines, browsers, svg, filters
SVG Paint Servers for HTML157
html, svg, css, backgrounds
Evil GIFs: Hiding Java in Your Image (dal/aja)156
gif, java, security
Infinite Web 2.0 Image With GWT (dal/aja)155
canvas, gwt, web-2.0
Rendering Performance in Canvas Compared to SVG and VML (dal/aja)154
performance, rendering, canvas, svg, comparisons
Preloading Images With jQuery (oct/aja)153
performance, preloading, jquery
Google Changes Favicon, Challenges You to Do Better152
google, favicons
A Validator Is Not an Accessibility Evaluation Tool? (w3c)151
discussions, html, conformance, accessibility, alt-text, tooling
Nine Techniques for CSS Image Replacement (chr/css)150
css, image-replacement, logos, techniques, overviews
Using CSS for Image Borders (css)149
css, borders
Making “IE6-Friendly” PNG8 Images (mis)148
browsers, microsoft, internet-explorer, png
APNG—the Animated PNG147
websites, png
CSS Tutorial: Hover Effect on Linked Images146
hover, effects, css
RDFa and HTML Imagemap (kar/w3c)145
rdf, html, image-maps
Misconceptions About PNG (chr/css)144
png
Matt Cutts Discusses the “alt” Attribute143
videos, html, alt-text, accessibility, search, google
CSS Sprites: What They Are, Why They’re Cool, and How to Use Them (chr/css)142
how-tos, css, sprites
PNG Transparency for Internet Explorer (IE6 and Beyond) (tel)141
png, transparency+opacity, browsers, microsoft, internet-explorer, css, hacks
SVG and “text/html” (ann)140
svg, mime-types, html, parsing
Color Sampling and SVG Gradients (bur)139
colors, svg, gradients
Getting Started With Photoshop: Saving for the Web138
introductions, adobe, photoshop, gif, jpeg, png
The “longdesc” Lottery (div)137
html, attributes, accessibility
The Price of Omitting the Alt136
html, attributes, alt-text, accessibility
Reviving Anorexic Web Writing (ali)135
writing, alt-text, accessibility
Faster Page Loads With Image Concatenation134
performance, html, css
Icon Design: Sizing (dav)133
icons, design
Animated GIF Not Animating? (pau)132
gif, javascript, html
W3C Sets Standard for Technical Illustrations on the Web131
w3c, standards
Create Cross Browser Vector Graphics130
dojo
Which Image Format Is Best (jus)129
gif, jpeg, png
My PNG Image Replacement Method (tel)128
image-replacement, techniques, png
Semantic Image Use (jch)127
html, alt-text, accessibility, semantics
Accessible Alternate Content (lac)126
accessibility, content
Lightbox JS125
libraries, javascript, effects, lightbox
AJAX With Images and Stylesheets (dal/aja)124
ajax, css
Ten Steps to a More User Friendly Website123
flash, performance, compression, link-rot, html, conformance, browsers, support, navigation, readability, quality
Top 5 Web Design Mistakes (nza)122
design, javascript, colors, fonts, mistakes
JPG Quality (dav)121
jpeg, quality, compression
Alt Attribute (Alt Tag, Alt Tooltip) (ann)120
html, attributes, alt-text, accessibility
From an Alt Point of View (the)119
accessibility, usability, legal, alt-text
Lateral—the Alt Text Failure118
accessibility, alt-text, examples
GIF Hacking (dav)117
gif, png, dithering, compression
New Site Technology for Visually Impaired Surfers (zdn)116
css, accessibility, alt-text
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 (ada/ali)112
javascript, functionality
Night of the Image Map (ali)111
css, techniques, image-maps
JavaScript Image Replacement (cod/ali)110
javascript, image-replacement, techniques
Portable Network Graphics (PNG) Specification (Second Edition) (w3c)109
png, standards
Sliding Doors of CSS II (ali)108
css, techniques
Sliding Doors of CSS (ali)107
css, techniques
Random Image Rotation (ali)106
php
Accessible Image-Tab Rollovers (sim)105
navigation, xhtml, effects, hover, accessibility
An SVG Case Study: Integrated, Dynamic Avalanche Forecasting104
perl, html, sql, databases, svg, case-studies
Graphics Standard Heads to Print (cne)103
w3c, standards, svg, print
The “alt” Attribute in HTML102
html, attributes, alt-text, accessibility
Better Image Rollovers (sim)101
effects, javascript
Alt and Beyond: Making Web Graphics Accessible100
alt-text, accessibility, html
Versioning CSS and Images (sto)99
versioning, css, caching
Providing Text Equivalents for Images (div)98
alt-text, accessibility, examples, link-lists
SVG: Modularized and Mobile97
svg, html, animations
SWF vs. SVG—Which Should You Choose?96
flash, svg, comparisons
Animated GIFs Made Easy95
gif
Simple Guidelines on Using “alt” Texts in “img” Elements94
guidelines, alt-text, accessibility
Icons to Go93
icons, windows
A Milestone for SVG92
svg, w3c
A New Face for the Web (zdn)91
svg, flash
Bitmaps and Vectors: Web Graphics Evolve (zdn)90
comparisons, gif, jpeg, png
Adding Value to Your Links89
links, microcontent, urls
The Single Pixel GIF88
html, gif, techniques
Basic Image Insertion87
html
Unified Web Site Accessibility Guidelines (w3c)86
guidelines, accessibility, html, content, lists, tables, links, multimedia, design, frames, forms
Page Author Guidelines—Unified Web Site Accessibility Guidelines85
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 Guidelines84
checklists, accessibility, css, image-maps, javascript, multimedia, lists, tables, links, frames, forms, tips-and-tricks, best-practices
Art and the Zen of Web Sites83
web, design, colors, image-maps, tables, frames, java, javascript, monetization, testing, maintenance, tips-and-tricks
Link and Image Checker (pre)82
tools, analysis, links, link-rot, user-experience
Image Performance Analyzer81
tools, analysis, performance
Favicon Checker (Favicon Generator)80
tools, analysis, favicons
Progressive JPEG Checker79
tools, analysis, jpeg, pjpeg
Screenshot Generator for Windows and Android78
tools, exploration, testing, browsers, screenshots, microsoft, windows, mobile
Screenshot Generator77
tools, exploration, testing, browsers, screenshots
Image Color Determiner76
tools, exploration, colors
Image Converter (FreeConvert.com)75
tools, exploration, conversion
Image Converters74
tools, exploration, conversion
Raster Image to SVG Converter (tom)73
tools, exploration, conversion, svg
Raster to Vector Image Converter72
tools, exploration, conversion
Animated GIF Generator71
tools, exploration, gif
Flat Design Icon Generator70
tools, exploration, icons, flat-design
GIF Resizer69
tools, exploration, gif, resizing
GIF Splitter68
tools, exploration, gif
GIF Text Editor67
tools, exploration, gif
Icon Font, SVG, PDF, and PNG Generator66
tools, exploration, code-generation, fonts, icon-fonts, svg, pdf, png
Icon Generator (cod)65
tools, exploration, icons
Image Art Generator64
tools, exploration, art
Image Background Remover (PhotoRoom)63
tools, exploration, backgrounds
Image Background Remover (remove.bg)62
tools, exploration, backgrounds
Image Cleaner61
tools, exploration
Image Compressor (Compressor.io)60
tools, exploration, compression, performance
Image Compressor (WebUtils)59
tools, exploration, compression, performance
Image Compressors58
tools, exploration, compression, performance
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 Analyzer39
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
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