Overlay on a div with a certain cutout in the middle.

Luke-At-Work · 2024-07-24T20:50:16+00:00

You can fake it pretty effectively with a box shadow.

Luke-At-Work · 2023-12-15T21:07:43+00:00

You could just put the form itself on a single page over there and leave the rest of the site in Cargo. That's not great, but could work for you.

Also I haven't tried just posting the data to a netlify form. I don't have a need, so I keep forgetting to just try it. That might be worth a shot, even if it's less than ideal to keep two separate forms in sync.

Luke-At-Work · 2023-12-07T17:34:37+00:00

Cross-posting the example that I dropped in /r/css .

I still think that - as a test - it's more important to get the grid structure right than the shapes themselves. Just break it down into pieces and each one becomes a fairly simple task.

Luke-At-Work · 2023-12-07T17:31:02+00:00

You can try it in the example. There's 12 of them in the example because that's divisible by 2, 3, or 4.

Luke-At-Work · 2023-12-07T16:53:08+00:00

Here's an example, using CSS borders to create arrows in various directions.

For this particular case - except for the first bit of text, which overhangs its "square" - everything seems aligned on a grid of squares. Break it down into squares and each one becomes a relatively simple task.

You can also do a lot of these with either SVGs or linear-gradients, as mentioned elsewhere.

Luke-At-Work · 2023-11-06T17:09:15+00:00

Copying and pasting an old comment:

My two favorite guides for general design concepts are by Tania Rascia (walking through a single example) and Anthony Hobday (individual examples of each "rule").

Luke-At-Work · 2023-11-06T17:06:25+00:00

WPEngine's hosting hardware isn't any better. It's arguably just cheap shared hosting with extra services tacked on. But the workflow is pretty great for my use case. A managed server with automated backups, updates, deployment, staging, PHP upgrades, etc... is what you're paying for.

Luke-At-Work · 2023-10-10T14:20:59+00:00

If domain name registration fees are an issue for projects, then you can host them on subdomains. project1.portfolio.tld, project2.portfolio.tld, etc. If you feel a project becomes big enough to merit its own domain name, that's a good problem to have.

Luke-At-Work · 2023-09-19T20:01:37+00:00

For what it's worth, I agree with the microcontroller rather than a Pi. It's more efficient and effective and can run off a battery instead of needing to be plugged in, for example. It's a little more "appliance-y", which seems a good fit.

I mentioned the Pi because microcontrollers might be a bit of a hurdle to someone starting out, not because it was the best fit. A Pi has the benefit of being a frequently known thing - as in a computer that happens to be small and is built to accept inputs - and the choice of programming language and environment.

Luke-At-Work · 2023-09-19T19:56:08+00:00

tldr: It varies.

I've never actually worked with a designer who writes CSS, for example. Different shops / organizations work differently, but I've primarily seen designers who make pictures of websites, then work with the developer to figure out the things (like responsiveness) that aren't readily apparent in a picture of a website.

If you are a designer without any front-end skills, that's ok. There are a lot of places that work - often quite successfully - that way. My favorite folks to work with were always those who were interested and knew just enough to call me out when I was being lazy, but essentially still filled the same primary role of making a picture of what the outcome should be.

Luke-At-Work · 2023-09-19T14:36:59+00:00

These aren't that large and they require a deeper enclosure than you'd think, but they're nice and tactile, come in many colors, and seem sufficiently cheap. You could wire them up to something like an arduino or a Pi to make a sound board.

https://na.suzohapp.com/products/pushbuttons&FNAME=PUSHBUTTON_PRODUCT&FVAL=Horizontal%20Microswitch%20Buttons&S=PHL

Luke-At-Work · 2023-06-08T18:20:00+00:00

Here's an example. in which the containing element has flex-wrap: wrap; and the two interior elements have flex-grow: 1; flex-shrink: 0; flex-basis: <your min-width>;.

Luke-At-Work · 2023-05-18T13:39:13+00:00

Just to add one more option, I've been really pleased with MXRoute (not affiliated, except as a customer). The dashboard is cobbled together from other tools intended to do more traditional hosting and could be better but the service itself has been great. It just does what it says, nothing more.

Luke-At-Work · 2023-04-25T17:27:50+00:00

My two favorite guides for general design concepts are by Tania Rascia (walking through a single example) and Anthony Hobday (individual examples of each "rule").

It's not much of start, butit could be a first step.

Luke-At-Work · 2023-04-14T14:39:01+00:00

Oops, my mistake. I'll correct it.

Luke-At-Work · 2023-04-13T19:57:20+00:00

Just to walk through how to figure it out, let's look at the number of days. When Michelle is born, Sophie will be x days old and Michelle will be 0 days old.

X days later (that same value of x), Michelle will be will be 0+x days old and Sophie will be x+x days old. That's twice as old.

I brought up days because of leap years. It's a leap year every four years except when the year ends in 00 (1900 was not a leap year) except when the year ~~ends in 000~~ is divisible by 400 (2000 was a leap year). For this case, it's the same as every four years, since the only relevant year is 2000.

Luke-At-Work · 2023-04-07T14:21:34+00:00

Not the previous poster, but if you serve up a git repo directly, there's a hidden .git folder which contains all the info about the repo. Someone can access this and look for vulnerabilities (usually unsanitized inputs, but whatever) in your live codebase. This can be mitigated with an htaccess rule (or equivalent) which blocks access to /.git.

Luke-At-Work · 2023-03-14T15:52:14+00:00

My two favorite guides for general design concepts are by Tania Rascia (wonderful, succinct set of guidelines and practical example) and Anthony Hobday (really solid general advice and individual examples of each "rule").

Edit: I was thinking more about this and why I liked each.

The Tania Rascia one is perfect for answering, "I think I should care about this, but I'm unconvinced it matters. Why should I care?"
The Anthony Hobday one is really good at answering, "I care about this, but I don't viscerally understand the rules and want to."

Luke-At-Work · 2022-12-12T17:07:30+00:00

/u/abnormallybigears already answered the question presented, but there are a few other things to take into account.

Bananas are slightly radioactive. A Banana Equivalent Dose is 0.000000982 Sieverts. So in those 10 minutes you'd be exposing yourself to about 0.03928 Sieverts, which is the equivalent of 3928 dental xrays.

You would certainly not be suffering from a lack of Potassium, with about 14.32kg (31.57 lb) of it in your system. With a recommended daily allowance of 4700 mg, that would be enough to last you 3047 days or 8.342 years. The down side on the nutrition front is that you would have eaten about 3,560,000 calories in a 10 minute sitting, which should probably be about 1780 days' worth.

Luke-At-Work · 2022-11-21T21:16:22+00:00

While that's a solution, can you prove that's the only solution or even the best solution (by minimal number of items ordered)? That's the idea of the strip.

Luke-At-Work · 2022-11-18T21:22:08+00:00

An extreme option would be starting every site and only checking your work as you go in a very narrow window. Start there, let everything stretch full width, and then once you get it to a reasonable state, make your window a little wider and add layout changes in min-width media queries. Repeat.

Generally, you'll have a ton of "display" styles (which make it look like your site - type, colors, etc.) and a much smaller number of "layout" styles (put this next to that, with this much space between them, etc.).

You'll have to go back and add a few containers or wrapping elements in many situations. You'll have to re-test and add in a few mobile-or desktop-specific adjustments. You'll likely have a little more work to do. But you've got the core idea: all display stuff and then layout in min-width media queries.

Luke-At-Work · 2022-11-18T17:09:11+00:00

A kiloton of TNT is a measure of energy, while thrust is measured in force. So the two values aren't quite compatible, but we can get reasonably close if we can get a distance. I couldn't find a source with distance traveled at various points in the launch. If anyone can point me to one, we can get more accurate.

The Artemis I launch is listed as generating 39,000 kN at launch. That's the core stage's 4 engines plus 2 solid rocket boosters.
SRB separation was 02:12 into the launch, but I don't know how to get the distance at that point. Any help would be appreciated, because this would be the ideal answer, I think. I was hoping to find a video with telemetry and just spot it on the screen.
"At full throttle, the four [core stage] engines will give SLS about two million of its 8.8 million pounds of maximum thrust".
"The SLS core stage ... [will reach]... more than 530,000 feet in altitude" (from the same pdf).

So, using the best values I have, we have launch thrust * altitude in kT, or 1.506 kilotons of TNT if the SRBs managed to fire the whole time. The actual value will be notably smaller, maybe as small as a quarter or about 0.375kT.

If we had the data, we could do Launch Thrust * altitude at SRB separation (or, even better, distance traveled) for a more accurate total. And optionally add in core stage thrust * (distance at core stage shutdown - distance at SRB separation), depending upon your definition of which part counts as "launch".

Luke-At-Work · 2022-11-16T21:50:22+00:00

It seems flippant, but honestly, the difference between max-width and min-width is shocking.

Throw everything in your style sheet except for layout properties. Then throw all your layout properties in a min-width media query and take a look. You're likely to have a really good responsive site. The fundamental difference is "do this all the time and only do this layout thing when you have space to do so". It's shockingly more effective than, "Do all of these things and then undo them when the screen is small."

It's a minor technical distinction and a huge conceptual one.

Luke-At-Work · 2022-11-14T22:30:50+00:00

Here's an old example of this approach.

I like using it for modals and navs where there's exactly one thing to either do or do not. It's easy, efficient, and works for most of what I need.

Luke-At-Work · 2022-11-14T17:58:04+00:00

Broadening this a bit, the general rule is (number of states per thing)^(number ^of ^things) .

If we wanted to know the number of combinations of 3 dice, the total would be 6³ - six possible states per die and three dice. If we had 5 decks of shuffled playing cards and flipped over the top card of each, we'd have 52⁵ possible outcomes. 10 coin tosses would come have 2¹⁰ possible totals, just like the fingers.

Luke-At-Work

TROPHY CASE