CSS-Tricks Screencasts podcast

40:50

“That's taxpayer’s money that is going to support research and development and pilot projects to develop a food system that is based on environmental destruction and greed and disregard for animals, fish, and any of the other marine mammals that might be around it.” - Andrianna Natsoulas Andrianna Natsoulas is the campaign director for Don't Cage Our Oceans, an organization that exists to keep our oceans free from industrial fish farms. Offshore finfish farming is the mass cultivation of finfish in marine waters, in underwater or floating net pens, pods, and cages. Offshore finfish farms are factory farms that harm public health, the environment, and local communities and economies that rely on the ocean and its resources. Don’t Cage Our Oceans are a coalition of diverse organizations working together to stop the development of offshore finfish farming in the United States through federal law, policies, and coalition building. And, although it is not yet happening, right now the US Administration and Congress are promoting this kind of farming, which would be nothing short of disastrous for the oceans, the planet and the people and animals who live here. dontcageouroceans.org…

CSS-Tricks Screencasts

Del

Serier hjem•Feed

CSS-Tricks Screencasts is focused on showing you tips, tricks, techniques about web design. Code samples can be extremely helpful, but sometimes it is even more helpful to watch someone as they code. In CSS-Tricks Screencasts will show you real live CSS and HTML code being written and tested right on the screen. Topics will vary but will always center around design and usability.

264 episoder

#Tech #Web #Design #Chris Coyier #Video #CSS #HTML #Tutorials

CSS-Tricks Screencasts

194 subscribers

updated for 4 år siden

Del

Serier hjem•Feed

264 episoder

#Tech #Web #Design #Chris Coyier #Video #CSS #HTML #Tutorials

Alle episoder

1
#211: Building a Paid Subscription Newsletter with MailPoet + WooCommerce + WordPress 31:26

for 4 years siden31:26

31:26

With MailPoet and WooCommerce , we can build a paid subscription newsletter into a WordPress website. Our only costs are transaction fees, whatever WordPress hosting we might need, and a yearly fee for WooCommerce Subscriptions, making it a very cost-friendly …

1
#210: Yapping About Astro 26:28

for 4 years siden26:28

26:28

I think Astro is a pretty cool bit of technology for building websites! Should we call it a framework? We’ll get into that in the video. How can we call it a framework if it asks you to “bring your …

1
#209: A Netflix Clone with DataStax Astra and Netlify 50:53

for 4 years siden50:53

50:53

I paired up with David Jones-Gilardi of DataStax to go through one of the workshops they have put together (with Ania Kubów , who has a video you should watch as well) that does a good job of showcasing how …

1
#208: A CSS Grid Layout with Pictures Down One Side Matched Up with Paragraphs on the Other 21:17

for 4 years siden21:17

21:17

This is the video version of a blog post we did asking the question: How do you make a layout with pictures down one side of a page matched up with paragraphs on the other side? It’s a satisfying answer because …

1
#207: Performance Testing CSS-Tricks with WebPageTest 1:13:22

for 4 years siden1:13:22

1:13:22

I get a hands-on performance review with Tim Kadlec of WebPageTest ! This is a real honor as Tim is a real performance guru who knows WebPageTest in and out. I’m all about getting a little free consulting helping y’all …

1
#206: Building a Data-Backed Next.js Site with Prisma & App Platform 42:07

for 4 years siden42:07

42:07

I’m joined by Chris Sev from Digital Ocean to talk about their new App Platform . We’re going to use it to build a little website. The site will be blog-like: posts with IDs, titles, content, and the more dynamic …

1
#205: Sticky Positioning: How it Works, What Can Break It, and Dumb Tricks 19:17

for 4 years siden19:17

19:17

How it works You apply position: sticky; to an element along with a top , left , right , or bottom threshold and it will “stick” in that position when the threshold is passed, as long as there is room …

1
#204: Using the axe DevTools Web Accessibility Testing Browser Plugin 31:40

for 4 years siden31:40

31:40

In this video, I’m joined by Preety Kumar of Deque to take a look at their DevTools plugin for axe . Short story: this is an amazing plugin that helps you quickly find accessibility problems on any website, then helps …

1
#203: A First Look at Cloudflare Pages 29:58

for 4 years siden29:58

29:58

Cloudflare Pages is Jamstack hosting, meaning it’s a static file host that runs your builds and lets you do dynamic things with JavaScript and services. You might normally think of Cloudflare as something you put in front of your site’s …

1
#202: Centered List Markers 10:13

for 4 years siden10:13

10:13

Like so many things CSS, there is all sorts of little stuff to know, even something as minuscule as centering a list marker. A reader wrote in with a screenshot of what they were trying to accomplish — basically an …

1
#201: Doing Booping 15:42

for 4 years siden15:42

15:42

Joshua Comeau crowd-coined the term “boop” (high five, Adam Kuhn ). These are sorta like hover/focus states, except that they aren’t. Your thingies — things like links, buttons, etc. — should still have those states. A “boop” is a more …

1
#200: Scroll to Zoom 10:05

for 4 years siden10:05

10:05

Fair warning: you aren’t going to need this every day! I just happened to be looking at a neat little SVG warping tool that had a feature where my mouse scroll wheel (or trackpad) could be used to zoom the …

1
#199: Messing with JSX 12:22

for 4 years siden12:22

12:22

I probably should have learned this long ago, but alas, here we are. Turns out you can tell what function you want JSX to use. Yep, JSX really only has one primary transformation that it does. It turns angle brackets …

1
#198: About the Position Property 13:56

for 4 years siden13:56

13:56

static : the default relative : allows you to nudge around with top / right / bottom / left , making z-index work, gives you a positioning context absolute : top / right / bottom / left moves the element …

1
#197: A Look at Stackbit and Stackbit Studio 40:11

for 4 years siden40:11