
## No IE Support in Bootstrap 5

[A recent Themesberg post](https://themesberg.com/blog/bootstrap/bootstrap-5-ie-11-browser-support) discussed Bootstrap 5, which will be released later this spring, and how it will not support Internet Explorer 10 or 11. This decision is being made in the web community more often with many large companies already dropping support for IE. Despite the lowering usage Microsoft will continue to support IE 11 through 2025.

## Dribbble Website Redesign

[Dribbble](https://dribbble.com/), a social networking platform for designers and creatives, recently rolled out a [new website design](https://dribbble.com/stories/2020/03/16/a-brand-new-dribbble). This is the first redesign for the Dribbble website in ten years and strives to showcase the designers more. Included in the redesign is updated profiles, new collections and a new curator profile.

## New CSS Media Queries

[Logrocket released a post](https://blog.logrocket.com/new-media-queries-you-need-to-know/) a few weeks back about the forthcoming new CSS media queries. Some of the new media queries include light level, preference-based queries, and even custom media queries. These [new media queries are still in spec](https://drafts.csswg.org/mediaqueries-5/), so some are available while others are still being worked on.

## Leading a Remote Team

[Mark Boulton recently wrote](https://markboulton.co.uk/journal/found-yourself-leading-a-remote-design-team/) about leading a remote team, giving tips for leaders that are new to working remotely. Information like this is becoming increasingly important as teams are currently being forced into remote work longer than originally thought. Learn about creating rituals, asynchronous communication, and prioritizing your people.



Did you know that you can target specific versions of Internet Explorer right in your CSS stylesheet? There are several media queries and selectors that can combine to allow you to write CSS for a version of Internet Explorer. There are even queries that can select multiple versions in one fell swoop. This changes the game for how many designers and developers create their websites. Check out some examples below and view more at [browserhacks.com](http://browserhacks.com/)!

## IE 11 and above

``` css
_:-ms-fullscreen,
:root .ie11up {
	property: value;
}
```

## IE 10

``` css
_:-ms-lang(x),
.ie10 {
	property: value\9;
}
```

## IE 9

``` css
@media screen and (min-width: 0\0) and (min-resolution: 0.001dpcm) {
	// IE9 CSS
	.ie9 {
		property: value;
	}
}
```

## IE 8

``` css
@media \0screen {
	.ie8 {
		property: value;
	}
}
```

## IE 7

``` css
* + html .ie7 {
	property: value;
}
```

## IE 6

``` css
.ie6 {
	_property: value;
}
```

## IE 6, 7, and 8

``` css
@media \0screen\, screen\9 {
	.ie678 {
		property: value;
	}
}
```

## IE 8, 9, and 10

``` css
@media screen\0 {
	.ie8910 {
		property: value;
	}
}
```

## IE 9 and 10

``` css
@media screen and (min-width: 0\0) {
	.ie910 {
		property: value\9;
	} /* backslash-9 removes ie11+ */
}
```

## Microsoft Edge

``` css
@supports (-ms-ime-align: auto) {
	.selector {
		property: value;
	}
}
```


Posts Tagged with "internet-explorer"

Monday Medley

Tuesday Tips