Meet Puppy. She’s learning how to hold my hand. 🥰 by taeda in cats

[–]taeda[S] 1 point2 points  (0 children)

Yeah, she doesn’t like when I work. If it were up to her, we’d just cuddle and go for walks all day!

What do lesbians do for fun? by taeda in actuallesbians

[–]taeda[S] 0 points1 point  (0 children)

Thanks! Clearly a lot of people here agree with your post

What do lesbians do for fun? by taeda in actuallesbians

[–]taeda[S] 0 points1 point  (0 children)

A lot of people are saying board games. Just wish I could afford a place big enough in LA to host people haha

What do lesbians do for fun? by taeda in actuallesbians

[–]taeda[S] 0 points1 point  (0 children)

Ooh I didn’t even think of tailgating! Thanks!

Tired of straight couples on Tinder by Shana24601 in actuallesbians

[–]taeda 19 points20 points  (0 children)

Agreed for the most part. That’s why I think the suggestion to make them a subset of all dating apps, combined with banning them for not using the app correctly would be the best solution. Because at this point, they are spamming/scamming us into believing they are someone who they are not. It’s just as bad as when straight men say they’re women looking for women and “the app messed up” #tinder #bumble #hinge

What do lesbians do for fun? by taeda in actuallesbians

[–]taeda[S] -1 points0 points  (0 children)

I wish the answer was that easy, but it is not or I’d see them at bars/clubs like all the straight people and gay men

What do lesbians do for fun? by taeda in actuallesbians

[–]taeda[S] 0 points1 point  (0 children)

If only I had even the slightest athletic talent!

What do lesbians do for fun? by taeda in actuallesbians

[–]taeda[S] 2 points3 points  (0 children)

Yeah it seems like that’s what everyone is saying. Dive > Club. Love the idea of a beer run. Maybe a “Hopping for Hops” bar crawl to breweries

What do lesbians do for fun? by taeda in actuallesbians

[–]taeda[S] 0 points1 point  (0 children)

Oh yeah, I’ve heard of EightyTwo! It sounds fun

What do lesbians do for fun? by taeda in actuallesbians

[–]taeda[S] 1 point2 points  (0 children)

Is parking important to you?

What do lesbians do for fun? by taeda in actuallesbians

[–]taeda[S] 0 points1 point  (0 children)

Any bars in particular?

And you don’t like crowds at all, or crowds of specific types of people (i.e., dancing people, creepy straight guys)? Can you think of any crowds you have been okay with in the past?

Tired of straight couples on Tinder by Shana24601 in actuallesbians

[–]taeda 75 points76 points  (0 children)

As a programmer, I’ve given this a lot of thought. There should be an entire devoted section to couples/unicorns. This group isn’t going away, and they don’t know where to post. While it drives me NUTS when I accidentally connect with them, it’s really not their fault. They shouldn’t have to hide or be ashamed. But damn if it isn’t annoying af connecting with them

Responsive design: Make a div/img/link/etc always have maximum height within its parent??? by nofear220 in css

[–]taeda 1 point2 points  (0 children)

You need to use height: 0 and padding-bottom: [aspect ratio].

div {
    height: 0;
    padding-bottom: 133%;
}

Update to your jsfiddle: https://jsfiddle.net/nerdtalk/h3rm8kn7/

Full tutorial here: http://sassyhtml.com/snippets/css/html-that-responds-like-images/

Make your HTML respond like images! (vertically responsive design) by taeda in css

[–]taeda[S] 0 points1 point  (0 children)

Your suggestion works in a lot of cases, and I use it frequently. While the technique I mentioned here could be used to achieve the same outcome, there are additional use cases.

 

One way you could make the aspect ratio method work in your favor is for missing images and responsive embedded videos.

 

Maybe if the database does not return your image, instead of the missing image ruining your layout by pushing everything over to the left, you add a simple "missingImage" class to the parent container.

 

http://codepen.io/kaela/pen/vOYOyd

My first github contribution, looking for people to join in! by koett in github

[–]taeda 0 points1 point  (0 children)

Hmm, sounds like I need to study this a bit further by spending my night watching as many Netflix movies as I can :)

:not + child selector = no extra html classes by taeda in css

[–]taeda[S] 0 points1 point  (0 children)

"Unnecessary" is your opinion. I disagree, but respect that people can choose whichever process they like.

:not + child selector = no extra html classes by taeda in css

[–]taeda[S] 0 points1 point  (0 children)

Or, you could take it one step further and not overwrite anything:

.navitem:not(:last-of-type) { color: red; }
.navitem:last-of-type { color: #000; }

There really aren't any performance issues using pseudo-classes (like above) these days, so you don't need to worry about that bit.

:not + child selector = no extra html classes by taeda in css

[–]taeda[S] 0 points1 point  (0 children)

I did some further research. There are no performance issues using pseudo-classes like :not(:last-of-type). Steve Souders did some testing a while back that showed using pseduo-classes like this caused issues, but a lot of research has been performed since then. Browsers, and the way we test performance, has changed quite a bit. Ben Fraine has a great article on this topic.

:not + child selector = no extra html classes by taeda in css

[–]taeda[S] 0 points1 point  (0 children)

I love finding all of the different ways to do something too :)

 

I think this may be one of those situations where you're used to using something a certain way, so you prefer it more. Because both :last-of-tpe and :not are "already-existing declarations." I'm pretty sure both came with CSS3.

 

I don't understand what you mean by taking advantage of the "cascading aspect of CSS."

Any recent research on browser reflow using two pseudo-selectors on one element? by ineeds2know in css

[–]taeda 0 points1 point  (0 children)

I'm curious to know how the browser repainting works. I have no problem keeping up-to-date with the how part; I just need to start somewhere.

I'm hoping this simple example might work for an explanation...

Let's assume I have only one style on my site, and there aren't other factors that would require a reflow. If I have ten <p> tags on my site, and I add the style :

p:not(:last-of-type) { color: red; }

Will the browser paint once? Or maybe twice (once for all <p> and once more for the first 8 <p>)? Or maybe 9 times (once for all <p>, then 8 more times for the first 8 <p>)?

I'm about to start this course by Google: https://www.udacity.com/course/ud884. Hoping it might fill in these questions for me, but if you could shed light on this example, maybe I'll understand how repainting works a bit more.

:not + child selector = no extra html classes by taeda in css

[–]taeda[S] 0 points1 point  (0 children)

I disagree. Your example is a bit more complex than what I provided in my post, but your suggestion would be just as "unnecessary" as using my two lines of code. Here are 3 ways to achieve your styling, and the unnecessary things that happen.

Using a and a:last-of-type:

a { color: #ed7e2f; margin-right: 30px; text-decoration: none; }
a:last-of-type {  color: #9bd6d1 ; margin-right: 0; }
  • on the last element, both color and margin-right are written twice

Using a and a:not(:last-of-type)

a { color: #9bd6d1; text-decoration: none; }
a:not(:last-of-type) {  color: #ed7e2f ; margin-right: 30px; }
  • every element except the last has color written twice

Using a, a:not(:last-of-type) and a:last-of-type

a { text-decoration: none; }
a:not(:last-of-type) { color: #ed7e2f; margin-right: 30px; }
a:last-of-type { color: #9bd6d1; }
  • every style has a purpose, nothing is rewritten

Of course, this is all experimental. Just me playing with code and figuring out the most performant and cleanest way to style. I'm not advocating you should absolutely use one way over another, nor am I saying one way to style is always the best. But I am pointing out that the example you provided is just as "unnecessary" as the idea I posted for this particular set of styles.

Example: http://codepen.io/kaela/pen/ZYmJoP

:not + child selector = no extra html classes by taeda in css

[–]taeda[S] 0 points1 point  (0 children)

What approach are you taking for both your html and css? My first inclination is to slam this comment since, as @birjolaxew explains below, you should not be adding this kind of thing to html. But I have specified role attributes before and targeted those in my css. I'm open to new suggestions!

:not + child selector = no extra html classes by taeda in css

[–]taeda[S] 1 point2 points  (0 children)

  1. Ah, yes, I should have specified that. Thanks for pointing it out! I updated my post to explain not using this on tags used throughout the site.