Found 232 bookmarks
Newest
IE11 end of support countdown
IE11 end of support countdown
this is a fun little app that counts down to the end of support of Internet Explorer 11 + a few more features like a list of articles/websites that tell you why you should stop supporting IE11 and a list of websites that already dropped support.
·death-to-ie11.com·
IE11 end of support countdown
rzashakeri/beautify-github-profile
rzashakeri/beautify-github-profile
This repository helps you to have a more beautiful and attractive github profile, and you can access a complete set of tools and guides for beautifying your github profile. 🪄 ⭐
·github.com·
rzashakeri/beautify-github-profile
LOW←TECH MAGAZINE
LOW←TECH MAGAZINE
This is a solar-powered website, which means it sometimes goes offline ☼ --- Low-tech Magazine refuses to assume that every problem has a high-tech solution. A simple, sensible, but nevertheless controversial message; high-tech has become the idol of our society.
·solar.lowtechmagazine.com·
LOW←TECH MAGAZINE
Robin Rendle: BEM 101 (CSS-Tricks)
Robin Rendle: BEM 101 (CSS-Tricks)
The Block, Element, Modifier methodology (commonly referred to as BEM) is a popular naming convention for classes in HTML and CSS. Developed by the team at Yandex, its goal is to help developers better understand the relationship between the HTML and CSS in a given project.
·css-tricks.com·
Robin Rendle: BEM 101 (CSS-Tricks)
ct.css
ct.css
Let’s take a look inside your Your is the single biggest render-blocking part of your page—ensuring it is well-formed is critical. ct.css is a diagnostic CSS snippet that exposes potential performance issues in your page’s tags.
·csswizardry.com·
ct.css
Upptime
Upptime
See also: https://upptime.js.org GitHub-powered open-source uptime monitor and status page --- • GitHub Actions is used as an uptime monitor • Every 5 minutes, a workflow visits your website to make sure it's up • Response time is recorded every 6 hours and committed to git • Graphs of response time are generated every day GitHub Issues are used for incident reports • An issue is opened if an endpoint is down • People from your team are assigned to the issue • Incidents reports are posted as issue comments • Issues are locked so non-members cannot comment on them • Issues are closed automatically when your site comes back • Slack notifications are sent on updates • GitHub Pages are used for the status website • A simple, beautiful, and accessible PWA is generated • Built with Svelte and Sapper • Fetches data from this repository using the GitHub API
·github.com·
Upptime
Jason Farago: What a Tiny Masterpiece Reveals About Power and Beauty (NYT)
Jason Farago: What a Tiny Masterpiece Reveals About Power and Beauty (NYT)
An article about art and power focused on a piece from the Mughal empire, with an intriguing layout that scrolls sentences by on the left while zooming in on different parts of the art on the right. Crosscurrents of religion and culture shaped this stunningly detailed portrait of the 17th-century Mughal emperor who built the Taj Mahal. --- Power, for the Mughals, also came from absorbing the cultural forms under their authority, then reconstituting them in their own image.
·nytimes.com·
Jason Farago: What a Tiny Masterpiece Reveals About Power and Beauty (NYT)
Bramus: Nested Media Queries
Bramus: Nested Media Queries
I can’t seem to find any mention of this in the Media Queries Module specification, but apparently it’s allowed to nest media queries. E.g.: @media not print { @media (min-width: 0) { p { background: yellow; } } }
·bram.us·
Bramus: Nested Media Queries
CSS Examples
CSS Examples
Hello! Here are some examples of weird things that can happen with CSS. This site goes with the zine Hell Yes, CSS!.
·css-examples.wizardzines.com·
CSS Examples
Houdini.how Worklet Library
Houdini.how Worklet Library
The community-driven resource library of CSS Houdini worklets. Learn about CSS Houdini, its APIs, usage, polyfills, and browser status, to take advantage of the Houdini APIs today. “Houdini is a set of low-level APIs that exposes parts of the CSS engine, giving developers the power to extend CSS by hooking into the styling and layout process of a browser’s rendering engine. Houdini is a group of APIs that give developers direct access to the CSS Object Model (CSSOM), enabling developers to write code the browser can parse as CSS, thereby creating new CSS features without waiting for them to be implemented natively in browsers.” —MDN
·houdini.how·
Houdini.how Worklet Library
Free Favicon Maker
Free Favicon Maker
Design a letter-based favicon like most big tech companies, or be playful and create an emoji-based favicon. Modern browsers supports SVG favicon. Be creative.
·formito.com·
Free Favicon Maker
Harry Roberts: The Fastest Google Fonts
Harry Roberts: The Fastest Google Fonts
The amount of research and testing that had to go into this demonstrates how fractured and broken web performance is right now. But, since it is, there's a useful snippet at the end of this article. Google Fonts is fast. Now it’s faster. Much faster.
·csswizardry.com·
Harry Roberts: The Fastest Google Fonts
NoCode
NoCode
Curated directory of the best free resources and tools for non-technical entrepreneurs. Packed with the best discount codes for your favourite online tools.
·nocode.tech·
NoCode
Everest Pipkin: Tools List
Everest Pipkin: Tools List
Open source, experimental, and tiny tools roundup --- This is a list of smaller tools that might be useful in building your game/website/interactive project. Although I’ve mostly also included ‘standards’, this list has a focus on artful tools & toys that are as fun to use as they are functional. The goal of this list is to enable making entirely outside of closed production ecosystems or walled software gardens.
·github.com·
Everest Pipkin: Tools List
Phil Hawksworth: Using Trello as a Super Simple CMS (CSS-Tricks)
Phil Hawksworth: Using Trello as a Super Simple CMS (CSS-Tricks)
Sometimes our sites need a little sprinkling of content management. Not always. Not a lot. But a bit. The CMS market is thriving with affordable, approachable products, so we’re not short of options. […] Sometimes, though, it’s nice to use a really simple tool that anyone updating content on the site is already familiar with, rather than getting to grips with a new CMS. I like Trello a lot for managing ideas and tasks. And it has an API. Why not use it as a content source for a web site? I mean, hey, if we can do it with Google Sheets, then what’s to stop us from trying other things?
·css-tricks.com·
Phil Hawksworth: Using Trello as a Super Simple CMS (CSS-Tricks)
Ahmad Shadeed: Uncommon CSS Properties
Ahmad Shadeed: Uncommon CSS Properties
Including some centering techniques, `li::marker`, and `display: inline-flex`, `column-rule`, `background-repeat: round`. There are a lot of CSS properties that some don’t know about, or they know about them, but forget to use them when they’re needed.
·ishadeed.com·
Ahmad Shadeed: Uncommon CSS Properties
David DeSandro: Intro to CSS 3D transforms
David DeSandro: Intro to CSS 3D transforms
Great demos for mostly-CSS card flip, cube, and carousels. With the introduction of CSS transforms, elements could be shifted, rotated, slanted, squashed and stretched. Web designers were finally able to catch up to print designers. With CSS 3D transforms, web designers can move past their print counterparts and explore a new realm in graphic design.
·3dtransforms.desandro.com·
David DeSandro: Intro to CSS 3D transforms