theme support @kuketo - Tumblr Blog

merrigo

twitter things from the past awhile

#grafica vectoriala

decodering

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.

#to read #css

insidehtml5

CSS currentColor is exactly what is sounds like. It will take the elements’ current computed color value and allow other properties to use it.

#effects #js

insidehtml5

aquarelle - Aquarelle is a watercolor js effect.

#effects #js

decodering

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.

#css #fav

decodering

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)

#typo

decodering

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)

#js

insidehtml5

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:

#html #queries

insidehtml5

superembed.js - Fluid width for YouTube, Vimeo, Vine, VideoPress, DailyMotion, and more embedded videos.

#js #video

decodering

Grade.js

This JavaScript library produces complimentary gradients generated from the top 2 dominant colours in supplied images.

#js #gradient

decodering

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?

#text #css #resources

shythemes

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

#thank you so much for this #i'm using fadein and fadeout to animate the new set of posts but that seems to show the posts for a sec before disappearing and loading aga #resources #tutorials #pxu photoset #infinite scroll #masonry

inspiremyweb

A simple slider, with morphing preview images animated using SVG properties.

#nice #svg #slider #transition #resources

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!

#text