Create and share beautiful images of your source code.
Start typing or drop a file into the text area to get started.
webdev  code  presentation  html5  css 
6 days ago
The Front-End Checklist – codeburst
An Exhaustive List of all the Elements you need to have/test Before Launching your Website To Production.
css  html  javascript  checklist  webdev  list 
29 days ago
Learn Anything
Learn Anything is the platform for knowledge discovery that helps you understand any topic through the most efficient paths, as voted by the community. Each topic has an Interactive Map with nodes to other subtopics, external links and resources.
education  interactive  search  programming  webdev  css  html  javascript  network 
4 weeks ago
beginners - Nootropics
The term nootropics refers to a wide range of artificial and natural compounds which are thought to enhance cognitive function.
drugs  medical 
4 weeks ago
CSS Box Alignment Module Level 3
This module contains the features of CSS relating to the alignment of boxes within their containers in the various CSS box layout models: block layout, table layout, flex layout, and grid layout.
css  reference  w3c  webdev  spec 
8 weeks ago
CSS Box Alignment Module Level 3
This module contains the features of CSS relating to the alignment of boxes within their containers in the various CSS box layout models: block layout, table layout, flex layout, and grid layout.
css  w3c  webdev  spec  reference  flexbox  grid 
8 weeks ago
CSS Display Module Level 3
This module describes how the CSS formatting box tree is generated from the document element tree and defines the display property that controls it.
w3c  css  reference  spec  webdev 
8 weeks ago
CSS Values and Units Module Level 4
This CSS module describes the common values and units that CSS properties accept and the syntax used for describing them in CSS property definitions.
css  reference  w3c  spec  webdev 
8 weeks ago
30 Seconds of CSS
A curated collection of useful CSS snippets you can understand in 30 seconds or less.
code  css  examples  reference  webdev  teaching 
8 weeks ago
The Illustrated TLS 1.3 Connection: Every Byte Explained
Every byte explained and reproduced

A revised edition in which we dissect the new manner of secure and authenticated data exchange, the TLS 1.3 cryptographic protocol.

In this demonstration a client connects to a server, negotiates a TLS 1.3 session, sends "ping", receives "pong", and then terminates the session.

ALSO: a really cool example of how to present data
reference  security  ssl  examples  code  webdev  http  cryptography 
9 weeks ago
Fold N Fly ✈
A database of paper airplanes with easy to follow folding instructions.
education  video  learn  guide  tutorial  games  reference 
9 weeks ago
Privacy Heroes
We're an alliance of privacy-focused online services on a mission to defend Internet users from surveillance, hacking, and censorship.
alternatives  apps  privacy  security  encryption  search  browser  email  messaging  storage  cloud 
9 weeks ago
No More Google
Privacy-friendly alternatives to Google that don't track you
google  service  alternatives  software  privacy 
11 weeks ago
Why We Built Notion - A Story of Tools and the Future of Work
Write, plan, collaborate, and get organized. Notion is all you need — in one tool.
websanity  spreadsheet  crm  writing  free  sharing  database  wiki  collaboration 
11 weeks ago
PrivacyHaus – Secure Options for a Private Life
Protect Your Privacy

From intrusive advertising to state-sponsored surveillance, our privacy is being eroded at an alarming rate. Use secure apps and services to help keep your privacy intact.
12 weeks ago
CSS Design Awards - Website Awards - Best Web Design Inspiration - CSS Awards
A web design & development award platform for digital folk, UI/UX peeps and inspiring leaders of the web.
css  design  webdev 
12 weeks ago
Awwwards - Website Awards - Best Web Design Trends
The awards of design, creativity and innovation on the internet
webdev  design  examples 
12 weeks ago
Standard Notes | A Simple And Private Notes App
Standard Notes is a safe place for your notes, thoughts, and life's work.
Free, open-source, and completely encrypted.
free  windows  notes  opensource  ios  mac-os-x  sync 
october 2018
Practice your coding skills on short coding contests - Clash of Code
Clash of Code is a special multiplayer game mode where you can challenge your friends, schoolmates or coworkers to short coding battles (from 5 to 15 minutes max).

When entering the Clash of Code arena, you are sent to the Clash lobby, where you wait for other players to join you in the game.
Once enough players have joined (at least two people), the Clash starts.
game  programming  teaching 
october 2018
Coding Games and Programming Challenges to Code Better
Step up your Coding Game

The new way to improve your programming skills while having fun and getting noticed
code  game  programming  teaching 
october 2018
Favicon Checker—See how your favicon hold up across popular browsers, including native dark and light modes.
Compare your favicons on all major web browsers, including native dark and light modes.
webdev  browser 
october 2018
explainshell.com - match command-line arguments to their help text
This site contains 29761 parsed manpages from sections 1 and 8 found in Ubuntu's manpage repository. A lot of heuristics were used to extract the arguments of each program, and there are errors here and there, especially in manpages that have a non-standard layout.

It is written in Python and uses bashlex, a bit of NLTK (to find the interesting parts of the manpage), a little d3.js (for the connecting lines graphic) and Flask. It is served with uwsgi and nginx. Source code is available on github.
bash  linux  shell  help  guide 
october 2018
ASCIIFlow Infinity
Web-based drawing app that generates ASCII art.

My primary goal when creating this website was to provide a simple way to embed flow diagrams or drawings within emails, blogs, text based media. However, since starting development it has started to become more than this, with a link to export drawings to DITAA, as well as sharing and saving.
ascii  design  web-based  diagramming  generator  chart 
october 2018
Emmet Documentation
Emmet takes the snippets idea to a whole new level: you can type CSS-like expressions that can be dynamically parsed, and produce output depending on what you type in the abbreviation. Emmet is developed and optimised for web-developers whose workflow depends on HTML/XML and CSS, but can be used with programming languages too.
javascript  html  automation  webdev 
october 2018
CSS conic-gradient() polyfill
Conic gradients are awesome, but browsers haven’t realized yet. This polyfill lets you experiment with them now.
september 2018
Book Marks: The book review aggregator
Every day, the Book Marks staff scours the most important and active outlets of literary journalism in the US—from established national broadsheets to regional weeklies and alternative litblogs—and logs their book reviews. When a book is reviewed by at least three outlets, each of those reviews is assigned an individual rating (Rave, Positive, Mixed or Pan). These ratings are then averaged into a result and the book becomes part of our Book Marks database.

Each book’s cumulative rating functions as both a general critical assessment, and, more significantly, as an introduction to the range of voices and opinions that make up the world of American literary criticism. These opinions are accompanied by pull quotes representative of the overall stance of each individual review, and readers can click through to the full review at its source.

Readers can express their own opinions alongside those of the critics in each book page’s What Did You Think Of… comments section.

Book Marks exists to serve as a consolidated information resource for the reading public and a link between the worlds of literary creation, criticism and consumption. We hope it will bring more attention to great books and great criticism.
books  reviews  socialnetworking 
september 2018
The Encyclopedia of Science Fiction
Welcome to the Third Edition of the Encyclopedia of Science Fiction, edited by John Clute, David Langford, Peter Nicholls (emeritus) and Graham Sleight (managing). All the 17,500+ entries are free online.
scifi  encyclopedia  reference  reading 
september 2018
Shotcut - Home
Shotcut is a free, open source, cross-platform video editor for Windows, Mac and Linux. Major features include support for a wide range of formats; no import required meaning native timeline editing; Blackmagic Design support for input and preview monitoring; and resolution support to 4k.
video  free  opensource  editing 
september 2018
Automatically delete your old tweets with TweetDelete.net
Protect your privacy by automatically deleting posts older than a specified age from your Twitter feed. This allows you to delete all your tweets all at once (up to 3,200 tweets), and helps make it easier to delete multiple tweets in one go.
twitter  free  privacy  service 
september 2018
Lorem Ipsum Generator
Generate Lorem Ipsum placeholder text. Select the number of characters, words, sentences or paragraphs, and hit generate!
loremipsum  webdev  design 
september 2018
Color Leap - History's Palettes
Color Leap lets you time travel back through the color palettes of history, from colorful Egyptian sarcophagi circa 2000 BCE to stained glass windows circa 1000 CE to advertisements in the 1950s.
color  webdev  design  history 
september 2018
Interactive Flex Generator / flex-direction: row and column
This page was created as a free educational resource. Teachers (allegedly) use it in on-screen school presentations, students use it as a classroom reference, or just for fun!
interactive  webdev  tutorial  flexbox  css 
september 2018
Joplin - an open source note taking and to-do application with synchronisation capabilities
Joplin is a free, open source note taking and to-do application, which can handle a large number of notes organised into notebooks. The notes are searchable, can be copied, tagged and modified either from the applications directly or from your own text editor. The notes are in Markdown format.

Notes exported from Evernote via .enex files can be imported into Joplin, including the formatted content (which is converted to Markdown), resources (images, attachments, etc.) and complete metadata (geolocation, updated time, created time, etc.). Plain Markdown files can also be imported.

The notes can be synchronised with various cloud services including Nextcloud, Dropbox, OneDrive, WebDAV or the file system (for example with a network directory). When synchronising the notes, notebooks, tags and other metadata are saved to plain text files which can be easily inspected, backed up and moved around.

The application is available for Windows, Linux, macOS, Android and iOS. A Web Clipper, to save web pages and screenshots from your browser, is also available for Firefox and Chrome.
apps  windows  sync  opensource  mac  notes  linux 
august 2018
The Universe By Numbers - The Physics of the Universe
Some of the numbers, both small and large, that are bandied around in modern physics are very difficult to grasp. Below is a table listing - from the infinitesimally small to the incomprehensibly large - some of the numbers which are relevant to the subject matter.

Obviously, the units used affects these numbers (e.g. meters, kilometers, miles, light years, etc), but I have tried to use consistent metric units throughout: meters for distance, seconds for time, meters/second for speed, degrees Kelvin for temperature, kilograms for mass, kilograms/meter3 for density, Joules for energy, Coulombs for electrical charge, kilopascals for pressure.
physics  science  visualization  space 
august 2018
Mastodon news, tips, and tools - Bookmarks
Mastodon news, tips, and tools in Bookmarks by David Chartier
mastodon  social-networking  help 
august 2018
Discover and Read the Best of Twitter Threads
Thread Reader App is a service that allows anyone to unroll long Twitter thread and display them on an easy to read page.
service  twitter 
august 2018
Clippy — CSS clip-path maker
Shape up your website with CSS clip-paths!

Clippy is a tool for generating values for shape functions for the new and cool CSS clip-path property.
animation  css  design  tool  free  webdev  images 
august 2018
US Industry Reports & Global Trends | IBISWorld
IBISWorld’s Industry Research Reports provide strategic insight and analysis on over 1,300 US industries. Comprehensive, neutral and digestible, IBISWorld research keeps you up-to-date on US industries and economic factors to help you make better decisions, faster.
research  economics  business 
august 2018
Skype Interviews | The essential Skype app for recruiters
The essential Skype app for recruiters. Scheduling, shared canvas and notes - all in one tool.
code  collaboration  voip 
august 2018
Accessible UI Components For The Web – Addy Osmani – Medium
When designing for accessibility, there are four key areas of disability to consider: visual, hearing, mobility and cognition.
webdev  accessibility 
august 2018
Patterns - The A11Y Project
An accessible widget & pattern library
webdev  patterns 
august 2018
Nutrition Cards for Accessible Components A11Y Expectations
A11Y Nutrition Cards is an attempt to digest and simplify the accessibility expectations when it comes to component authoring. Based on the WAI ARIA Authoring Practices Guide.
accessibility  webdev  patterns 
august 2018
Inclusive Components
A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece.
webdev  patterns  css  html5 
august 2018
URL-encoder for SVG
We can use SVG in CSS via data URI, but without encoding it works only in Webkit based browsers. If encode SVG using encodeURIComponent() it will work everywhere.

SVG must have attribute xmlns like this: xmlns='http://www.w3.org/2000/svg'. If it doesn't exist, it will be added automagically.

Encoded SVG can be used in background and border-image.
svg  tool  webdev  conversion  css 
august 2018
Create graphics with a hand-drawn, sketchy, appearance
javascript  svg  library  programming  webdev 
august 2018
Regex Dictionary by Lou Hevly
The Regex Dictionary is a searchable online dictionary, based on The American Heritage Dictionary of the English Language, 4th edition, that returns matches based on strings —defined here as a series of characters and metacharacters— rather than on whole words, while optionally grouping results by their part of speech. For example, a search for "cat" will return any words that include the string "cat", optionally grouped according to gramatical category:

- Adjectives: catastrophic, delicate, eye-catching, etc.
- Adverbs: marcato, staccato, etc.
- Nouns: scat, category, vacation, etc.
- Verbs: cater, complicate, etc.

In other words, the Regex Dictionary searches for words based on how they are spelled; it can find:

- adjectives ending in ly (197; ex.: homely)
- words ending in the suffix ship (89)
- Adjectives (1, midship)
- Nouns (80; ex.: membership)
- Suffixes (1, -ship)
- Verbs (6; ex.: worship)
- words, not counting proper nouns, that have six consecutive consonants, including y (79; ex.: strychnine)
- words, not counting proper nouns, that have six consecutive consonants, not counting y (2; ex.: latchstring)
- words of 12 or more letters that consist entirely of alternate consonants and vowels (45; ex.: legitimatize)
regex  language  dictionary  reference 
august 2018
Submarine Cable Map
The Submarine Cable Map is a free and regularly updated resource from TeleGeography.
cables  internet  map  visualization 
august 2018
Memberful — Sell memberships to your audience.
Memberful makes it easy to sell memberships to your audience. Whether you’re writing a paid email newsletter, producing a podcast, or selling an online course, it’s simple to design your plan, add a purchase link to your site, and have your customers sign up!
api  webdev  websanity 
august 2018
The Ultimate Gaming on a Mac guide: Can my Mac run it? | Mac Gamer HQ
So you have a Mac, and in spite of hearing that Macs aren’t great for gaming, you still want to know what games your Mac can run.

You’re in for a surprise: Gaming on a Mac offers exceptional games that can be enjoyed even on older MacBooks. And while most Mac gaming guides give you system requirements and hardware specs, we focus on the real question you’re asking yourself:

Can I run it, Mac?

We went ahead and spent hours testing some of the best Mac games on several Mac models, ranging from powerful iMacs to older MacBook Pros:
reviews  mac  database  games 
august 2018
The Bash Guide
This guide is an introduction to basic and advanced concepts of the bash shell.

It teaches both newcomers and long-time users the best, safest and most robust ways of writing powerful bash scripts as well as making efficient and speedy interactive use of the shell.
bash  programming  shell  scripting  guide  help 
august 2018
The Bash Hackers Wiki [Bash Hackers Wiki]
This wiki is intended to hold documentation of any kind about GNU Bash. The main motivation was to provide human-readable documentation and information so users aren't forced to read every bit of the Bash manpage - which can be difficult to understand. However, the docs here are not meant as a newbie tutorial.
bash  linux  programming  reference  shell  scripting  guide 
august 2018
Data Breaches - Identity Theft Resource Center
The Identity Theft Resource Center has been tracking security breaches since 2005, looking for patterns, new trends and any information that may better help us to educate consumers and businesses on the need for understanding the value of protecting personal identifying information.
security  identity 
august 2018
Doug Gilford's Mad Cover Site - Regular Issue Cover Index
Look at every regular issue cover
from the comic book days of 1952 to the present day!
collection  art  history  humor 
july 2018
git - the simple guide - no deep shit!
just a simple guide for getting started with git. no deep shit ;)
webdev  git 
july 2018
Free vector icons - SVG, PSD, PNG, EPS & Icon Font - Thousands of free icons
973,000 vector icons grouped in 19,299 packs

The largest database of free icons available in PNG, SVG, EPS, PSD and BASE 64 formats.
design  icons  svg  free 
july 2018
TAPES — The Mckenzie Tapes
The McKenzie Tapes is a collection of live audio recordings from some of New York City-area most prominent music venues of the 1980s and 1990s.

The collection itself was recorded by David McKenzie, a Kearny, NJ-native and former Maxwell's employee (that's him pictured above!). It spans mostly from 1985 to 1993, and includes shows played not only at Maxwell's, but also The Ritz, Irving Plaza, City Gardens, and more.
1980s  music  1990s  free  streaming 
july 2018
Margolies, John, Available Online | Library of Congress
For more than 30 years beginning in the 1960s, photographer John Margolies criss-crossed the USA documenting the roadside architecture of a pre-corporate America, taking photos of diners, weird sculptures, mini golf courses, and signs that don’t exist anymore in great numbers.
1970s  stock  history  1960s  photography  americana  publicdomain 
july 2018
Itty bitty sites are contained entirely within their own link. (Including this one!) This means they're...

💼Portable - you don't need a server to host them
👁Private - nothing is sent to–or stored on–this server
🎁Easy to share as a link or QR code

Itty bitty sites can hold about as much as a printed page, and there is a lot you can do with that:

✒️Compose poetry
🛠Create an app
🐦Bypass a 140 280 char limit
🎨Express yourself in ascii
webdev  html  javascript  generator 
july 2018
Atlas Obscura - Curious and Wondrous Travel Destinations
We are a global community of explorers, who have together created a comprehensive database of the world’s most wondrous places and foods —14,710 of them contributed by our community so far, and more every day, from a secret apartment atop the Eiffel Tower to bridges built out of living roots, from a temple shaped like a chicken to an island ruled by cats, from a fruit that tastes like chocolate pudding to a spicy chutney made out of red ants.
july 2018
AppTalk - Let iOS apps talk
A user contributable directory of iOS apps with x-callback-urls.
automation  directory  ios  list 
june 2018
Cross browser testing - Learn web development | MDN
This module focuses on testing web projects across different browsers. We look at identifying your target audience (e.g. what users, browsers, and devices do you most need to worry about?), how to go about doing testing, the main issues that you'll face with different types of code and how to mitigate them, what tools are most useful in helping you test and fix problems, and how to use automation to speed up testing.
webdev  browser  test 
june 2018
OpenIP.Cam - Open IPC Platform
Open Platform IP Camera Firmware

Update your Xiaomi or Wyze IP Camera with our Open IPC firmware and connect via RTSP to your existing surveillance setup! Our open IPC firmware brings RTSP and custom development to your proprietary IP camera.
camera  free  opensource 
june 2018
An animated avatar that responds to text field interactions
cute  design  opensource  ui  webdev  animation  interface 
june 2018
Fathom does just that. It tracks users on a website (without collecting personal data) and give you a non-nerdy breakdown of your top content and top referrers. It does so with user-centric rights and privacy, and without selling, sharing or giving away the data you collect. It's a simple and easy to use for website owners at any technical level.
opensource  websanity  free  webdev  analysis 
june 2018
A beautifully illustrated glossary of typographic terms you should know – Learn
The world of typography often seems like it has its very own language, full of serifs, strokes, and swashes.

Sorting out all those terms can be confusing in itself, so we’ve compiled a visual glossary that will guide you through the lingo — whether you’re an aspiring typeface designer or just a general typography enthusiast.
typography  guide  examples  webdev 
june 2018
Search Engine for Source Code - PublicWWW.com
Find any alphanumeric snippet, signature or keyword in the web pages HTML, JS and CSS code.
code  search  source  searchengine  webdev  programming 
june 2018
« earlier      
admin advertising ajax amazon analysis android api apple archive art audio automation backup bash bittorrent blog books browser business buy calendar camera chart cheap cheatsheet clothing cloud cms code collaboration collection color comics commandline computer conversion copyright creativecommons crime css data database design dictionary directory diy dns documentation download dvd ebooks ecommerce editing education election2012 electronics email encryption encyclopedia examples extensions facebook filesharing firefox flash flickr fonts food framework free fun games generator geography gifts google googlemaps government graphics guide hacks hardware health help historical history home hosting howtechworks howto html html5 humor icons ideas images internet ios ipad iphone javascript kids language law library links linux list literature macosx maps markdown mashups media microsoft mobility money movies multimedia music network news obama opensource p2p pdf photography php plugin podcasting politics presentation privacy productivity programming psychology publicdomain publishing reading reading-diary reference regex religion repository research retro reviews rss science scripting search searchengine security seo service sharing shell shopping social-networking socialmedia software standards statistics stlouis stock storage store styleguide support surveillance teaching technology templates test text timeline tips tools travel tutorial tv twitter typography ubuntu ui utilities video vim visualization voting web web2.0 webapps webbased webdev websanity wiki wikipedia windows wireless wishlist wordpress writing

Copy this bookmark: