recentpopularlog in
« earlier  
Pandoc - About pandoc
If you need to convert files from one markup format into another, pandoc is your swiss-army knife. Pandoc can convert between a huge range of formats.
markdown  html5  ms_office  pdf  software 
11 hours ago
Excalidraw
Excalidraw is a virtual whiteboard that you can draw on. You can choose from a set of shapes, connect them with arrows or lines, add text, and color.
online_tools  graphics  web_design 
9 days ago
Compound grid generator
A little tool to generate compound grids. Enter the number of columns for each of your grids, and they’ll be magically merged into a compound grid. Use the output in your grid-template-columns property when using CSS Grid for layout.
CSS  online_tools 
9 days ago
Welcome to the arrogantly named library of, Good Email Code | good-email-code
Priority is given to making sure the code works. This means making sure it is semantic, functional, accessible and meeting user expectations. Consistency between email clients and pixel perfect design are also important but always secondary.
email  HTML 
9 days ago
How to Write Accessible Javascript
Four techniques to save you time and trouble when building accessible JavaScript-enabled websites and applications.
accessibility  javascript  development 
13 days ago
oEmbed
oEmbed is a format for allowing an embedded representation of a URL on third party sites. The simple API allows a website to display embedded content (such as photos or videos) when a user posts a link to that resource, without having to parse the resource directly.
javascript 
15 days ago
Adactio: Journal—Oh, embed!
Smart tips for performant embedding of videos.
video  performance 
15 days ago
Responsive Data Tables | CSS-Tricks
Quite a nice approach. Could be affected by the amount of data in the cells.
CSS  development  web_design 
27 days ago
Minimum Viable Data Collection
Collect the minimum information from users. Ideally zero.
privacy 
4 weeks ago
OpenRefine
A free, open source, powerful tool (previously Google Refine) for working with messy data. Explore data, clean and reform it, reconcile and match it.
tools  development 
5 weeks ago
Accessibility Assessment Checklist – Scott Vinkle
This checklist includes an outline of how to cover everything that’s required in an accessibility audit of a project or product. An audit needs to cover the minimum of WCAG 2.0 AA.
accessibility 
5 weeks ago
How Does HTML Microdata Help With Accessibility? – Scott Vinkle
Microdata helps to locate and arrange content for browser Reader Mode.
accessibility  HTML 
5 weeks ago
GitHub - omz13/kirby3-xmlsitemap: kirby3 plugin to generate an xml-based sitemap
For a Kirby3 site, this plugin automatically generates an xml-based sitemap at /sitemap.xml and provides a prettifier (/sitemap.xsl) for humans.
kirby 
5 weeks ago
HTML: The Inaccessible Parts - daverupert.com
"There are some cases where even using plain ol’ HTML causes accessibility problems." Dave's curated list of the HTML "gotchas" lurking in the shadows.
accessibility 
5 weeks ago
Page Weight
This report tracks the size and quantity of many popular web page resources. Sizes represent the number of bytes sent over the network, which may be compressed.
performance 
6 weeks ago
PHP Login System With Admin Features | evolt.org
More feature-rich than the 'PHP Login Script with Remember Me Feature' written by the same author on evolt.org.
PHP  development 
6 weeks ago
GD&T Symbols | GD&T Basics
Comprehensive list and explanation of GD&T (geometric dimensioning and tolerancing) symbols.
engineering 
6 weeks ago
Why tabs are clearly superior | Lea Verou
Tabs are for indention, spaces are for alignment. This!
development 
6 weeks ago
Literata - Google Fonts
Commissioned by Google from TypeTogether, Literata is an appealing and contemporary serif typeface family with an unusual UPRIGHT italic. In eight styles.
fonts  webfonts 
6 weeks ago
Teaser with multiple links
Linking strategies for teaser "cards".
HTML  CSS  javascript  web_design 
6 weeks ago
Mastering Perl by Brian D Foy
Mastering Perl is the third book in the series starting with Learning Perl, which taught you the basics of Perl syntax, progressing to Intermediate Perl, which taught you how to create reusable Perl software, and finally this book, which pulls everything together to show you how to bend Perl to your will.
perl  programming 
7 weeks ago
Precise control over responsive typography - MadeByMike
Creating fluid responsive typography with calc and viewport units.
typography  CSS  web_design 
7 weeks ago
Home | Utopia
Elegantly scale type and space without breakpoints. Includes a type scale calculator and CSS generator. Clever stuff.
typography  CSS  web_design 
7 weeks ago
Writing Less Damn Code: HeydonWorks
The way to make code faster is to write less of it!
development  HTML  CSS  javascript  performance 
8 weeks ago
calcolor.co | Calculate colors. Share palettes.
calcolor provides a convenient way to manage digital colors. You can easily preview a color, find its matching counterparts or modify the color composition. Afterwards, colors can be saved as personal favorites or shareable color palettes.
colour  web_design  online_tools 
8 weeks ago
Material Design Color Palette Generator - Material Palette
Pick two Google Material Design colours, and generate a palette.
web_design  colour  online_tools 
8 weeks ago
Blisk - a browser for web developers
"Blisk is the first developer-oriented browser. It provides businesses with a development workspace for the teams and freelancers to develop and test modern web applications twice faster." Interesting, but looks like you need a monthly subscription for real utility.
development  web_design 
8 weeks ago
Old CSS, new CSS / fuzzy notepad
A great history... sadly, I remember ALL of it!
CSS  ideas 
8 weeks ago
Photo Toning with Gradients & Blend Modes
Simulate toning effects and deliver the same image in many different ways by combining layered gradients over top of images and blending with the background-blend-mode property.
CSS  gradient  graphics  web_design 
8 weeks ago
Public Sector Accessibility Regulations - Articles - TetraLogical
(This is also a rather nice site by TetraLogical - Leonie Watson and Ian Pouncey.)
accessibility 
8 weeks ago
Inclusive Design Principles
Designing for the needs of people with permanent, temporary, situational, or changing disabilities — all of us really.
accessibility  usability 
8 weeks ago
Lighthouse | Eric Bailey
Eric's view of Lighthouse, an open source auditing tool made by Google to help developers understand how well their site is doing in terms of four metrics: Performance, Best Practices, Search Engine Optimization (SEO), and Accessibility.
performance  SEO  accessibility 
9 weeks ago
What is 'this' in JavaScript? - MadeByMike
A very basic explanation of the 'this' keyword in JavaScript.
javascript 
9 weeks ago
Font Combinations For Web Designers
Combining fonts for impact in web design & marketing online. Choose a font, see it paired with another.
typography  web_design 
9 weeks ago
30 no-code and low-code tools for your next project — Maker Mag
The no-code movement is real and it almost feels like every month brings its new set of no-code tools anyone can use to bring their idea to life. Here is a round-up of 30 of the most popular ones.
development 
9 weeks ago
Stacked "Borders" | CSS-Tricks
Stacking borders on top of each other, in order to create unusual shapes that catch the eye. By Eric Meyer.
CSS  web_design  tutorials 
9 weeks ago
Poor Man's Styleguide | A frontend styleguide for the pragmatic
What is this?
It's a quick-and-dirty frontend styleguide, designed to be copied and pasted into your CMS.

Why?
You're not Twitter Bootstrap. You don't have the time or money to make a custom fancy-pants dynamic CSS pattern-library. And that's OK. You have other fish to fry.
styleguides 
9 weeks ago
Responsive spacing with viewport and ch units | Chip Cullen
Using these units to adjust padding and content width.
CSS  web_design 
9 weeks ago
Screencasts - Alex Carpenter
Short video tutorials for front-end web developers every Monday morning.
CSS  javascript  HTML  tutorials 
9 weeks ago
If it’s free online, you are the product
Senator Orrin Hatch: ‘How do you sustain a business model in which users don’t pay for your service?’

Zuckerberg: “Senator, we run ads.”
privacy 
9 weeks ago
How To Create Horizontal Scrolling Containers - codeburst
"As a front end developer, more and more frequently I am given designs that include a horizontal scrolling component. This has become especially common on mobile to help reduce the vertical height of dense pages." CSS-only solution.
CSS  development  web_design 
9 weeks ago
Perfect Full Page Background Image | CSS-Tricks
The goal here is a background image on a website that covers the entire browser window at all times.
CSS  jQuery  web_design 
9 weeks ago
marcus.io · Fata Morganas in Accessibility
Sometimes you stumble over things where your first thoughts are, "Hey, thats great for accessibility!" or "Nice, it's always better to solve things in a browser-native way instead of relying on JavaScript". But it's not always that simple...
accessibility 
10 weeks ago
Keep it simple - Andy Bell
One thing that is often forgotten about accessibility is that keeping things simple and utilising semantic HTML gets you most of the way towards providing a fully accessible experience for everyone.
accessibility  HTML  aria 
10 weeks ago
SpinKit | Simple CSS Spinners
Wait for it... I'm doing something!
CSS  web_design 
10 weeks ago
CloudReady Home Edition Free Download — Neverware
CloudReady: Home Edition—the free, easy way to convert your computer to Chrome.
chromebook 
10 weeks ago
Secure PHP Form Mailer Script · Dagon Design
Claims to be secure, but I haven't examined the code yet.
email  forms  security  PHP 
10 weeks ago
Responsive Nav — Responsive Navigation Plugin
Still one of the neatest and nicest ways of achieving this, by Viljami Salminen. With touch screen support.
javascript  CSS 
12 weeks ago
Boring by default
When starting a new web project one often reaches for new cutting-edge technologies to be up-to-date. However, why not start with the basics first and add stuff on top if you really need it. Boring by default.
ideas  development 
12 weeks ago
Disable browser caching with meta HTML tags - Knowledge Base - Cristian Sulea
The correct minimum set of headers that works across the most important browsers. Not just meta tags: Apache, PHP, etc.
12 weeks ago
Content-Security-Policy - HTTP | MDN
The HTTP Content-Security-Policy response header allows web site administrators to control resources the user agent is allowed to load for a given page.
security  HTTP 
12 weeks ago
Button Pal — some basic button styles
You get so much for free when you use a real button, so here's a block of CSS to remove the headache of styling them for you.
CSS  web_design 
12 weeks ago
Fit on a Floppy
Would your web page fit on a floppy? Web pages are getting bigger and bigger. The internet is getting faster and faster but not everywhere at the same pace. A floppy is a physical reminder of file size.
performance 
12 weeks ago
cite and blockquote – reloaded | HTML5 Doctor
The blockquote element, cite attribute and cite element - per W3C HTML5. Yes, you CAN put the author name in a cite element, and you CAN put a cite element inside a blockquote.
html5 
12 weeks ago
« earlier      
per page:    204080120160

Copy this bookmark:





to read