CSS3: ‘calc()’Use Cases For Css Calc
Note: More information is available at W3C.
‘yet another CSS toolkit’Corpus. A collection of CSS things.
‘for novice web designers’HTML & CSS for Beginners
‘Do you care...?’AccountKiller
Note: This is not an endorsement.
currently supported featuresState of Web Type
List: Browser Security
‘a professional resource’Front-end Handbook
responsive navigation resourcesNavNav
Note: Promotional vehicle.
‘reference-style content’Cambridge in Colour - Photography Tutorials & Learning Community
‘incredibly useful’Progressively-Enhanced Breadcrumb Navigation
CSS resourcesStylesheets — “a community-generated collection of the best CSS resources”
we ♥ exploring color147 Colors - CSS Color Names
‘search-engine for Unicode’Charcod.es
a ‘transparency’ initiativeCity of Chicago - Data Portal
color palette builderHTML Color Codes
Note: Promotional vehicle.
‘for learners & educators’Thimble by Mozilla
‘paper airplane designs’Fold N Fly ✈
open access ‘e-print service’arXiv.org e-Print archive
attn: scripting enthusiasts (3)jQuery UI Events Cheatsheet
‘for web design enthusiasts’DesignHooks
electronic musical instruments120 Years of Electronic Music
this one's for math loversTricki
Welcome to the Tricki – a Wiki-style site that is intended to develop into a large store of useful mathematical problem-solving techniques...
“You are being watched.”privacy tools - encryption against global mass surveillance 🔒
‘read, search, and compare'Constitute
‘an open access journal’Frontiers in Psychology
Scalable Vector GraphicsA Practical Guide to SVGs on the web
‘a more efficient way’A Complete Guide to Flexbox (ads)
‘some practical examples’The Accessibility Cheatsheet
still getting thereStandards | Ordered by browser support
special characters...Keyboard Shortcuts
‘a lot to learn’Learning the Web
common typographic marksCommon Characters: Windows, Mac, iOS, and HTML
symbol/entity referenceHTML Symbol Codes and Entities
Note: Promotional vehicle.
form element snippetsFormFactor — “Efficient, semantic, screen-reader-friendly form elements.”
‘hand-picked’ recommendationsPodcast Thing
some useful examplesCSS Font Sizing
‘other fish to fry’Poor Man's Styleguide - A frontend styleguide for the pragmatic
a dashboard of sortsanalytics.usa.gov - The US government's web traffic.
This data provides a window into how people are interacting with the government online.
Note: Site uses Google Analytics. Privacy concerns/questions are addressed somewhat at: Common Questions about DAP (FAQ).
tracking open source...Libraries - The Open Source Discovery Service
explore the streetsHistory of San Francisco Place Names
useful collection of snippets.htaccess Snippets
Note the ‘Disclaimer’ in the introduction.
by ‘a longtime enthusiast’The Punctuation Guide
‘make better choices’Open Food Facts
Help us to collect information and data (ingredients, nutrition facts etc.) on food products from all around the world. In a few minutes, you can easily add products and contribute to improve food for everyone.
‘Consumer Help Center’FCC Complaints
academic blogging: ‘a new paradigm’Shorter, better, faster, free: Blogging changes the nature of academic research, not just how it is communicated
focused on newer CSS featuresWhat CSS prefixes should I use?
news for front-end devsFront-end Front
details, tips, and toolsResponsive Design Knowledge Hub
a list for interface designersPrototyping Tools
a guide for beginnersHow to Make a Website - Step-by-Step Guide
list: ‘front-end links’FrontLinks
for front-end develpers...barkins.com — front-end web development tutorials
comparison of frameworksCSS Front-end Frameworks
font compatibility referenceFont Family Reunion
‘reference for CSS goodness’CSS Cheat Sheet
‘mysterious rules at work’All You Need To Know About Vertical-Align
the ‘basics’Terminal Cheatsheet for Mac
simple, useful referenceHTTP Status Codes
an overview of threatsInternet predators
‘straight forward explanations’Designer's guide to DPI
aggregates facts about cities288 Cities
‘hand-picked free photos’Magdeleine
making content more accessibleAdding captions and subtitles to HTML5 video
‘learn new tricks’CodyHouse
A free library of HTML, CSS, JS nuggets
Note: Promotional vehicle.
‘a collaborative project’Blog ◩ CSS PREprocessors
...a project that aims to collect as much information about the popular CSS Preprocessors as possible, in order to serve as a one-stop reference.
color/photography resourceNine Degrees Below Photography – “open source color management and photography”
‘Quick API Reference’jQuery Cheatsheet
‘API documentation browser’DevDocs
Note: Commercially sponsored.
resource for web designersWeb Design Field Manual
for ‘everything design related’Curated creative design and development resources | oozled
‘instant answers'DuckDuckGo Goodies
‘the evolving web platform’WebComponents.org – “A place to discuss and evolve Web Component best-practices”
an electronic field guideBirdsnap
for command line enthusiastsbro: just get to the point!
‘a curated library’Type-Finder – “an online tool for finding reputable typefaces”
Note: Includes recommendations for both free and commercial fonts.
research summariesUseful Science - Your source for research useful in everyday life.
‘on the path to responsive’Grid – “a simple guide to responsive design”
entities: quick referenceCharacter Entity Reference Chart
‘all in one place’webdesignrepo - a compact list of helpful webdesign links
handy mobile dev referencemydevice.io - common device values
info: the flexbox modelUsing CSS flexible boxes
‘definitive guide'Mac Note Taking Apps
‘simple and lightweight’List of minimalist frameworks
a new design patternCreate Floating Form Labels...
It's got character(s) (2)Typing Special Characters on a Macintosh Keyboard
Unicode info and resourcesUTF-8
the cross-platform approachFavicon Generator. For real.
Generate the favicon pictures and HTML code that work on all major browsers and platforms
online resource since 1996Stanford Copyright and Fair Use Center
tagging resources (OS X)OpenMetaApplications
A list of applications that use OpenMeta
resource for ‘Web Devs’selfCSS - WYSIWYG CSS Editor
'Cleaner, hack-free CSS'Solved By Flexbox
This site is not another CSS framework. Instead, its purpose is to showcase problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox...
useful info for Firefox usersKeyboard shortcuts - Perform common Firefox tasks quickly
HTML5 Web Components
command-line helperexplainshell.com - match command-line arguments to their help text
'painfully obsessive' cheat sheetfavicon-cheat-sheet
to simplify finding componentsUIBox - Curated HTML, CSS, JS UI Component Library
open-source licensing optionsOSS » 'a starting point' » more comprehensive list
iOS templates for PhotoshopiPhone GUI PSD | iPad GUI PSD
for plugin developersjQuery Boilerplate
device-width referenceViewport Sizes
List: Mac ResourcesA Repository of Great Resources for Mac Users
List: Frontend DevelopmentFrontend Development Bookmarks
List: Hidden OS X FeaturesPlease share your hidden OS X features or tips and tricks
questions and viewpointsSlant – "a collaboratively edited resource that helps you quickly make decisions"
designing for iPhone/iPadStarters Guide to iOS Design (ads)
find screen specificationsScreensiz.es
iPhone/iPad font referenceiOS Fonts
It's got character(s)Unicode character table
hundreds of plugins listedUnheap - A tidy repository of jQuery plugins (ads)
'brings together the riches'Digital Public Library of America
information on 'viewports'
comprehensive listResponsive Resources – "a collection of resources about the various aspects of responsive web design"
'gradients and color stops'CSS3 Patterns Gallery
the state of mobile fontstinytype – "a compatibility table showing the available default system fonts across different mobile platforms"
ascii character referenceCharacter Codes
for front end developersThe Accessibility Project – "A community-driven effort to make web accessibility easier."
updated infoThe iOS Design Cheat Sheet Volume 2
hosted icon font setsWe Love Icon Fonts
notable design/dev resources
'typographic foundations'Interactive Guide to Blog Typography
CSS icons collectionOne div - The single element HTML/CSS icon database
an 'incomplete, personal reference'Style Manual
'resources that matter'Agile Designers : Best online resources for Web designers, Graphic Designers
'aimed at developers'What Every Programmer Absolutely, Positively Needs to Know About Encodings and Character Sets to Work With Text
for web app developersWebshell – "A platform to explore, consume, mix and share APIs..."
'productive scholarship'Academic workflows on Mac
useful keystrokes referenceASCII Extended Character Set for Mac
database referenceMySQL Tutorials
Getting to know the MySQL database engine
'designing for color blindness'Color Oracle
'interactive reference'&what; -- Discover Your Character *
* promotional vehicle
to help one choose...iPhone 5 - US Carrier Comparison
tips for (new) Mac usersFor My Friends With Macs
'for anyone, anywhere, anytime'edX – "The Future of Online Education"
browse online or download dataCPU DB - Looking At 40 Years of Processor Improvements | A complete database of processors for researchers and hobbyists alike.
an old "new" browser primerLearning IE8
Listing and Demonstrating the "New" Features in Internet Explorer 8
Within the next 12 months, many Web developers will be dropping IE7. Many Web developers have also been ignoring some modern browser capabilities because, well, they weren't supported by their baseline browser. This site aims to list and demo the platform features that were introduced in IE8 years ago, so you can make the most of today's new baseline.
Q&A for parentsParenting Beta - Stack Exchange
'grammar, usage, and style'Grammarist
Most of the people who visit this website are looking for quick answers to their questions about English grammar and usage, and we try to accommodate these visitors by keeping our posts as concise and straightforward as possible.
fine art repositoryWikiPaintings.org - the encyclopedia of painting (beta)
legal info: open sourceA Legal Issues Primer for Open Source and Free Software Projects - Software Freedom Law Center
using HTML5 responsiblyHTML5 Please
Look up HTML5 features, know if they are ready for use, and if so find out how you should use them with polyfills, fallbacks or as they are.
'magnet for privacy complaints'A New Year for Privacy: The PRC Launches Online Complaint Center
'reported adverse events'DrugCite (mobile)
See drug side effects reported to the FDA by people like you.
useful HTML5 resourcesHTML Elements and Attributes (html5.org) » HTML5 — Edition for Web Developers (WHATWG) + (X)HTML5 Validator
'small knowledge chunks'Connexions
Sharing Knowledge and Building Communities
'contributing to the platform'Move The Web Forward | Guide to getting involved with standards and browser development
research newsFuturity.org – "features the latest discoveries in all fields from scientists at the top universities in the US, UK, Canada, and Australia"
quick referenceInstaCSS | Instant CSS Documentation Search
'free university lectures'Lecturefox
[Eduardo Morais' stream]
an overview of jQueryjQuery Fundamentals
'opening up education'OpenClassroom
[Free computer science classes online]
Stanford Engineering professors are offering three of the school's most popular computer science courses for free online this fall, and at the same time launching an experiment that could transform the way online education is delivered...
'creating mobile web experiences'Mobile Web Best Practices
The mobile web landscape changes on a seemingly-daily basis. That's why this site doesn't try to be the definitive guide to creating for the mobile web. It simply serves as a guide to point people in the right direction and help them discover new tools and techniques.
explore historyTimelines.com: Discover, Record and Share History with Timelines (ads) [@BoounceCom]
OS X Automator resourcesMac OS X Automation » Mac OS X 10.7 Lion Automation Release Notes » Automator/Services
List: Useful Tools/Resources
design info and tipsThe iOS Design Cheat Sheet
keyboard shortcutsdashkards - dashboard cheat sheets for your favorite mac apps
free license fontsOpen Font Library (ads)
The goal of the Open Font Library is to offer great fonts, help designers share their work, accelerate the usage of the @font-face tag available in modern web browsers, and to help educate everyone about how to design and use fonts.
developers' scripting resourcesMicrojs: Micro-Frameworks and Micro-Libraries
'Free Wiki World Map'OpenStreetMap
OpenStreetMap is a free editable map of the whole world. It is made by people like you.
OpenStreetMap allows you to view, edit and use geographical data in a collaborative way from anywhere on Earth.
List: OS X Shortcuts, etc.Mac OS X hidden features and nice tips & tricks
'the biggest bottlenecks'Slow Performing Add-ons
Note: I've peen experiencing some problems with Firefox 4 and am hoping this list will be helpful in troubleshooting. /jj
'open science community'science.io
Comment on, recommend and submit papers. Get up-to-date on a research topic. Follow a journal or an author. science.I/O is in beta and is currently focused on Computer Science.
'use CSS3 right now'CSS3 properties exposed
Note (our opinion):
All of the proprietary syntaxes are a shame in terms of web standards, but this is a useful resource for keeping up with the syntaxes that currently work.
'interactive weather charts'WeatherSpark (beta)
'complete and detailed study'The Pac-Man Dossier
since 1996First Monday – "one of the first openly accessible, peer-reviewed journals on the Internet, solely devoted to the Internet"
peer-reviewed academic resourceInternet Encyclopedia of Philosophy
connectivity by communityNational Broadband Map – "a searchable and interactive website that allows users to view broadband availability across every neighborhood in the United States"
building a catalogFonts In Use - Type at work in the real world.
free 'high quality ebooks'Project Gutenberg
'dynamic research platform'eScholarship: University of California
'quick references'Cheat Sheets – "a selection of free, printable quick references for a variety of languages and web technologies'
'sharpening our skills'AskApache - Crazy Advanced Web Development
advice and resourcesScrunchup – "the web magazine for young designers and developers"
'cut-and-paste examples'HTML5/CSS3 Cheatsheet
scienceblogging.orgScience Blogging Aggregated
'Q &A for power users'Web Apps - Stack Exchange
'huge variety of devices'Mobile-friendly: The mobile web optimization guide
'primer and reference tool'Design Is History – "A collection of information intended to be used as a primer and a reference tool in relation to the history of graphic design." [Bifurcated Rivets]
some useful stuff...USA.gov: Mobile Apps
Mac/iPhone goodiesiconpaper – "All you need to customize your Mac and your iPhone, releases (wallpapers, icons, docks,...), tutorials and apps."
resource for Jazz loversJazz Quotations
'perfectly legible'good web fonts
Related: How to use CSS @font-face
let's talk useful...Stain Removal Solutions
'tutorials and screencasts'jQuery for Designers
List: Resources for Copy WritersOnlineStylebooks.com
days getting longer ('round here)Daylight Hours Explorer (Flash)
resources for K-12 educatorsScience NetLinks
'unusual' color referencecolor vision (see intro)
one for the kidsNCES Kids' Zone
articles and 'one-pagers'Five Minute Argument
links to ezines, etc.alog. shelter for ezines and netlabels
Regional IP Number Look-up
food safety info. gatewayFoodSafety.gov
'a graduation project'We are Colorblind » Patterns for the Color Blind
explore the vaultsNational Archives Experience (Flash)
freeware for PC & MacThe Best Free Apps
'journey through the sciences'NOAA Photo Library
another CSS framework (2)BlueTrip CSS Framework
BlueTrip gives you a sensible set of styles and a common way to build a website so that you can skip past the grunt work and get right to designing.
environmental documentary projectWaterlife (Flash)
free customizable iconsIconza
quick reference...Entity Code - A Clear and Quick Reference to HTML Entities Codes
topical collectionsLibrary of Congress Web Archives
shortcuts and other infoMozilla Firefox Cheat Sheet
documenting printed cartoon artThe Ohio State Cartoon Library & Museum
quick reference to tagsSHOW ME HTML – Here's one you might like...
'a digitalization project'The Virtual Laboratory – "Essays and Resources on the Experimentalization of Life"
'Accountability and Transparency'Recovery.gov
fyiHow to permanently delete your facebook account.
public domain audiobooksLibriVox – "acoustical liberation of books in the public domain"
'comprehensive directory'PhilPapers: Online research in philosophy
'current events and news'LISNews | Librarian And Information Science News
'geometric tiling patterns'A Tiling Database
another CSS frameworkSenCSs
SenCSs supplies sensible styling for all repetitive parts of your CSS, allowing you to focus on actually developing your website's style.
tracking UK journalistsjournalisted.com – "an independent, non-commercial website built to help the public navigate the news" [preoccupations]
Beware of links to external news sites with heavy and/or intrusive advertising.
metasearch toolTriplify : Triple Simplify Engine - Search, Compare and Sort!
confusing graphs includedAdd-on Compatibility Report (Firefox)
a new presence...Change.gov – "Office of the President-Elect"
aggregator/directoryregator.com – "a bite of the blogosphere's best"
'browse web type'Typechart – "lets you flip through, preview and compare web typography while retrieving the CSS"
connect with natureNWF Green Hour (see NatureFind)
downloads variety of toolsAnti-Malware Toolkit 1.03.125
Note: This is not an endorsement.
extensive Dylan resourceBob Dylan: Chords and Lyrics
'connections between people'NNDB: Tracking the entire world – "an intelligence aggregator that tracks the activities of people we have determined to be noteworthy, both living and dead" [Deeplinking]
started in 1996Web Gallery of Art – "a virtual museum and searchable database of European painting and sculpture from 12th to mid-19th centuries"
'disposable paper rulers'Some printable paper rulers
online since 1996The Airbrush Museum & Séance Room – "a serious site with a twist of humor"
Library of Congress (2)Poetry 180 – "a poem a day for american high schools"
offline service (fax and phone)ReadThisToMe.org – "A free reading service for the blind and low-vision community"
List: Design Resources (2)For Webdesigners
List: Free Icons (2)A Cornucopia of Icons
free font originalsexljbris :: Free Quality Font Foundry
transparent .png icons in 4 sizesUserInterfaceIcons.com – "Free Icons for Software & Web Application Interfaces"
from 1600 to 1930A Brief History of Billiards and the Tools of the Trade [lli.org]
'get human customer service'gethuman 500 database
how to 'tattoo' your teeBleach on fabric tutorial
'still in development'CSS Compressor – "Removes useless stuff from stylesheets."
Chicago crime databasechicagocrime.org – "A freely browsable database of crimes reported in Chicago."
'communication in public spaces'urbanarchives.org
bicycle timelineBicycle Museum of America
[what about the plastic animals?]
personal reviews and photosUncover – "The concept is simple: when you're making up your mind about where to go, you visit Uncover and browse through our reviews and photos of different bars and clubs in your area."
test connection speedBroadband Speedtest and Diagnostics v1.1 Firefox extension (Windows) [v1.0.3]
comparison/overviewComparison of elements in different HTML versions
'many different webservices'test everything — 100+ tools in one!
a 'showroom' of scriptsMiniAjax.com – "nice looking simple downloadable DHTML and AJAX code"
search plusYubNub – "a (social) command line for the web"
should have linked sooner...Feed Validator for Atom and RSS
'essential web tools'Protolize.org
create interactive panoramasCleVR [Ireneo's Memory]
for newer browsers...Nice and Free CSS Templates
digital collectionCities Around the World – "presents over 6,100 photographic images from the slide collections of the American Geographical Society Library"
List: RSS FeedsList of Library of Congress RSS Feeds
'AlertMap'Haveria Emergency and Disaster Information Service
interactive Java appletGenealogy of Influence – "a visualization of the connections between the most influential writers, artists, philosophers, scientists, and mathematicians of Western culture" [Ireneo's Memory]
local music scenestourfilter
a primer for beginnersQuick HTML – "An easy and quick HTML tutorial"
long list of resourcesWeb Design References: CSS
[CSS tests and experiments]
on the basics...Beginners guide to CSS and standards
List: University LecturesFree Academic Podcasts
'properly indent' codeTabifier (HTML and CSS code beautifier)
lessons and galleriesDrawspace.com - Drawing Lessons
[The Stingy Scholar]
listed by 'task' and OSJust use it! "Recommended tools, sites and resources."
'using little or no pesticide'The UC Guide to Healthy Lawns
tips to 'avoid collisions'Watch Your Scripts
shortcuts, etc. (XP)Mozilla Firefox Cheat Sheet
IBM 'developerWorks'Introduction to Ajax (see series)
CSS experiments...FrankManno.com - Ideas (a.k.a. My playground)
.png + original .psd filesSweetie - Free icon set
150+ clean and clear icons to use in your nifty web application. They are licenced under a Creative Commons licence, so commercial use is fine. Also feel free to make derivatives with the included Photoshop document.
note taking toolsFifty Ways to Take Notes
extension for Windows users...mozdev.org - calculator
List: AJAX ResourcesAJAX Resources for Beginners
useful listWindows XP shortcuts and hidden features
list of resourcesCSS Rounded Corners 'Roundup'
helps track link sourcesHow'd I Get Here (Firefox extension)
[gammatron (phase ii)]
shorthand properties, etc.5 Tips for Organizing Your CSS
search by topicOpinmind "collects the opinions of bloggers all over the world on every subject imaginable."
new 'bookmarking engine'BlinkList
'best' programs reviewedfavorite apps
'Explore the tools...'The Artist's Toolkit
postal codes, etc.Data Point - Downloads (banner ads)
University of MichicanMother of all Art and Art History Links Page
independent filmsFolkstreams.net – "The mission of Folkstreams.net is to build a national preserve of documentary films about American folk or roots culture. Produced by independent filmmakers, these hard-to-find films give voice to the arts and experience of diverse American groups. They are streamed on the website together with background materials that highlight the history and aesthetic importance of the traditions and the films."
color signalsEmotions of color
validation toolsUITest.com: Validators, Checkers, Generators, and Tools for Sophisticated Web Development [gammatron (phase ii)]
making things...Instructables – "step-by-step collaboration"
searchable listingThe Internet Pinball Machine Database
surrealist linksSurrealist Resources & Links – "Some are left out by accident, some with good reason and some are questionable."
developers/designersWeb developer documentation for Mozilla
introducing...mobilemarks – pointers for the small screen
List: Misc. Resources (8)
utility (in development)Colorblind Web Page Filter
List: Misc. Resources (7)
button on status barfirefox GeoURL extension
resources and tools...UITest.com: User Interface Test Resources
List: Misc. Resources (6)
List: Misc. Resources (5)
useful Firefox extensionLinkChecker
[gammatron (phase ii)]
Firefox extensionResizeable Textarea 0.1a
ads from 1911 to 1957Ad*Access – "a pilot project to make a selection of historical advertisements available for study and research"
List: Misc. Resources (4)
'news blog'PhotoshopNews.com – "dedicated to news and information about all things Photoshop." (not affiliated with Adobe)
pluginFreetag – "an Open Source Tagging / Folksonomy module for PHP/MySQL applications" [Waxy.org Links]
major programs comparedWhat P2P Programs Install What Spyware?
CSS tricksTen CSS tricks you may not know
List: LA ResourcesLA Blogs - See Los Angeles Through Your Neighbors' Eyes
'clear tutorials'Instructions for Apache, Perl/CGI, PHP, and MySQL on Windows
most are under 1MB"My Favorite Smallware"
[A Welsh View]
more than textures...Mayang's Free Textures – "over 1400 free to download, free to use, high-resolution textures"
downloads (personal use)Pixelhuset – "Quality desktops, icons, fonts and sounds, made for your Macintosh"
color pickerColorZilla Extension for Firefox and Mozilla
List: PHP TutorialsWeb Design References: PHP
from MacDevCenter.comA Brief Introduction to GPS Photo Linking
List: Misc. Resources
Mozilla Inline EditorMozile (xhtml editing in your browser)
PHP scriptFolderblog – "automatically displays the images placed in a given subdirectory"
art linksIntersections of Art, Technology, Science & Culture
'image collection portal'Visual Collections
"images of art, history, and culture"
using PhotoshopDigital Black and White by Thom Hogan
at WikipediaPublic domain image resources
List: Alternative Portals
Public DomainGoogle Answers: Web sites that contain collections that are copyright free
Restroom?WorldToilet.info "the most important travel conversation"
Restroom?WorldToilet.info "the most important travel conversation"
photos and illustrationsPixel Perfect Digital 3.0 - Free Image Archive
- reBlog – "facilitates the process of filtering and republishing relevant content from many RSS feeds. reBloggers subscribe to their favorite feeds, preview the content, and select their favorite posts. These posts are automatically published to a Moveable Type weblog.
- mp3 blogs/rotation etc. – "blogs out there which host mp3s or links to mp3s somewhere on the internet and whose authors usually write something about the music."
- SITO – "to promote art, artists and the exploration of new art forms"
List: Assorted Resources
Feed the photos...Syndicated Photography Feeds. "Pheed.com is a database of information about photographs available on the web. We present the work of photographers who have made information about their images available as an RSS feed..."
comprehensive listRSS Feed Reader / News Aggregators Directory
your handwriting to fontFontifier. "Your own handwriting on your computer"
List: General Resources
today's daily pointers
The dailywebthing is intended
for a mature audience.
Some rights reserved.