twitter things from the past awhile

oozey mess
noise dept.
he wasn't even looking at me and he found me
NASA
trying on a metaphor

if i look back, i am lost

Kiana Khansmith
Not today Justin
No title available
Alisa U Zemlji Chuda
KIROKAZE
Show & Tell
Misplaced Lens Cap
sheepfilms
No title available
Mike Driver
Lint Roller? I Barely Know Her

Andulka
🪼
wallacepolsom
seen from United States

seen from United States
seen from Netherlands

seen from United Kingdom
seen from Türkiye
seen from United States
seen from United States

seen from Malaysia

seen from T1

seen from Malaysia

seen from T1
seen from United States

seen from United States

seen from United States
seen from United States
seen from United States

seen from Malaysia

seen from United States

seen from United States

seen from T1
@kuketo
twitter things from the past awhile
How to Declutter your Design
Carol Skelly:
So here’s what I’ve learned, and the rules that a I loosely follow when thinking “declutter”.
Keep whitespace on the sides of the main content area (except on mobile devices).
Increase horizontal & vertical space between sections (ie; text blocks, cards).
Increase line-height of paragraphs.
Control use of accent colors in terms of frequency & proximity to other colors.
Keep contrasting borders & lines to a minimum.
Establish must-have vs. extra info (content), and then show/hide accordingly.
Try to simplify, or prioritize calls to action.
Consider size & scale of everything, including must-have vs. extra content.
CSS currentColor is exactly what is sounds like. It will take the elements’ current computed color value and allow other properties to use it.
aquarelle - Aquarelle is a watercolor js effect.
CSS only scroll indicator
By Mike Riethmuller:
I was interested to see if I could make a scroll indicator like this with just CSS.
You can! But maybe you shouldn’t. This is an interesting consequence of a bunch of hacks held together with duct tape. It uses z-index hacks, gradient hacks and tricks with calc and viewport units.
Simple Typography with Sass
Making the type on your blog beautiful with ease. Using Sass variables to calculate line heights, font sizes, margins and paddings. You create the amazing content and simply make it beautiful.
(github)
intercooler.js
A small helper library that lets you add Ajax functionality to your web app by simply adding specific HTML tags to the target elements.
Use familiar, declarative HTML attributes to add AJAX to your application. Use web standards like CSS, REST and Javascript events to enhance your app.
(via)
There’s a tool in CSS that you might not have heard of yet. It’s powerful. It’s been there for a while. And it’ll likely become one of your favorite new things about CSS. Behold, the @supports rule. Also known as Feature Queries. With @supports, you can write a small test in your CSS to see whether or not a particular “feature” (CSS property or value) is supported, and apply a block of code (or not) based on the answer. Like this:
superembed.js - Fluid width for YouTube, Vimeo, Vine, VideoPress, DailyMotion, and more embedded videos.
Grade.js
This JavaScript library produces complimentary gradients generated from the top 2 dominant colours in supplied images.
Flexible typography with CSS locks
Tim Brown:
Experienced typographers know that long lines of text need more line spacing, but line spacing can be tighter for short lines of text. The problem is that on the web, our texts are flexible. So our line spacing needs to flex, too.
And CSS locks are useful for more than just typography. Use them wherever you need specific fluid behavior, contained within certain boundaries. “CSS locks” is a name I’m using for a specific kind of value calculation. I hope it’ll make communication easier and this concept more useful. But it begs the question: for what other formulae would it help to have names?
Tutorial: Masonry with Infinite Scroll and PXU Photosets
This is a continuation of my PXU photoset tutorial, so it assumes that you have completed the first part and checked that it is working properly on your theme.
Keep reading
A simple slider, with morphing preview images animated using SVG properties.
hi
Reminder that I moved to @felinum, where I post themes and answer theme questions. I’ll use this blog as a place to collect html resources, so feel free to unfollow it!
Gajendar Singh looks at the huge range of possibilities available to developers via CSS filters and how to use each one.
Cool CSS3 Link Effects
Here is the collection of how to use CSS3 transitions to create subtle link effects on hover and enhance user experience. Designed by Brenden Palmer.
Keep reading
A simple navigation that auto-hides when the user scrolls down, and becomes visible when the user scrolls up.
We’ve all been there.