download 8tracks mixes (not 8hacks)
- go to this website
- paste the url of the mix and click the green button
- now you can select all, or select just a few
- click ‘download selected’
- it’s gonna download as a .zip
7,288 notes - September 27
Navigation Page (#1)
Preview | Code
- Includes about , ask + faq , tags , links , blogroll
- Sidebar image 250px by 540px preferred
Also:
- There is an option of having the image links + quote on hover, but you’ll need to tweak the code a little bit.
- I’ve given instructions on how to fill and where to fill things, and despite that if you have any difficulty feel free to ask me and I’ll walk you through it! :)
Best viewed in Chrome. Any questions, please ask them HERE. Some knowledge of html will be useful.
Please like/reblog if using!Enjoy!
describing eye colors isn’t actually v helpful as a description??? talk about the makeup smeared on the left side, the lines under their eyes, the sloppily cut hair obscuring their eyes from view, how bloodshot or sunken they seem in the face, how wide they go at the slightest sound, how glassy and unblinking they seem, how they’re always darting away
all of that tells me a bit more about the character than whatever shade of gemstone they most resemble, seriously
212,597 notes - September 02
Shrthnd - a CSS shorthand generator
Shrthnd is a handy tool that converts CSS properties into shorthand, making shorter and more readable stylesheets.
Tutorial requested by Nery and SophiaTRANSITION DELAYS
The Basics
Transition delays are a cross-browser animation element which allows you to, as you may assume, delay transitions in CSS. Depending on where you put them, they can delay the transition on and off hover, just the transition on, or just the transition off.
The standard transition-delay command is supported by Internet Explorer (9 and later), Google Chrome, Mozilla Firefox, and Opera. You need the -webkit-transition-duration to include Safari.
This is what transition delay would look like in your code. If you placed it here, any transition would be delayed both on hover and off hover. As an example, I’ll use the properties scale, background color, and rotate.
#item {
…
transition-delay:Xs;
-webkit-transition-delay:Xs;
I used 2 as X, so the transition was delayed for 2 seconds both on and off hover. Suppose, though, that I only want it delayed ON hover?
To make the transition delay ON hover, but not OFF hover, this is the basic structure you would use:
#item {
…
transition-delay:0s;
-webkit-transition-delay:0s;
}
#item:hover {
…
transition-delay:Xs;
-webkit-transition-delay:Xs;
}
Essentially, I deny the transition delay OFF hover by setting the standard transition delay on the item to 0s. This makes the transition delay when you hover over it, but not when you mouse off.
The last main way to use transition delays is to make transitions immediate ON hover, and only affect a delay when you mouse off.
To do this, you basically do the reverse of example 2:
#item {
…
transition-delay:Xs;
-webkit-transition-delay:Xs;
}
#item:hover {
…
transition-delay:0s;
-webkit-transition-delay:0s;
}
And there you have it! Those are all the basic uses I can think of for transition delays. Once you’re comfortable with them, you can combine them with transition durations and make really cool little animations, like this one:
Please like or reblog if you found this tutorial helpful!
If you have problems focusing while you write, try using ILYS.
The site is coded so that you can’t see what you are writing, only the last letter, and you can’t edit anything until you get to your words goal.
This means you have to focus on writing and what’s on your mind, and not the editing of what you have written so far.
You have to write or you can’t edit.
Once you hit your goal you can edit and write normally, or go back and use ilys once again.Since you don’t have to worry about editing, you can let your creativity flows.
It can be frustrating, but it’s also liberating because you have to let it go.Write first, edit later.
31,623 notes - July 20
Calm Bottle (aka Glitter Jar)
Supplies
- Container: This is typically made with a glass mason jar, but since I often make these with children I use water bottles with smooth sides.
- One bottle of clear glue (not white glue that dries clear), or glitter glue: I like using regular glue so I don’t have to deal with the hot water since I make these in my office. Glue/glitter glue works best, but you could also use corn syrup if that’s all you have. You have to pour it directly in the water without letting it touch the sides of the bottle or the glitter will stick to it.
- Water: It can be room temperature if you use regular glue but should be hot (I use boiling water) if glitter glue is used. If the water is not hot enough then the glitter will become clumpy and separate.
- Glitter: I use mostly super fine glitter with a little regular sized. I sometimes add sequins, beads, shells, plastic jewels, etc. Glow in the dark glitter looks really cool if you can find it. Less (or even none) is needed with glitter glue bottles
- Food coloring: This is optional. Only use one drop or it becomes difficult to see the glitter.
- Strong glue or duct tape: This is used to fasten the lid to the container. I like using colored duct tape.
Directions
- Making a Calm Bottle (clear glue): Fill the bottle ¾ of the way full with water. Then add the glue (and shake) and glitter (and shake). I use a funnel for the glitter. The more glue you use, the longer it will take the glitter to fall. I usually use the whole bottle. Add 1 drop of food coloring, if desired, and then glue/tape the lid on.
- Making a Calm Bottle (glitter glue): Instead of clear glue you can use glitter glue. If you go this rout then mix the glitter glue in a bowl with very hot water (I boil the water) before adding it to the bottle. If the water is not hot enough then the glue will clump up and not work. You can add 1 drop of food color and additional glitter is desired.
- Using a Calm Bottle: This coping tool can be used for a number of different issues. If a client becomes emotionally dysregulated at an inappropriate time they shake the bottle vigorously and then set it down and watch the glitter fall while taking deep breaths (how to teach deep breathing can be found here).
- Important Note: Many people use these for anxiety and panic attacks and I wanted to emphasize that this is merely a simple coping tool that can be useful in certain situations but should not be used to avoid dealing with underlying issues. This exercise will do absolutely nothing to get to the root cause or prevent it from happening in the future. Fear must be confronted, rather than avoided, for lasting change to take place.
- See my Jellyfish Jar for a similar post.
SIGNAL BOOST because i fucking love glitter jars and they’ve saved my ass at school.
have anxiety? glitter jar. get stressed easy? glitter jar. like glitter? glitter jar. are you a parent or a teacher or a babysitter? give a kid a glitter jar to look at when they are in time-out to keep them from crying or screaming and shit. give one to the kid while on a roadtrip. keep one in your locker at school. i do. me and my friends have access to it and if a teacher is an asshat or something goes wrong or we’re stressed about work or collages or anything like that, just shake the glitter jar and look at it for a while and it’s the most calming this in the galaxy.
speaking of galaxies, look at this
if you take a picture of one and slap some instagram filters on it, the thing becomes a jar of pure space.
if you dont think glitter jars are fucking rad then get out of my face.
113,941 notes - July 05
