designyourway.net
Cool CSS Text Effects – 20 Amazing Examples
You came here for some really cool CSS text effects that will help you make amazing web typography for your websites. In order to successfully give a website a look that is more visually impressive, designers always concentrate on placing more emphasis upon typography that is both stylish and neat in nature. These same designers …

Small masterpost of programming resources by adesignersjourney

Hey guys! If you are interested in programming (HTML - CSS - Java Script) I think this websites will definitely be helpful for you. I use most of them for my homework and exercises, check them out!


• VALIDATORS •

HTML Validator
CSS Validator

Outliner - Check the structure of your code.


• REFERENCES •

CSS References - Basic syntax of a CSS rule.
CSS Selectors - Small description of each selector.
Pseudo-elementos y su estructura - Careful • This one is in Spanish!


• RESOURCES •

Webfonts
Google Fonts
Image Sliders
CSS Gradient Generator
Tools For Web Developers
Resolution References


• TUTORIALS •

Random Tutorials
Web Design Techniques

Code School
Codecademy


• COLORS •

Color Calculator
CSS Tricks


• INSPIRATION •

Awwwards
The Best Designs


And that’s it for now! I really hope you find some of these helpful for your projects or the designing of your website. Good luck! ♥

vine

goldenblackhawk

Women considered better coders – but only if they hide their gender

When a group of computer science students decided to study the way that gender bias plays out in software development communities, they assumed that coders would be prejudiced against code written by women.

After all, women make up a very small percentage of software developers – 11.2% according to one 2013 survey – and the presence of sexism in all corners of the overwhelmingly male tech industry has been well documented.

So the student researchers were surprised when their hypothesis proved false – code written by women was in fact more likely to be approved by their peers than code written by men. But that wasn’t the end of the story: this only proved true as long as their peers didn’t realize the code had been written by a woman.

Read more in The Guardian

2

chemical x theme

preview 1 / preview 2 / code

i made this theme for me to use on my own blog, but now that i’m done with it i thought i’d release it if anyone wants to use it! there aren’t many fancy features since it was originally intended for personal use, but there are still lot of ways you can customize it!

features:

  • 400px posts
  • 3 custom links
  • 3 different font choices
  • search bar w/ customizable color
  • bordered/unbordered posts/sidebar

please like/reblog if you use, and feel free to message me if you have any questions!

(edited 12/17/15: fixed pagination margins)

3

Are you looking for themes?? Check this tumblr where you can find many styles of customizable themes for any blog type. 

Check some of them out:

theme 70 - preview | download

theme 69 - preview | download

theme 68 - preview | download

theme 67 - preview | download

theme 66 - preview | download

theme 65 - preview | download

theme 64 - preview | download

theme 63 - preview | download

theme 62 - preview | download 

You can find more here!

If you embed images on AO3, you might have noticed that wide images like covers extend past the screen width on smaller mobile devices. To view the whole image, a reader has to scroll to the right.

There’s an easy fix for this. Go to Skins –> My Work Skins –> Create Work Skin (or edit your existing skin). Enter the following:

#workskin img {
  max-width: 100%;
  height: auto;
}

This sets your image’s maximum possible width as the width of the element that contains it. So if the image is 800px wide, but its parent is just 600px wide, the image will adjust to fit. Setting the height to adjust automatically ensures the image ratio is maintained. 

Bulk-apply the work skin or just edit the fics with embedded art. If you need help with this, let me know!

ETA: I edited the explanation for why this works so it was more precise, but I wanted to say you can also use this technique on your tumblr theme, if you have elements that extend past their parents. You might have to play around to get it working. Feel free to message me if you get stuck.

4

Bubble gum theme - preview

pink and cute because i love bubble gum ( ͡° ͜ʖ ͡°)  
theme comes with custom post size, completely customizable sidebar, 4 extra links and a bunch of options such as tiny cursor, perma pixel, post shadow, left or right sidebar align, infinite scroll, drop down navigation, custom favicon, links shadow on hover, optional captions, tags and more. 

Keep reading

PROGRAMMING LANGUAGES GIJINKAS (PART 1)

  1. HTML: Handles Internet with CSS and Javascript. Breaks the 4th wall on a daily basis. Literally a popstar. The gay is strong here.
  2. CSS: The one that does HTML’s wardrobe. Avid abstract artist. Bullies Javascript for eternity. Extremely one sided love for HTML.
  3. Javascript: Will do anything to keep HTML’s shit together. Has more than 10 toolboxes. Java’s happy sibling. Lowkey crush on Ruby.
  4. PHP: Confused 80% of the time. Oblivious to everything. ??????. No one knows she’s a great musician.
  5. SQL: Tsundere like no tomorrow. Cares a lot about PHP, but also consistently gets pissed at her. They live in the library. Robot arm because of a bookshelf accident.
  6. Python: Loves mountains and camping. Owns 2 bikes. Lowkey crush on the entire C family. Flaming bisexual.
  7. Ruby: Python’s hiking partner. Lives in a cave she renovated all on her own. Secretly wants to overthrow Python. Highkey crush on Javascript.
  8. C: Wildlife and nature. Exercises with tree trunks. The one who taught Python how to camp. Daddy.
  9. C++: The son of C. Always hangs out with Java at the arcade. Consistently wins online arguments. Has a crush on Python.
  10. Java: C++’s bestfriend. Owns 2 bookshelfs: One with video games, and one with actual books. Doesn’t know what sleep is. Absolute nerd.

As promised. Which ones should I do next?

3

LUCID THEME

features

  • hover on sidebar for title + description + links + navigation
  • i’ve picked out some symbols so you can customize the link boxes
  • shadows (you can turn it off)
  • borders (same as before)
  • big border around the page (yeps you can also turn that off)
  • sooooo many color options!
  • caption (optional)
  • 250px or 400px posts
  • pretty tooltips
  • a lot more!

DO NOT STEAL, DELETE CREDIT OR USE AS A BASE CODE

static previews: 1 / 2 / 3 /// CODE

REBLOG/LIKE IF USING OR CONSIDERING PLEASE

2

Theme 14 : Reflector : by sethscodes / doctorstwelfth 

Preview 1 / preview 2 / code

So since a lot of people seemed to like this theme I thought I might release it. I’ve added a lot of options to it so you can simply turn on and off effects you want or don’t want. Which make it super easy to easy to use and style as you like!

Theme:

  • 400px posts
  • 5 or 7 custom links 
  • all colors customizable 
  • the theme is very customizable through a lot of options such as
  • show header 
  • menu sowing on scroll
  • tags on index page
  • captions on index page
  • inverted tumblr controls
  • and many more

Rules: 

  • Like / reblog if using 
  • don’t steal parts of the code or the code
  • don’t use as a basecode
  • maybe support me with a follow? 
  • don’t remove credit or edit it please
  • and if you ever have any trouble with the code feel free to send me a message anytime!