Popular Retina Programming Tips
How to make the canvas not look like crap on retina
Eric Allam
·
7 responses
·
retina, canvas, html5
High Resolution Images in -webkit using image-set() function
Ram Ratan Maurya
·
4 responses
·
css, responsive design, css3, webkit
Bootstrap 3, grid system and hi-density small screens detected as XS
Aleksander Ciesiołkiewicz
·
3 responses
·
css, css3, js, bootstrap
Retina Images in Webkit
Andreas Grauel
·
0 responses
·
css, html, webkit, retina
Detect HiDPI (Retina) displays in JavaScript
Phil Freo
·
0 responses
·
gravatar, images, retina, backbone.js
Ruby on rails image helper for retina display with foundation interchange
David Leuliette
·
2 responses
·
ruby, rails, retina, foundation
LESS Mixin for retina-ready sprites
Manuel Ebert
·
3 responses
·
sprites, retina, html5, less
Sass retina background mixin
David Leuliette
·
3 responses
·
sass, scss, retina
Test Retina without a Retina Screen
Mike Zarandona
·
3 responses
·
development, retina
The shortest media-queries for high pixel-density display
Tomomi ⚡ Imura
·
0 responses
·
css3, retina, media-queries, css
Preview your Retina Favicon in Chrome (iOS)
Christian Boyle
·
0 responses
·
photoshop, retina, retina favicon, preview retina favicon
Retina image support for Rails apps
Oliver Leitzgen
·
0 responses
·
rails, gem, retina, github
Fix images on Retina Display
Amay Shah
·
0 responses
·
html, css3, webkit, retina
Razor sharp icon fonts
Cemre Güngör
·
1 response
·
css, vector, font, retina
Targeting Retina Devices through CSS
Marcus Zanona
·
0 responses
·
css, ios, mobile, retina
Workaround LESS Webkit-Image-Set Bug
Sven Read
·
1 response
·
css, html, chrome, webkit
IE8+ Retina and Responsive Images
Cory Simmons
·
0 responses
·
css, responsive, scss, retina
Testing in low-resolution on Retina
Cory Simmons
·
0 responses
·
retina, display, low-resolution
Retina image optimization in Ruby on Rails
bohdanben
·
0 responses
·
ruby, rails, retina, retina.js
A @mixin for retina images in sass
Fabio Marasco
·
0 responses
·
sass, retina, mixin, media
Fix the size of avatars in the Skype conversation screen for Retina Macbook Pro screen
Artyom Loenko
·
0 responses
·
macbook, retina, skype, avatars
Easy retina favicons
Rico Sta. Cruz
·
0 responses
·
html, retina, imagemagick, favicon
Retina-ready Web Graphics
Zak Dziczkowski
·
2 responses
·
web, retina, javascript
Retina Favicon
Jamie Piper
·
0 responses
·
retina, favicon
Upgrading Retina Rails
Johan van Zonneveld
·
0 responses
·
ruby, rails, retina, retina rails
Recent Activity
Retina image optimization in Ruby on Rails
bohdanben
·
ruby, rails, retina, retina.js
Don't waste time in non-retina images for iPhone iOS 7.0 apps
François Benaiteau
·
images, retina, ios, ios7
Bootstrap 3, grid system and hi-density small screens detected as XS
Aleksander Ciesiołkiewicz
·
css, css3, js, bootstrap
A @mixin for retina images in sass
Fabio Marasco
·
sass, retina, mixin, media
Targeting Hi-Density and Hi-Res Screens
Newest
Retina
protips
Jesse Weed
·
javascript, css, retina, hdpi
Sponsored by #native_company# — Learn More
#native_title#
#native_desc#
Coderwall Dev Community
Explore the all-time favorite tutorials, design patterns and engineering guides that thousands of readers keep sharing and coming back to, year after year.
These proven techniques, reusable code samples, programming tips and vibe coding habits earned their place through steady views and member likes.
Each entry here is still useful today, covering programming languages, frameworks and workflows that stay relevant long after they were first published.
Whether you're new to a tech stack or an experienced engineer refreshing your skills, start with the most useful tips our dev community members recommend and build on solid, well-tested coding knowledge.