Search
Barclays and RBS Have Reduced the Real Estate Transaction Process Four Times: Who Benefits?
11.5.2019
Blockchain can save the real estate market $160 billion, as the results of a trial carried out by Barclays and RBS show
Making the Move from jQuery to Vue
3.5.2019
As someone who has used jQuery for many. years and has recently become a Vue convert, I thought it would be an interesting topic to discuss the migration process of working with one to the other.
Before I begin though, I want to ensure one thing is crystal clear. I am not, in any way whatsoever...
Interviewing for a Technical Position Doesn’t Have to Be Scary
26.4.2019
Jacob Schatz (@jakecodes) is a staff engineer over at GitLab and was kind enough to share how he conducts job interviews for technical positions and his thinking process for them. Technical interviews are talked about often and can be a touchy subject for some, so it’s worth noting that this...
Creating Reusable Base Classes in TypeScript with a Real-Life Example
18.4.2019
Hey CSS-Tricksters! Bryan Hughes was kind enough to take a concept from an existing post he published on converting to TypeScript and take it a few couple steps further in this post to elaborate on creating reusable base classes. While this post doesn’t require reading the other one, it’s certainly...
Inline SVG… Cached
12.4.2019
I wrote that using inline <svg> icons makes for the best icon system. I still think that's true. It's the easiest possible way to drop an icon onto a page. No network request, perfectly styleable.
But inlining code has some drawbacks, one of which is that it doesn't take advantage...
Stacked “Borders”
19.3.2019
A little while back, I was in the process of adding focus styles to An Event Apart’s web site. Part of that was applying different focus effects in different areas of the design, like white rings in the header and footer and orange rings in the main text. But in one place, I wanted rings that were...
The Process of Implementing A UI Design From Scratch
13.3.2019
This is a fantastic post by Ahmad Shadeed. It digs into the practical construction of a header on a website — the kind of work that many of us regularly do. It looks like it's going to be fairly easy to create the header at first, but it starts to get complicated as considerations for screen...
I Spun up a Scalable WordPress Server Environment with Trellis, and You Can, Too
28.2.2019
A few years back, my fledgling website design agency was starting to take shape; however, we had one problem: managing clients' web servers and code deployments. We were unable to build a streamlined process of provisioning servers and maintaining operating system security patches. We had...
JavaScript Glossary: Array .shift() Method
8.2.2019
Basics
This method takes out the first element from an array and returns it. The shift method mutates the array during this process, reducing its length
JavaScript Glossary: Array .pop() Method
8.2.2019
Basics
This method takes out the last element from an array and returns it. The pop method mutates the array during this process reducing its length
How to Change Animated GIF Speed
29.1.2019
Comedians would tell you that timing is the most important part of any joke. The same could be said about animated GIFs; whether they’re used as a meme or to illustrate a process, the speed of an animated GIF can effect its effectiveness. With that idea in mind, I set about trying to figure...
Need to Test API Endpoints? Two Quick Ways to Do It.
25.1.2019
Here's a possibility! Perhaps you are testing your JavaScript with a framework like Jasmine. That's nice because you can write lots of tests to cover your application, get a nice little UI to see the output, and even integrate it with build and deploy tools to make your ongoing development work...
Multi-Line Inline Gradient
3.1.2019
Came across this thread:
CSS superfriends! Have you seen examples of how to do multi-line padded text like this article on @css (https://t.co/2j8p4jmaT4), but with a gradient that doesn't reset for each line? pic.twitter.com/MVPdAjxt1W
— Dan Mall (@danmall) December 3, 2018
My first...
Gulp for WordPress: Initial Setup
26.12.2018
This is the first part of a two-part series on creating a Gulp workflow for WordPress theme development. This first part covers a lot of ground for the initial setup, including Gulp installation and an outline of the tasks we want it to run. If you're interested in how the tasks are created, then...
5 Ways To Improve Development With Visual Studio Code
18.12.2018
Visual Studio Code is extremely flexible and powerful. By learning the ins and outs, you can greatly improve your speed, efficiency, and process as a developer. In this article, we'll look at the t
Annotated Build Processes
14.12.2018
When you're putting together a build process for a site, it's so dang useful to look at other people's processes. I ran across Andrew Welch's "An Annotated webpack 4 Config for Frontend Web Development" the other day and was glad he blogged it. If I was kicking off a new site where I wanted...
Two Ways to Build a Site That Seem Super Different But Weirdly Aren’t That Different
14.12.2018
Here are two ways to build a site (abstractly) that feel diametrically opposed to me:
Build a site as an SPA (Single Page App). The page loads a skeleton HTML page that executes JavaScript as quickly as it can. The JavaScript calls an API to get data, and then the page renders content. Navigation...
Frustration
31.5.2018
Jeremy Keith talks about a couple of recent frustrating moments in his life. One regarding a musical instrument, one involving a build process:
That feeling of frustration I get from having wiring issues with a musical instrument is the same feeling I get whenever something goes awry with my...
designsystems.com
15.5.2018
The team at Figma has created a new resource for “learning, creating and evangelizing design systems” called Design Systems that already has a good collection of interviews and articles by some folks thinking about these things.
I particularly liked Jeroen Ransijn’s post on how to convince your...
Microsites for Case Studies
7.5.2018
A lot of y'all have personal sites. Personal sites with portfolios. Or you work for or own an agency where showing off the work you do is arguably even more important. Often the portfolio area of a site is the most fretted and hard to pull off. Do you link to the live projects? Screenshots?...