Photoshop tuts

This is so cool. I mean, GraphQL is already cool. It’s very satisfying to write an understandable-looking query for whatever you want and then use that data in templates. But what if you didn’t have to write the query at all? What if you just wrote the templates pretending you Read more…

CSS Grid provides us with a powerful layout system for websites. The CSS-Tricks guide gives you a comprehensive overview of Grid’s properties with layout examples. What we’re going to do here is a reverse approach to show you the smallest possible set of grid properties you need to know to Read more…

Firefox 72 was first out of the gate with “independent transforms.” That is, instead of having to combine transforms together, like: .el { transform: translate(10px, 10px) scale(0.95) rotate(10deg); } …we can do: .el { rotate: 10deg; scale: 0.95; translate: 10px 10px; } That’s extremely useful, as having to repeat other Read more…

Scott Turner, who has an entire blog “Exploring procedural generation and display of fantasy maps”, gets into why vector graphics seems on these surface why it would be bad for the look of a pencil stroke: Something like this pencil stroke would require many tens of thousands of different elements.  Read more…

Here’s an outstanding idea from Max Böck. He’s created a boilerplate project for building websites that fit within a single HTTP request. This is extremely important for websites that contain critical information for public safety. As Max writes: In cases of emergency, many organizations need a quick way to publish Read more…

Nada Rifki demonstrates the scroll-snap-type and scroll-snap-alignCSS properties. I like that the demo shows that the items in the scrolling container can be different sizes. It is the edges of those children that matter, not some fixed snapping distance. I like Max Kohler’s coverage as well, which includes a demo where the Read more…

Remember Tabletop.js? We just covered it a little bit ago in this same exact context: building editable websites. It’s a tool that turns a Google Sheet into an API, that you as a developer can hit for data when building a website. In that last article, we used that API Read more…

In this Blender video tutorial we’ll look at an inexpensive way to capture your own environment map using a mirror ball, then using Blender to integrate CG elements into your photographic background. Link to fSpy: https://fspy.io/