176 avsnitt

CSS-Tricks Screencasts is focused on showing you tips, tricks, techniques about web design.

CSS-Tricks Screencasts Chris Coyier

    • Teknologi

CSS-Tricks Screencasts is focused on showing you tips, tricks, techniques about web design.

    • video
    #178: Percy Catches Visual Changes in any Workflow

    #178: Percy Catches Visual Changes in any Workflow

    I wanted to make sure you understand exactly what Percy can do for you, hence the title. When you commit a change to your websites Git repo, like in a Pull Request workflow most of us live in, Percy will let you know if that change causes any visual changes to your site. It will show you exactly what those changes are: what pages, what media query breakpoint, what browser, etc.

    It's rather amazing.… Read article

    • 27 min
    • video
    #177: Local WordPress Development to Production Workflow

    #177: Local WordPress Development to Production Workflow

    This is the basics of how I work locally with a WordPress site, and then getting it to production.

    Flywheel is a sponsor of CSS-Tricks, and I'm glad they are because they make great products. Flywheel is at the heart of this workflow.

    First, Local by Flywheel is a tremendously easy way to spin up local WordPress sites to your liking. I use it for all my local WordPress development. It's a nice UI around little Docker containers. … Read article

    • 12 min
    • video
    #176: Working with Framer Motion

    #176: Working with Framer Motion

    Matt Perry from Framer and I take a look at the React animation library Framer Motion.

    First, we take a look at how simple the API is. You control everything very declaratively through props on elements in your JSX. Controlling animation at this layer is very intuitive and connected to the UI and state in a meaningful way.

    Each example we look at is more real-world and involves more features of what Framer Motion is capable of. React developers … Read article

    • 43 min
    • video
    #175: 7 Things to Know About Webflow

    #175: 7 Things to Know About Webflow

    (This is a sponsored video I worked on between us at CSS-Tricks and Webflow. I think Webflow is a fascinating product for building websites that is, in my opinion, in a category all to itself at the moment. It takes a little bit to wrap your mind around, so I hope that's what this video can help you do.)… Read article

    • 37 min
    • video
    #174: Using Local Overrides in DevTools

    #174: Using Local Overrides in DevTools

    There is a feature of Chrome DevTools that lets you:


    See the code of any given resource the current web page is using (like CSS and JavaScript).
    "Pretty Print" it (format it for readability)
    Save it to disk
    Use that saved version to override the live version, even on page refresh.

    That last one is pretty awesome. If you're debugging a problem that only seems to happen on the live website, it gives you a debugging tool that will allow … Read article

    • 11 min
    • video
    #173: Ooooops I guess we’re full-stack developers now.

    #173: Ooooops I guess we’re full-stack developers now.

    And by "we're", I mean us, front-end developers ;)

    Here's the website that goes with this talk.

    This is a talk I put together where I postulate that, over time, the breadth of what front-end developers are able to do and are being asked to do has widened to the point that it's become full-stack development. Not that we've replaced back-end developers, because they are as important as ever too, it's just there is more overlap and more possibility.

    Also, … Read article

    • 46 min

Mest populära podcaster inom Teknologi

Andra som lyssnade prenumererar på