Dienstag 9:30 – Nataly Birch at Speckyboy Web Design Magazine
You may wonder: “What can be so special about triangles? It is just a plain, primitive geometric shape. Not even a circle or square that have a hint of perfectionism.”…
The post The Design Trend of Using Triangles in Web Design appeared first on Speckyboy Web Design Magazine.
Within a grid container, there are grid cells. Any cell positioned and sized using the grid-template-* properties forms part of the explicit grid. Any grid cell that is not positioned/sized using this property forms part of the implicit grid instead.
Understanding explicit grids and implicit grids is powerful. This is my quicky take:
Explicit: you define a grid and place items exactly where you want them to go.
Implicit: you define a grid and let items fall
The post Understanding the difference between grid-template and grid-auto appeared first on CSS-Tricks.
Every client I have averages ~30 third-party scripts but discussions about reducing them with stakeholders end in “What if we load them all async?” This is a good rebuttal because there are right and wrong ways to load third-party scripts, but there is still a cost, a cost that’s passed on to the user. And that’s what I want to investigate.
Yes, performance is a major concern. But it’s not just the loading time and final weight …
The post Hard Costs of Third-Party Scripts appeared first on CSS-Tricks.
One of the advantages of building a Single Page Application (SPA) is the way navigating between pages is extremely fast. Unfortunately, the data of our components is sometimes only available after we have navigated to a specific part of our application. We can level up the user’s perceived performance by breaking the component into two pieces: the container (which displays a skeleton view when it’s empty) and the content. If we delay the rendering of the content component until we …
The post Building Skeleton Components with React appeared first on CSS-Tricks.
There’s an incredible amount you can do when you know where your web visitor is located. You can target advertising to the user, you can load maps of nearby search queries, you can localize website verbiage, you can customize content for their region, etc. I guess what I’m trying to say is reliable geolocation data […]
The post Real-time Geolocation & Reverse IP Lookup with ipapi (Sponsored) appeared first on David Walsh Blog.
I sometimes get asked by regular people in the actual real world what it is that I do for a living, and here’s my 15 second answer:We built a sort of Wikipedia website for programmers to post questions and answers. It’s called Stack Overflow.As of last month, it’s
Montag 10:32 – Eric Karkovack at Speckyboy Web Design Magazine
Web designers are often saddled with the unenvious task of dealing with email. And it’s not limited to just our own overflowing inboxes. We can also find ourselves in situations…
The post The Grumpy Designer: Email Is the Worst appeared first on Speckyboy Web Design Magazine.
Sonntag 8:23 – Speckyboy Editors at Speckyboy Web Design Magazine
This week’s Designer News (N.459) includes an Accessibility Cheatsheet, Structural Typography, Photoshop Workflows And Shortcuts For Digital Artists, Rhythm in Web Typography, Free Splash Letters Font, Styling the Gutenberg Columns Block, a PHP Terminal NES Emulator and much more.
The post Weekly News for Designers № 459 appeared first on Speckyboy Web Design Magazine.
Kelly Sutton with good advice on code reviews. Hard to pick a favorite. I like all the stuff about minding your tone and getting everyone involved, but I also think the computerization stuff is important:
If a computer can decide and enforce a rule, let the computer do it. Arguing spaces vs. tabs is not a productive use of human time.
Re: Tip #6: it’s pretty cool when the tools you use can help with that, like this new GitHub …
The post 8 Tips for Great Code Reviews appeared first on CSS-Tricks.
Nicole Sullivan asked. People said:
🐦… for the same reason that I buy ingredients rather than growing/raising all of my own food.
🐦 I write too many bugs without them.
🐦 Avoiding bikeshedding.
🐦 … to solve problems that are adjacent to, but distinct from, the problem I’m trying to solve at hand.
🐦 Because to create the same functionality would require a much larger team
🐦 I want to be able to focus on building the product
The post Why Do You Use Frameworks? appeared first on CSS-Tricks.
CSS is designed in a way that allows for relatively seamless addition of new features. Since the dawn of the language, specifications have required browsers to gracefully ignore any properties, values, selectors, or at-rules they do not support. Consequently, in most cases, it is possible to successfully use a newer technology without causing any issues in older browsers. Consider the relatively new caret-color property (it changes the color of the cursor in inputs). Its support is still low but that … The post Using Feature Detection, Conditionals, and Groups with Selectors appeared first on …
Dependencies in CSS can be a bit more abstract. Robin just wrote in our newsletter how the styling from certain classes (e.g. position: absolute) can depend on the styling from other classes (e.g. position: relative) and how that can be — at best — obtuse sometimes.
Design has dependencies too, …
The post Dealing with Dependencies Inside Design Systems appeared first on CSS-Tricks.
Freitag 15:19 – at Articles on Smashing Magazine — For Web Designers And Developers
With the latest studies and official reports out this week, it seems that to avoid an irreversible climate change on Planet Earth, we need to act drastically within the next ten years. This rose a couple of doubts and assumptions that I find worth writing about.
One of the arguments I hear often is thatwe as individuals cannot make an impact and that climate change is “the big companies’ fault”. However, we as the consumers are the ones who make the decisions what we buy and from whom, whose products we use and which ones we avoid.
Freitag 13:03 – Speckyboy Editors at Speckyboy Web Design Magazine
We have a fantastic freebie for all you marketers out there! Created by our friends Freepik, we have an amazing Marketing & SEO icon set for you. There are 50…
The post Free Online Marketing & SEO Icon Set (50 Icons, PNG & SVG) appeared first on Speckyboy Web Design Magazine.
Maxim Leyzerovich created the marching ants effect with some delectably simple SVG.See the Pen SVG Marching Ants by Maxim Leyzerovich (@round) on CodePen.
Let’s break it apart bit by bit and see all the little parts come together.
Step 1: Draw a dang rectangle
We can set up our SVG like a square, but have the aspect ratio ignored and have it flex into whatever rectangle we’d like.