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 and included. Hide

Frontend Dogma

“images” News Archive (2)

Entry (Sources) and Additional TopicsDate#
How to Optimize Images With HTML5 Canvas (sma)187
how-tos, optimization, canvas, html
Infinite All-CSS Scrolling Slideshow (chr/css)186
scrolling, css, effects
More Logo Markup Tips (css)185
branding, logos, html, tips-and-tricks
Responsive “<img>” Elements in HTML, for Responsive Designs (mat)184
html, responsive-design
Fluid Images (bee/ali)183
layout, css, responsive-design
Better Image Management With WordPress (sma)182
wordpress, maintenance, php
HTML, “@width,” and “@height” (j9t)181
html, multimedia, maintainability
Using the CSS “border-image” Property (tab)180
css, borders
Google Now Indexes SVG (jsa)179
google, search, svg
Understanding “border-image” (css)178
css, borders
The Death of the Pixel as We Know It—the New DPI Web (dal/aja)177
pixel-density
Transparency in Web Design (chr/css)176
design, transparency+opacity, css, png
Principles of Icon Design (jon)175
principles, icons, design
SVG Wow174
websites, svg, examples
Empty Image “src” Can Destroy Your Site (nza)173
html, php, traffic
Fast by Default and Web Performances (aja)172
performance, sprites, javascript, css
“toDataURL,” Canvas, and SVG (bra/aja)171
javascript, apis, canvas, svg
Optimizing PNG Files, for Both Web and Print (zol)170
png, optimization, print
Vital Tips for Effective Logo Design (sma)169
design, logos, tips-and-tricks
Perfect Full Page Background Image (chr/css)168
backgrounds, css, filters, jquery, techniques
Lightbox 2: Simple JavaScript Image Gallery167
videos, javascript, lightbox
Why IE9 Will Support SVG (fyr)166
internet-explorer, microsoft, browsers, svg, support
How to Optimize PNG (sma)165
how-tos, png, optimization
Clever JPG Optimization Techniques (sma)164
jpeg, optimization, techniques
IE Fix: Bicubic Scaling for Images (chr/css)163
internet-explorer, microsoft, browsers, scaling, css
WebFormElements.com (tel)162
forms, browsers, screenshots
The Tiniest GIF Ever161
gif, base64, php
APNG Class: Get APNG Going on All Browsers (dal/aja)160
javascript, libraries, png
88 Outstanding Favicons and 6 Resources to Help You Create Your Own159
favicons, examples, link-lists
Mandatory Alt Attribute Is Insignificant158
accessibility, html, attributes, alt-text
SVG Is the Future of Application Development157
svg, web-apps, outlooks
SVG Test Page (fyr)156
svg, testing
Dear IE6: Please Cache My Images (zac)155
internet-explorer, microsoft, browsers, caching
“border-image”: No More Cutting Up Hell (dal/aja)154
css, borders, webkit, firefox, mozilla, browsers, support
SVG Filter Performance Improvements in Gecko 1.9.1153
gecko, browser-engines, browsers, svg, filters
SVG Paint Servers for HTML152
html, svg, css, backgrounds
Evil GIFs: Hiding Java in Your Image (dal/aja)151
gif, java, security
Infinite Web 2.0 Image With GWT (dal/aja)150
canvas, gwt, web-2.0
Rendering Performance in Canvas Compared to SVG and VML (dal/aja)149
performance, rendering, canvas, svg, comparisons
Preloading Images With jQuery (oct/aja)148
performance, preloading, jquery
Google Changes Favicon, Challenges You to Do Better147
google, favicons
A Validator Is Not an Accessibility Evaluation Tool? (w3c)146
discussions, html, conformance, accessibility, alt-text, tooling
Nine Techniques for CSS Image Replacement (chr/css)145
css, image-replacement, logos, techniques, overviews
Using CSS for Image Borders (css)144
css, borders
Making “IE6-Friendly” PNG8 Images (mis)143
browsers, microsoft, internet-explorer, png
APNG—the Animated PNG142
websites, png
CSS Tutorial: Hover Effect on Linked Images141
hover, effects, css
RDFa and HTML Imagemap (kar/w3c)140
rdf, html, image-maps
Misconceptions About PNG (chr/css)139
png
Matt Cutts Discusses the “alt” Attribute138
videos, html, alt-text, accessibility, search, google
CSS Sprites: What They Are, Why They’re Cool, and How to Use Them (chr/css)137
how-tos, css, sprites
PNG Transparency for Internet Explorer (IE6 and Beyond) (tel)136
png, transparency+opacity, browsers, microsoft, internet-explorer, css, hacks
SVG and “text/html” (ann)135
svg, mime-types, html, parsing
Color Sampling and SVG Gradients (bur)134
colors, svg, gradients
Getting Started With Photoshop: Saving for the Web133
introductions, adobe, photoshop, gif, jpeg, png
The “longdesc” Lottery (div)132
html, attributes, accessibility
The Price of Omitting the Alt131
html, attributes, alt-text, accessibility
Reviving Anorexic Web Writing (ali)130
writing, alt-text, accessibility
Faster Page Loads With Image Concatenation129
performance, html, css
Icon Design: Sizing (dav)128
icons, design
Animated GIF Not Animating? (pau)127
gif, javascript, html
W3C Sets Standard for Technical Illustrations on the Web126
w3c, standards
Create Cross Browser Vector Graphics125
dojo
Which Image Format Is Best (jus)124
gif, jpeg, png
My PNG Image Replacement Method (tel)123
image-replacement, techniques, png
Semantic Image Use (jch)122
html, alt-text, accessibility, semantics
Accessible Alternate Content (lac)121
accessibility, content
Lightbox JS120
libraries, javascript, effects, lightbox
AJAX With Images and Stylesheets (dal/aja)119
ajax, css
Ten Steps to a More User Friendly Website118
flash, performance, compression, link-rot, html, conformance, browsers, support, navigation, readability, quality
Top 5 Web Design Mistakes (nza)117
design, javascript, colors, fonts, mistakes
JPG Quality (dav)116
jpeg, quality, compression
Alt Attribute (Alt Tag, Alt Tooltip) (ann)115
html, attributes, alt-text, accessibility
From an Alt Point of View (the)114
accessibility, usability, legal, alt-text
Lateral—the Alt Text Failure113
accessibility, alt-text, examples
GIF Hacking (dav)112
gif, png, dithering, compression
New Site Technology for Visually Impaired Surfers (zdn)111
css, accessibility, alt-text
I Laugh at Your Spacer Gifs (jon)110
html, tables, gif, css, refactoring
CSS Sprites: Image Slicing’s Kiss of Death (dav/ali)109
css, sprites, performance
CSS Drop Shadows (ali)108
css, shadows, effects
Night of the Image Map (ali)107
css, techniques, image-maps
Portable Network Graphics (PNG) Specification (Second Edition) (w3c)106
png, standards
Sliding Doors of CSS II (ali)105
css, techniques
Sliding Doors of CSS (ali)104
css, techniques
Accessible Image-Tab Rollovers (sim)103
navigation, xhtml, effects, hover, accessibility
An SVG Case Study: Integrated, Dynamic Avalanche Forecasting102
perl, html, sql, databases, svg, case-studies
Graphics Standard Heads to Print (cne)101
w3c, standards, svg, print
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
Image Compressor (WebUtils)58
tools, exploration, compression, performance
Image Compressors57
tools, exploration, compression, performance
Image Resizer and Editor (PicResize)56
tools, exploration, effects, resizing
Image Resizer and Editor (resizemyimg.com)55
tools, exploration, effects, resizing
Photo Data Remover54
tools, exploration, metadata
Photo Editor53
tools, exploration
Photo Enlarger (Ojoy)52
tools, exploration
Photo Enlarger (Zygomatic)51
tools, exploration
Placeholder Generator50
tools, exploration, placeholders
Profile Picture Generator49
tools, exploration, social-media
Progressive JPEG Generator48
tools, exploration, jpeg, pjpeg
Random Favicon Generator47
tools, exploration, favicons, randomness
Random Favicon Generator46
tools, exploration, favicons, randomness
SVG Editor45
tools, exploration, svg
SVG Optimizer (Daryll Doyle)44
tools, exploration, svg, optimization
SVG Optimizer (Jake Archibald) (jaf)43
tools, exploration, svg, optimization
SVG Shape Generator42
tools, exploration, svg
SVG URL Encoder41
tools, exploration, svg, urls, code-generation
Tilt-Shift Photo Generator40
tools, exploration, effects
Wave-Style SVG Generator39
tools, exploration, svg, effects, code-generation
Image Accessibility Analyzer38
tools, analysis, accessibility
Aspect Ratio Calculator (seg)37
tools, exploration, math, aspect-ratio
AVIF and WebP Settings Comparer (ind)36
tools, exploration, avif, webp, comparisons
Background Image Generator35
tools, exploration, backgrounds
Background Pattern Generator (DOODAD)34
tools, exploration, backgrounds
Background Pattern Generator (fffuel)33
tools, exploration, backgrounds
Black and White Photo Colorizer (DeepAI)32
tools, exploration, colors
Black and White Photo Colorizer (ImageColorizer)31
tools, exploration, colors
Brilliant Button Generator30
tools, exploration
C64-Style Logo Generator (cod)29
tools, exploration, logos
Code Screenshot Generator (Carbon)28
tools, exploration, screenshots
Code Screenshot Generator (Chalk.ist)27
tools, exploration, screenshots
Decorative Image Generator26
tools, exploration, decoration
Dither Effect Generator25
tools, exploration, dithering, effects
Dummy Image Generator24
tools, exploration, placeholders
Favicon Generator23
tools, exploration, favicons
Favicon Generator22
tools, exploration, favicons
Favicon Generators21
tools, exploration, favicons
Favicon Generators20
tools, exploration, favicons
Image Cropper19
tools, exploration
Image Quality Enhancer18
tools, exploration, quality
Image Rasterizer17
tools, exploration, effects
JPEG Distorter16
tools, exploration, effects, jpeg
Line Drawing Generator15
tools, exploration, effects
Logo Generator (Looka)14
tools, exploration, logos
Logo Generator (Squarespace)13
tools, exploration, logos
JPEG to SVG Converter (ado)12
tools, exploration, conversion, jpeg, svg
Confetti Generator11
tools, exploration, png, jpeg, svg, code-generation, css
Image Converter (Canva)10
tools, exploration, conversion
Alt Text Decision Helper9
tools, exploration, accessibility, alt-text, html
Content Credentials Checker8
tools, exploration, ai, content, multimedia
CSS Clip Path Generator7
tools, exploration, code-generation, css, backgrounds, clipping
C64-Style Image Converter (mic)6
tools, exploration, conversion
Image Breakpoints Generator5
tools, exploration, code-generation, responsive-design, breakpoints, html
Gradient Image Generator4
tools, exploration, gradients, png, code-generation, css
Mastodon Screenshot Generator (rai)3
tools, exploration, screenshots, mastodon, social-media
Favicon Checker (FaviCraft)2
tools, analysis, favicons
Color Vision Deficiency Image Tester (vle)1
tools, exploration, accessibility, colors
Dependencies Badge Generator0
tools, exploration, dependencies, npm
GIF to Animated Favicon Converter-1
tools, exploration, conversion, gif, favicons
Image to Text Converter-2
tools, exploration, conversion