day funny quote: Web Design

Hiển thị các bài đăng có nhãn Web Design. Hiển thị tất cả bài đăng

Thứ Sáu, 22 tháng 2, 2019

Center content without a container - the perfect fallback for Grid based layouts Kevin Powell

Containers are really useful, but now that Grid is a thing, it often becomes extra markup that we don't really need. The only issue is, if we want to create a fallback for older browsers, we can run into problems.

Luckily, as Lea Verou has shown us (link to her book is down below), we can center content without a container, and it's the perfect fallback for a CSS Grid based layout

Codepen: https://codepen.io/kevinpowell/pen/pQ...

This comes from Lea Verou's CSS Secret's book: http://shop.oreilly.com/product/06369...

CSS Tricks article on using Grid with IE - https://css-tricks.com/css-grid-in-ie...

---

I have a newsletter! https://www.kevinpowell.co/newsletter

New to Sass, or want to step up your game with it? I've got a course just for you: https://www.kevinpowell.co/learn-sass

---

My Code Editor: VS Code - https://code.visualstudio.com/

How my browser refreshes when I save: https://youtu.be/h24noHYsuGc

---

Support me on Patreon: https://www.patreon.com/kevinpowell

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.

Instagram: https://www.instagram.com/kevinpowell...
Twitter: https://twitter.com/KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell

Center content without a container - the perfect fallback for Grid based layouts
3,785 views views	48,383 followers
296 Likes	296 Dislikes
Education	Upload TimePublished on 21 Nov 2018
css grid fallback for ie, css grid fallback for ie11, css grid fallback mixin, css grid fallback to flexbox, css grid fallback flex, css grid fallback generator, css display grid fallback, css grid bootstrap fallback, css grid float fallback, css grid edge fallback, css grid ie9 fallback, css grid layout with flexbox fallback, css grid ie11, css grid ie11 fallback, css grid ie polyfill, css grid ie fallback, css grid ie11 example, css grid ie11 polyfill, css grid ie11 auto placement, css grid ie autoprefixer, css grid ie 11 not working, css grid ie auto placement, css grid ie syntax, css grid ie fix, css grid ie11 overlap, css grid ie prefixes

HTML & CSS for Beginners Part 10: Divs & Spans Kevin Powell

Web Development

A look at divs and spans, what they are and a little bit of how they work.

This video is part of a large series introducing HTML & CSS to people who have never used it before. The goal of this series is to give you a good enough understanding of HTML and CSS to let you build your first website on your own!

----

Half Bit by Kevin MacLeod is licensed under a Creative Commons Attribution licence ( https://creativecommons.org/licenses/...)
Source: http://incompetech.com/music/royalty-...
Artist: http://incompetech.com/

HTML & CSS for Beginners Part 10: Divs & Spans
1,842 views views	48,383 followers
73 Likes	73 Dislikes
Education	Upload TimePublished on 1 Nov 2016
spanish to english, http://www.spanishdict.com/, spanish translator, spanx, spanish american war, spanx leggings, spanish rice, spanish alphabet, spanakopita, spanish speaking countries, spanish inquisition, spanish words, spanish numbers, spanish flu, spanish civil war, spanglish, spanish fleet crossword clue, spanish food, spanish names, spanish conjugation, span tag font size, span tag definition, span tag bold, span tag width, span tag vs div tag, span tag inside a tag, span tag align center, span tag onclick, span tag font weight, span tag not working, span tag properties, span tags css, span tag accessibility, span tag padding, span tag rails, span tag line break, span tag in react, span tag xss, span tag margin, span tag line height, div tag attributes, div tag width, div tag center, div tags side by side, div tag border, div tag background color, div tag padding, div tag id, div tag mdn, div tag checker, div tag font size, div tag vs span tag, div tag in html5, div tag height, div tag class, div tag hide, div tag background image, div tag use, div tags in html email, div tags in email, how to use divs instead of tables, how to use divs to layout websites, how to use divs properly, how to use divs in php, how to use divs in tables, how to use divs wordpress, how to use multiple divs, how to use bootstrap div\u0027s

CSS Conic Gradients Kevin Powell

Web Development

CSS Conic Gradients are kind of strange at first, but once you start playing with them you can pull off some really cool stuff. This video is a quick exploration of how they work, and also addresses browser support issues with a really handy and easy to use Polyfill.

With conic gradients, you can make pie charts, starburts and even a checkerboard pattern! If you have have other cool ideas, make sure to share them below, and also make sure you check out Lea Verou's polyfill page, as it also includes some really awesome examples of what you can use it for.

//// Links
The Codepen: https://codepen.io/kevinpowell/pen/6e...

Lea Verou's Polyfill (and awesome examples): https://leaverou.github.io/conic-grad...

#fiveminutefriday

---

I have a newsletter! https://www.kevinpowell.co/newsletter

New to Sass, or want to step up your game with it? I've got a course just for you: https://www.kevinpowell.co/learn-sass

---

My Code Editor: VS Code - https://code.visualstudio.com/

How my browser refreshes when I save: https://youtu.be/h24noHYsuGc

---

Support me on Patreon: https://www.patreon.com/kevinpowell

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.

Instagram: https://www.instagram.com/kevinpowell...
Twitter: https://twitter.com/KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell

CSS Conic Gradients
3,037 views views	48,383 followers
182 Likes	182 Dislikes
Education	Upload TimePublished on 30 Nov 2018
conic gradient polyfill, conic gradient svg, conic gradient illustrator, conic gradient firefox, conic gradient can i use, conic gradient canvas, conic gradient support, conic-gradient browser support, conic-gradient mdn, conic gradient generator, conic-gradient chrome, conic-gradient not working, conic gradient js, conic-gradient alternative, conic-gradient safari, conic gradient pie chart, codepen conic gradient, react conic gradient, inkscape conical gradient, css conical gradient mdn, , css conic gradient support, css conical gradient mdn, css repeating conical gradient, conic-gradient browser support

How to code a brewery website - Styling the Beer section [Design & Code] Code part 4 Kevin Powell

Web Development

It's time to tackle the Beer section of this site. As with most of this challenge, it was more time consuming than I thought it would be, so I'm splitting this one up into two parts, the first just taking a look at the styling (this video), and the next one will take a look at the JavaScript.

Github starting point: https://github.com/kevin-powell/brewe...
Github for this project: https://github.com/kevin-powell/brewe...

#designandcode #scss

---

I have a newsletter! https://www.kevinpowell.co/newsletter

New to Sass, or want to step up your game with it? I've got a course just for you: https://www.kevinpowell.co/learn-sass

---

My Code Editor: VS Code - https://code.visualstudio.com/

How my browser refreshes when I save: https://youtu.be/h24noHYsuGc

---

Support me on Patreon: https://www.patreon.com/kevinpowell

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.

Instagram: https://www.instagram.com/kevinpowell...
Twitter: https://twitter.com/KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell

How to code a brewery website - Styling the Beer section [Design & Code] Code part 4
2,038 views views	48,383 followers
91 Likes	91 Dislikes
Education	Upload TimePublished on 29 Aug 2018