5333 private links
Pure CSS Font
CSS/HTML Generator
For private, SEO-hidden, CAPTCHA-friendly unselectable text.
Deter plagiarism and spambots!
Flemish-style portrait created entirely in hand-typed CSS and HTML (graphics are generated by web browser)
With little more than a text editor—and years of experience as a web developer—UI engineer Diana Adrianne Smith creates Flemish and baroque inspired portraits using HTML and CSS, the two primary presentation markup languages designed to display web pages. The portraits fill thousands of lines of code, and Smith has a stringent rule that leaves this former web developer a little flabbergasted: all elements must be typed out by hand. Meaning that she doesn’t rely on libraries, shortcuts, or some kind of visual editor. These images are instead written in part like an essay, with what I can only image is an unreasonable amount of trial and error.Via Twitter Smith says she finished her most recent piece over a period of two weekends.
One of our clients wanted an hyperlinked image slideshow with a sleek Ken Burns effect. Instead of reinventing the wheel, we turned to this awesome open source script, and updated it with a few improvements:The script as mentioned applies a ken burns effect to each image. To make it more interesting, the pan direction is random each time, taking into account the native dimensions of the image. Specify the amount of zoom to occur each time. Two handy event handlers of the script lets you do more advanced things such as display a corresponding description for each slide beneath the slideshow. Cool!
Simply add the code inside the <HEAD> section of the page, then, insert the following sample HTML where you want the slideshow to appear:
<div id="kenburns-slideshow"></div>
<div id="slide-title"></div>
The above code references 2 external files plus 1 image. Download them below (right click, and select "Save As"):
Archived at https://www.metatek.org/frangipani/html/
Javascript spinner to add to websites
🗃 The open source self-hosted web archive. Takes browser history/bookmarks/Pocket/Pinboard/etc., saves HTML, JS, PDFs, media, and more... - pirate/ArchiveBox
Pelican is a static site generator, written in Python, that requires no database or server-side logic.
Some of the features include:
Write your content in reStructuredText, Markdown, or AsciiDoc formatsCompletely static output is easy to host anywhereThemes that can be customized via Jinja templatesPublish content in multiple languagesAtom/RSS feeds
Markdown is intended to be as easy-to-read and easy-to-write as is feasible.
Readability, however, is emphasized above all else. A Markdown-formatted document should be publishable as-is, as plain text, without looking like it’s been marked up with tags or formatting instructions. While Markdown’s syntax has been influenced by several existing text-to-HTML filters — including Setext, atx, Textile, reStructuredText, Grutatext, and EtText — the single biggest source of inspiration for Markdown’s syntax is the format of plain text email.
The world’s fastest framework for building websites