public marks

PUBLIC MARKS from sbrothier with tags webdesign & tools


Relay — Design Communication Synced with Slack

by 1 other
Sketch Capture and share artboards with context. Send to your team without leaving the app.

The Ultimate Guide To iPhone Resolutions

At the beginning, coordinates of all drawings are specified in Points are abstract units, they only make sense in this mathematical coordinate space

Build a Website — Squarespace

We believe that even the wildest ideas should come to life in a beautiful way. Find out how we collaborated with Jeff Bridges to present one of his.

Best practices in online captioning

In 2003–2004, I worked for the TILE project, a university research program in accessibility of “learning objects” in education that was funded by Industry Canada. My topic was “best practices in online captioning,” about which little has been written. I was hoping to have a few demonstration projects to show you, but then again, demonstration projects are pretty much all we've got in online captioning. I did write the following chapters.

Sous-titrage des vidéos: optimiser leur aspect pour améliorer l’expérience utilisateur | Qelios Expertise – Accessibilité Web

by 2 others
Les référentiels d’accessibilité indiquent que les sous-titres synchronisés sont des éléments nécessaires à l’accessibilité des vidéos. Ce besoin concerne notamment les personnes en situation de déficience auditive, mais également les personnes ne maîtrisant pas la langue du contenu, ou ayant généralement une compréhension améliorée du contenu vidéo lorsqu’il est sous-titré.


ImageAlpha — image minifier (like JPEG with transparency!)

by 1 other (via)
ImageAlpha greatly reduces file sizes of 24-bit PNG files (including alpha transparency) by applying lossy compression and conversion to a more efficient PNG8+alpha format. Such images are compatible with iOS, all browsers, and even degrade well in IE6.

WebP — Google Developers

WebP is a new image format that provides lossless and lossy compression for images on the web. WebP lossless images are 26% smaller in size compared to PNGs. WebP lossy images are 25-34% smaller in size compared to JPEG images at equivalent SSIM index. WebP supports lossless transparency (also known as alpha channel) with just 22% additional bytes. Transparency is also supported with lossy compression and typically provides 3x smaller file sizes compared to PNG when lossy compression is acceptable for the red/green/blue color channels.


MadEye is a collaborative web editor backed by your filesystem.

Free Beautiful Online Survey & Form Builder | Typeform

by 4 others
Typeform makes asking questions easy, human & beautiful


Asana · Teamwork without email

by 1 other
Asana puts conversations & tasks together, so you can get more done with less effort.

Discovering Sketch — Design/UX — Medium

During my last trip to San Francisco for the WWDC 2013, I have been lucky enough to meet great people from all over the world that are dedicated and passionate about building better experiences and better tools for designer.


by 1 other
Make beautiful multimedia stories for apps, ebooks, and the Web with a free Creatavist account.

by 4 others (via)
Smartphones and tablets and monitors, oh my. We built to help you quickly find the screen specifications of the most popular devices and monitors currently on the market.

Drawscript - convert Illustrator shapes into code

by 2 others
Drawscript is an extension for Illustrator (available in Adobe® Creative Cloud) It generates graphics code from vector shapes in realtime.

TileMill | Fast and beautiful maps

by 3 others
Whether you're a journalist, web designer, researcher, or seasoned cartographer, TileMill is the design studio you need to create stunning interactive maps.

Webflow - Design Responsive Websites Visually

by 2 others
Build using our powerful and intuitive UI. Export production-ready HTML & CSS.


TinyPNG – Compress PNG images while preserving alpha transparency

by 2 others
TinyPNG uses smart lossy compression techniques to reduce the file size of your PNG files. By selectively decreasing the number of colours in the image, fewer bytes are required to store the data. The effect is nearly invisible but it makes a very large difference in file size!

Infographics and charts - interactive data visualization |

by 11 others
"'s product is gunning to be a kind of Adobe Illustrator for online, allowing anyone to create cool info-graphics." | create and share visual ideas online

by 6 others
create and share visual ideas online vhemes are visual themes. drag and drop a vheme onto your canvas for easy creation of your visual idea! is currently in beta but we would love your feedback here.

D3.js - Data-Driven Documents

by 7 others
D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.

Home | Design in the browser with web fonts and real content — Typecast

by 1 other
The web’s most beautiful typefaces Try typefaces from the web’s best known web font services. Design with real content Kiss goodbye to Lorum Ipsum. Get real web content in place, fast. Create HTML & CSS in the browser Quickly get to a working, standards-compliant prototype.


Support Details | Tech Support Management

by 2 others
Simply send a properly formatted URL with recipient, sender, or both to have the form above prefilled with information.