In general, the attribute selector can target any attribute that's attached to an HTML element. By default, the selector is case sensitive and has a lower specificity than id's and classes.

CSS attribute ends with

Conversely to looking for matched at the start, we can also look at the very end of an attribute's value by useing the $ operator. We'd match something value but not value something. This is especially interesting because we know that files always have a certain extension and by passing the full name into a data-attribute, we'd be able to match elemenets that represent PDF documents like this a[href$="pdf"].

[data-attribute$="value"] {
  /* ... */
}

Create a set of lush, realistic CSS shadows.

https://www.joshwcomeau.com/css/introducing-shadow-palette-generator/

Besides being super hydrating, coconut oil has the ability to act as a protective layer that sits on top of the skin and locks in moisture, while also preventing transepidermal water loss (where water passes through the skin and evaporates into the air).

I have a set of baseline CSS styles that come with me from project to project. In the past, I'd use a typical CSS reset, but times have changed, and I believe I have a better set of global styles!

Wanting to make use of Ajax is one of the prime reasons for adopting jQuery.

$.get("mydata.txt").then(
                    function (data) {
                     alert(data);
                    },
                    function () {
                     alert("error");
                    })
                   .always(
                    function () {
                     alert("cleanup");
                    });

Colors are always a tricky topic to address for many reasons. First, it’s a key pillar of a brand’s identity and has a clear impact on the perception of the brand by both the user and employees, and…

1. Clutter & Legacy
2. Simplify our designer’s journey
3. Accessibility

As a software engineer manager, I’ve reflected on the unique behaviors I prioritize. This post will cover the gestalt of my successful onboarding experiences within the first 90 days.

Starting with Having Good Tact

Good tact is the ability to deal with others to maintain good relations and avoid offense. To say and do the right things at the right time, to behave in a way that promotes cooperation and reciprocity.

My go-to’s are to make myself available, never criticize a previous decision, and avoid being standoff-ish.

Be Explicit About Change

I have been known to repeat an expectation numerous times in front of the team. In a room of ten people, I say the “thing” ten times for one person to “get it.” Being specific about change means being explicit. One of the lessons I’ve learned as an engineer manager is being implicit or nuanced is considered cruel to the team.

Change Means Documenting

The Belgian painter René Magritte created some of the most enigmatic and iconic works in Surrealist art.
In 1926 Magritte was commissioned to create the poster above for the popular singer Marie-Louise Van Emelen, better known as Primevère. For more of Magritte’s Art Deco sheet music covers, visit Hyperallergic.

https://hyperallergic.com/50229/sheet-music-rene-magritte/

Running Totals

SELECT id,month
 , Amount
 , SUM(Amount) OVER (ORDER BY id) as total_sum
FROM bill

Common Table Expressions

WITH idtempp as (
  SELECT id as id
  FROM id 
  WHERE country = "US"
  AND status = "Y"
)

SELECT *
FROM bill
WHERE id in (SELECT id from idtempp)

Temporary Functions

Temporary functions allow you to modify the data easily without writing huge case statements.

CREATE TEMPORARY FUNCTION get_gender(type varchar) AS (
   CASE WHEN type = "M" THEN "male"
        WHEN type = "F" THEN "female"
        ELSE "n/a"
   END
)
SELECT 
  name,
  get_gender(Type) as gender
FROM bill

Easily make tints and shades that match the output of Chrome DevTools, PostCSS, and Sass.

Hot water hose: https://amzn.to/2QcuAqM
Wrenches: https://amzn.to/2VNS8Uk
Bucket: https://amzn.to/31f0WaP
Expansion Tank: https://amzn.to/2SP1JZ7
Boiler Feed Valve: https://amzn.to/2M7jErr
Pipe Dope: https://amzn.to/2D4MV3p
Pipe Wrench: https://amzn.to/2VQeox8

In this video, I demonstrate how to purge air from your heating system. Get yourself a hose and do it yourself! Its easy and you can save a lot of money on service calls and improve the efficiency of your heating system which in turn will cut costs on your utility bills.

#HVAC #airinpipes #boilers

Learn to create custom, cross-browser, theme-able, scalable radio buttons in pure CSS and ensuring styles remain accessible across states.

Also checkboxes:
https://moderncss.dev/pure-css-custom-checkbox-style/

https://www.sarasoueidan.com/blog/inclusively-hiding-and-styling-checkboxes-and-radio-buttons/

#618874 #a1c59e #b43c2b #d98d5b #fffac2

In just 3 minutes, get an overview of the essential features available when building a site with 11ty.

Information architect, author, and educator

Around 4 million employees left their jobs in July 2021. Most of them are senior developers. If pandemic didn't cause it, who did?

One reason is the ridiculous entry barriers put by tech companies — even in the smaller and mid-sized firms.

• All companies (regardless of size and paycheck) make competent developers go through grueling 4–7 rounds of interviews.
• A verifiable track record is overlooked, while CVs filled with adjectives top the stack.
• The whiteboard interviews test reproducibility of the solutions, not the actual understanding.
• The verbal interviews (+personality tests) are formulaic, and one can rarely get past them without lying about their careers.
• Instead of one competent developer, companies hire 3 inexperienced programmers who are ready to jump the ship within 2 years, leaving huge tech debt for the next troubleshooter (mostly senior) guy.
  There is also rampant ageism in tech. And age-discriminated programmers are those without any representation. Their only way to raise their voice is to revolt, and quit.

As a result, senior and competent developers (age group 30–45) no longer want to join another company. They want to roll out their own business.

Your Instagram feed may tell you that the line spacing should be 20% more than the font size. You may see that the difference should be as much as 50% as well.

There is no magic ratio. Text blocks will look different with different typefaces because of differences in Cap Height and X-height. While 120% is very likely to work for interface fonts — because they were created with a certain Cap to X-height ratio — the rest are problematic.

To solve the problem, you should not use a common index for all fonts, but an individual one, depending on its X-height. It is necessary to take a lowercase letter without extensions — for example, N — of the same point size as the typed text, and put it between two lines of text so that the upper boundary of the letter touches the typing line of the first line, and the lower boundary touches the upper height of the uppercase letter.

If you’re a product designer, researcher, or marketer, UX writing is a tool in your content design arsenal to sharpen.
So what makes good UX writing? Copy that is clear, concise, useful, and consistent. Here are 10 tips to help you get there.

#5f7276 #8fc4be #b8b0ad #be2833 #e2dfb2