youtube

1 vs 5 all headshot clutch

6

Karlie Kloss Announces #KodeWithKarlie Scholarship So Teen Girls Can Learn To Code

Coding classes have made such an impact on Karlie Kloss’ life that now she wants teen girls to have the chance to take them, too. Thanks to her latest project, a handful of them will get that chance without worrying about the cost. For more on how to apply to Kloss’ scholarship go here. 

2

Theme 07: LIGHT

By: doctostwelfth / themesdoctorstwelfth

Preview / code 

Theme: 

  • 400px posts
  • extra title and description appears on scroll
  • 3 custom links
  • two slide in menus containing ask + faq and one for updates or about
  • IMPORTANT! if using replace USERNAME in the code with your username so that the asks will get directed to you!
  • all colors customizable
  • theme includes a lot of options such as add a background image and chose for captions to appear on indexpage 

Rules: 

  • like/reblog if using 
  • maybe support with a follow
  • don’t remove credit
  • feel free to edit but don’t claim as your own!
youtube

One of my fave Pearl videos! Performing CSS @ Drag Carnage 

2

Theme 8: SECONDS | by doctorstwelfth / themesdoctorstwelfth 

Preview /  code 1code 2

Theme versions are the same except theme version 2 which features pop up boxes

Theme version1: 

  • 400px posts
  • full header image 
  • chose greyscale on header image if you want
  • scroll to posts and scroll to top buttons
  • sticky links
  • post info appears on click over posts
  • all colors customizable
  • captions on permalink page
  • works with all types of blogs
  • decide the text for your pagination by yourself

Theme version 2: 

  • features all the same as version 1
  • plus pop up boxes, that will be ask, about and updates for example
  • which can be opened both by the header links and sticky links 
  • this version does need to load a bit more than version 1 though 

Rules: 

  • like/reblog if using
  • maybe support with a follow?
  • don’t remove credit
  • feel free to edit but don’t claim as you own!
CSS disasters #40

CSS disasters: 01, 02, 03, 04, 05, 06, 07, 08, 09, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40.

Wow, it’s been about a year and a half since my last CSS Disasters post! This is because I tend to only do a post only when I discover some new perversion, and there is a limited number of terrible things you can do with the web stack, right?

Right?

<!-----
 
THEME #16: EYE OF THE TIGER THEME MADE BY
 
 
▒█▀▀█ ▒█▀▀█ ▒█▀▀▀█ ▒█░░░ ▒█▀▀█   ▒█░░░ ▒█░░▒█ ▒█▄░▒█ ▒█▄░▒█
▒█▄▄█ ▒█▄▄█ ▒█░░▒█ ▒█░░░ ▒█▄▄█   ▒█░░░ ▒█▄▄▄█ ▒█▒█▒█ ▒█▒█▒█
▒█░░░ ▒█░▒█ ▒█▄▄▄█ ▒█▄▄█ ▒█░▒█   ▒█▄▄█ ░░▒█░░ ▒█░░▀█ ▒█░░▀█
 
 
THE DO'S AND DON'TS:
• DO NOT STEAL OR RIP ANY OF MY CODINGS I WORKED HARD FOR THIS.
• DO NOT REDISTRIBUTE OR CLAIM MY THEMES AS YOUR OWN.
• DO NOT REMOVE THE CREDITS OR PLACE IT SOMEWHERE IN YOUR BLOG. THE CREDITS SHOULD BE VISIBLE.
• DO NOT USE THIS AS A BASE CODES IN MAKING YOUR OWN THEMES.
• YOU ARE ONLY ALLOWED TO MODIFY THIS THEME FOR YOUR PERSONAL USE ONLY.
• IF I SAW YOU USING MY THEMES WITHOUT THE CREDIT OR CLAIMING MY THEMES AS YOUR OWN, I WON'T HESITATE TO REPORT YOU IN TUMBLR STAFF.
 
THANK YOU FOR FOLLOWING MY SIMPLE INSTRUCTIONS. PLEASE ENJOY MY THEME! :)
 
----->

Paola Lynn neatly illustrates fandom’s schizophrenic attitude towards intellectual property, to wit: blithe indifference to the IP rights of others, absolute frothing rage when your own property is infringed.

<!-----DO NOT REMOVE THIS CREDIT!!!----->
<!-----DO NOT REMOVE THIS CREDIT!!!----->
<!-----DO NOT REMOVE THIS CREDIT!!!----->
 
<a href="http://mashedpaotato.tumblr.com/" target="_blank">Theme</a>

[snip]

"Eye of the Tiger" made by <a href="http://mashedpaotato.tumblr.com/" target="_blank">Paola Lynn</a>.<br>
Tutorial and images from <a href="http://www.google.com/" target="_blank">Google</a>.<br>
All Rights Reserved 2014.<br>
Powered by <a href="http://tumblr.com/">Tumblr</a>.  

<!-----DO NOT REMOVE THIS PART!!!----->
<!-----DO NOT REMOVE THIS PART!!!----->
<!-----DO NOT REMOVE THIS PART!!!----->

“Tutorial and images from Google.” What an interesting statement. To Paola, anything found on Google Images is public domain, (notably, she hotlinks the page background from wallpaper4me.com, which is a bad idea for a number of reasons) but as soon as she copy and pastes it, it’s her property, and don’t you even look at it.[1]

Seriously, don’t look at it:

<body>

<BODY onselectstart="return false;" ondragstart="return false;">
<body onkeydown="return false">

These event handlers trap all keyboard and mouse events. You can’t right click, left click, select text, page up or down, or use any keyboard shortcuts (like opening view-source) while the page has mouse focus.[2]

That is a new thing.

It’s also completely pointless! Note how these “security” measures, while making the actual page a lot more annoying to use, did not at all prevent me from “stealing” “her” code.

I’ve said it before:

Any time you try to go against the grain of the underlying data model of how computers work, you’re in trouble. Tampering with the basic architecture of all computers is going to be the ultimate in leaky abstractions, prone to failing in new and exciting ways. This is the enduring lesson to be learned from the slow-motion trainwreck of Digital Rights Management: You can’t push water uphill.

You can’t let someone read something without letting them copy it. It can’t be done. Stop trying.


1: This calls to mind What Pumpkin’s heavy-handed approach towards IP enforcement. Homestuck uses quite a lot of unsourced copyrighted images for background art and weapons, (which Hussie does not seem to enjoy drawing) but What Pumpkin has been remarkably proactive in threatening legal action against anybody who could be perceived to be profiting off the Homestuck brand.

2: The redundant <body> tags seem to indicate that Paola did not bother to learn what a <body> tag does before she copy-and-pasted that snippet from somewhere else.

I made a theme guys!!!

base code // preview // code

5 customizable links

1 large main sidebar and one on the side that has your mobile description (image and description optional)

that’s pretty much it, just tell me if you like it and reblog or like this if you use it.

this is my first ever theme so pls be kind//

Wanna learn design for free?

Here’s a masterpost of online resources you can use to learn design without spending a dime. Check it out:

Web + UI/UX Design

  • Hack Design - Easy to follow and totally free design course made by experts.
  • 52 Weeks of UX - A discourse on the process of designing for real people.
  • UX Booth - Publication that contains a wealth of information about UX design.
  • Hey Designer - Curated stuff on design & front-end web development. 
  • Inspect Element - Read in-depth case studies about well-designed websites and educate yourself on what works and what doesn’t.
  • Awwwards - Learn by observation. Study samples of today’s best websites.
  • A List Apart - Publication run by the godfather of the web himself, Jeffrey Zeldman.
  • A Book Apart - Brief books for people who make websites. Must haves.
  • The Ultimate UX Reading List - Compilation of books on UX/UI design. You are going to learn so much from these materials. I strongly recommend that you read every book on this list.
  • HTML 5 Weekly, CSS Weekly, Web Design Weekly & Responsive Design Weekly - Subscribe to these newsletters and get industry updates.
  • Helvetica - Get a deeper understanding of the world’s visual culture through typography and graphic design.
  • Objectified - Quintessential documentary about design. A MUST WATCH.

Front-end Development

  • Khan Academy - Learn basic HTML/CSS concepts and front-end coding.
  • General Assembly - There’s a tumblr theme tutorial too if you’re interested.
  • Codecademy - Popular choice. It’s got good coding tutorials on a variety of programming languages.
  • A to Z CSS - Valuable screencast for designers and developers. 
  • Codepen - There’s no better way to learn coding than to actually code. Get at it. Codepen has tons of good CSS creations you can tweak and learn from.

Go get yourself educated!

Recomendación #8 - Partes principales de un foro en su CSS

Links a las fotos en tamaño grande: 

Primera, segunda, tercera.

Otras partes de interés: 

La imagen de quién está en línea es .img-whois y los títulos de la lista de temas de un subforo es a.topictitle

En mis skins además suelo poner un color de fondo a esta lista, lo mismo ocurre con la de mensajes privados. El fondo de la lista de temas de un subforo es ul.topiclist.topics.bg_none mientras que el de los mensajes privados es ul.topiclist.pmlist.bg_none

¡No olvidéis que todo esto es sólo para foros de Foroactivo!

vine

illustrative storytelling @ https://getbeagle.co/

CSS Font Sizing

Ire Aderinokun:

There are several different ways you can declare the size of a font in CSS. Broadly speaking, the units fall into one of two categories - absolute and relative.

Absolute units are fixed and (mostly) relate to some physical measurement. Once they are declared, their size cannot be altered by changing the font size of some other element.

Relative units do not have an objective measurement. Instead, their actual size is determined by the size of a parent element. This means that their size can be altered by changing the sizing of that dependent element.

I really wasn’t aware how much I was just winging font sizes in my CSS before reading this. While you’re there look around too. Cute URL: bitsofco.de.