DEV Community: Chris Jarvis

What are your goals for the week? #181

Chris Jarvis — Mon, 01 Jun 2026 14:00:00 +0000

When this posts I should be at Ren faire or on the way to faire to break down the tent. I haven't had time to plan out my week. Monday Am break down tent, come home unpack. Should be done by lunch.
Might plan in the afternoon. Tuesday AM I have appointments. Then I can start the week.

What are your goals for the week?

What are you building this week?
What do you want to learn?
What events are you attending this week?

This Week's Goals.

Get back to a normal summer schedule.
Job Search.
- Network
- Apply
Project work.
- Content for side project.
- Work on my own project.
- Update June events on a website.
Reset Content & Project Calendar for June.
Blog
Events.
- No Local events.
Run a goal setting thread on Virtual Coffee(VC) Slack.
Process pics from Ren Faire.

How I did last week.

Get back to a normal schedule after a week of short days and a 3 day weekend.
Job Search.
- ✅ Network
- Apply
Project work.
- ✅ Content for side project.
- Work on my own project.
Content & Project Calendar for May.
✅ Blog
Events.
- No Local events.
✅ Run a goal setting thread on Virtual Coffee(VC) Slack.
🚧 Process pics from Ren Faire.
🚧 Reshoot header pic. Attempted but didn't like results. not enough difference from old one.
✅ Added to my side project. My hobby is LEGO photography. I made a store to sell some phone wallpapers of my work. minifig Mischief

Your turn, what do you plan to do this week?

What are you building this week?
What do you want to learn?
What events are you attending this week?

Cover image is my LEGO photography. It's Daffy Duck working at a desktop computer. In the background is a mini rubber duck.

-$JarvisScript git commit -m "edition 181"

What are your goals for the week? #180

Chris Jarvis — Mon, 25 May 2026 13:09:40 +0000

It's Memorial Day and I'm working at a Ren Faire. I'll fix goals later in the week.

Update

Back home from 3 days of ren faire. One more weekend and teardown to go. Next Monday is teardown day. So that goals post might be scheduled as well.

What are your goals for the week?

What are you building this week?
What do you want to learn?
What events are you attending this week?

This Week's Goals.

Get back to a normal schedule after a week of short days and a 3 day weekend.
Job Search.
- Network
- Apply
Project work.
- Content for side project.
- Work on my own project.
Content & Project Calendar for May.
Blog
Events.
- No Local events.
Run a goal setting thread on Virtual Coffee(VC) Slack.
Process pics from Ren Faire.
Reshoot header pic.

How I did last week.

Job Search.
- ✅ Network
Project work.
- ✅ Content for side project.
- ✅ Work on my own project.
- ✅ Send follow up email for content for client's site. * Never heard back.
✅ Content & Project Calendar for May.
Blog
Events.
- Attended Dallas Software Developers Night of Less JS.
Run a goal setting thread on Virtual Coffee(VC) Slack.
Process pics from Ren Faire.
Added to my side project. My hobby is LEGO photography. I made a store to sell some phone wallpapers of my work. minifig Mischief

Your turn, what do you plan to do this week?

What are you building this week?
What do you want to learn?
What events are you attending this week?

Cover image is my LEGO photography. It's Daffy Duck working at a desktop computer. In the background is a mini rubber duck.

-$JarvisScript git commit -m "edition 180"

What are your goals this week? #179

Chris Jarvis — Mon, 18 May 2026 14:26:00 +0000

What are your goals for the week?

What are you building this week?
What do you want to learn?
What events are you attending this week?

This Week's Goals.

Job Search.
- Network
- Apply
Project work.
- Content for side project.
- Work on my own project.
- Send follow up email for content for client's site.
Content & Project Calendar for May.
Blog
Events.
- Tuesday (virtual) Dallas Software Developers.
- Wednesday School event.
Run a goal setting thread on Virtual Coffee(VC) Slack.
Process pics from Ren Faire.

How I did last week.

Job Search.
- ✅ Network
- Apply
Project work.
- * ✅ Content for side project.
- * ✅Work on my own project.
- * ✅ Send follow up email for content for client's site.
* ✅ Content & Project Calendar for May.
* ✅ Blog
Events.
- ❌ Thursday Dads in Tech. Postponed
* ✅ Run a goal setting thread on Virtual Coffee(VC) Slack.
* ✅ Process pics from Ren Faire.

Your turn, what do you plan to do this week?

What are you building this week?
What do you want to learn?
What events are you attending this week?

Cover image is my LEGO photography. It's Daffy Duck working at a desktop computer. In the background is a mini rubber duck.

-$JarvisScript git commit -m "edition 179"

What are your goals for the week? #178

Chris Jarvis — Mon, 11 May 2026 15:39:55 +0000

Still learning my new camera. Getting better at remembering where stuff is on it. Next week is son's end of school ceremony need to be ready for it.

What are your goals for the week?

What are you building this week?
What do you want to learn?
What events are you attending this week?

This Week's Goals.

Job Search.
- Network
- Apply
Project work.
- Content for side project.
- Work on my own project.
- Send follow up email for content for client's site.
Content & Project Calendar for May.
Blog
Events.
- Thursday Dads in Tech.
Run a goal setting thread on Virtual Coffee(VC) Slack.
Process pics from Ren Faire.

How I did last week.

Job Search.
- ✅ Network
- ✅ Apply
Project work.
- ✅ Content for side project.
- Work on my own project.
- Send follow up email for content for client's site.
✅ Content & Project Calendar for May.
Blog * Send follow up email for content for client's site.
Reset Content & Project Calendar for May.
Blog
Events.
- ✅ Monday * Etsy webinar.
- Thursday Virtual Coffee.
✅ Run a goal setting thread on Virtual Coffee(VC) Slack.
🚧 Process pictures from the weekend. _ 🚧 Learn new camera buttons.

Your turn, what do you plan to do this week?

What are you building this week?
What do you want to learn?
What events are you attending this week?

Cover image is my LEGO photography. It's Daffy Duck working at a desktop computer. In the background is a mini rubber duck.

-$JarvisScript git commit -m "edition 178"

What are your goals for the week? #177

Chris Jarvis — Mon, 04 May 2026 14:08:34 +0000

Friday I got a new camera to replace the one that broke last year. It's a Canon Rebel with two lenses. The buttons and functions are different from the previous camera so my muscle memory is no good. I have to relearn it all.

Spent the weekend at the Renaissance Festival and got some great pics.

What are your goals for the week?

What are you building this week?
What do you want to learn?
What events are you attending this week?

This Week's Goals.

Job Search.
- Network
- Apply
Project work.
- Content for side project.
- Work on my own project.
- Send follow up email for content for client's site.
Reset Content & Project Calendar for May.
Blog
Events.
- Monday * Etsy webinar.
- Thursday Virtual Coffee.
Run a goal setting thread on Virtual Coffee(VC) Slack.
Process pictures from the weekend. _ Learn new camera buttons.

How I did last week.

Job Search.
- ✅ Network
- Apply
Project work.
- ✅ Content for side project.
- ✅ Work on my own project.
- ❌ Send follow up email for content for client's site.
✅ Content & Project Calendar for April.
✅ Blog
Events.
- No events scheduled.
- Thursday Virtual Coffee.
✅ Run a goal setting thread on Virtual Coffee(VC) Slack.

Your turn, what do you plan to do this week?

What are you building this week?
What do you want to learn?
What events are you attending this week?

Cover image is my LEGO photography. It's Daffy Duck working at a desktop computer. In the background is a mini rubber duck.

-$JarvisScript git commit -m "edition 177"

What are your goals for the week? #176

Chris Jarvis — Mon, 27 Apr 2026 14:19:42 +0000

Here it is school State Test week. My notifications are blowing up cause they don't want us to forget about the test. Two notifications while I was writing this post, after I had finished the opening section. I probably got an email about too.

It's also early voting for some local offices. Just got back from voting, so post is later than normal.

Update

two more notifications less than fifteen minutes after I posted. One text, one in the parent app school requires us to have.

What are your goals for the week?

What are you building this week?
What do you want to learn?
What events are you attending this week?

This Week's Goals.

Job Search.
- Network
- Apply
Project work.
- Content for side project.
- Work on my own project.
- Send follow up email for content for client's site.
Content & Project Calendar for April.
Blog
Events.
- No events scheduled.
- Thursday Virtual Coffee.
Run a goal setting thread on Virtual Coffee(VC) Slack.

How I did last week.

Job Search.
- ✅ Network
- Apply * got a rejection from a job from 2 months ago.
Project work.
- ✅ Content for side project.
- ✅ Work on my own project. * Made and uploaded more wallpapers.
- ✅ Send email requesting content client wants updated. Can't be current if they don't provide the info. * No Reply yet.
Blog
Events.
- ❌ Thursday Virtual Coffee
✅ Run a goal setting thread on Virtual Coffee(VC) Slack.

Your turn, what do you plan to do this week?

What are you building this week?
What do you want to learn?
What events are you attending this week?

Cover image is my LEGO photography. It's Daffy Duck working at a desktop computer. In the background is a mini rubber duck.

-$JarvisScript git commit -m "edition 176"

What are your goals for the week? #175

Chris Jarvis — Mon, 20 Apr 2026 14:46:02 +0000

What are your goals for the week?

What are you building this week?
What do you want to learn?
What events are you attending this week?

This Week's Goals.

Job Search.
- Network
- Apply
Project work.
- Content for side project.
- Work on my own project.
- Send email requesting content client wants updated. Can't be current if they don't provide the info.
Content & Project Calendar for April.
Blog
Events.
- Thursday Virtual Coffee
- No events
Run a goal setting thread on Virtual Coffee(VC) Slack.

How I did last week.

Job Search.
- ✅ Network
- Apply
Project work.
- ✅ Content for side project. Updated some information.
- Work on my own project.
- ❌ Figure out an April Fools Project for DEV Challenge.
Update my Content & Project Calendar for April. Looking at it no there's no events listed the rest of the month. That's odd. Need to check emails and see if I forgot to add stuff to the calendar.
Blog
Events.
- ✅ Attended week long seminar for Small businesses running Shopify/etsy stores.
- ❌ Thursday Virtual Coffee
- ✅ Thursday evening Atlassian's A Night of Enterprise AI [Virtual]]
✅ Run a goal setting thread on Virtual Coffee(VC) Slack.

Your turn, what do you plan to do this week?

What are you building this week?
What do you want to learn?
What events are you attending this week?

Cover image is my LEGO photography. It's Daffy Duck working at a desktop computer. In the background is a mini rubber duck.

-$JarvisScript git commit -m "edition 175"

What are your goals for the week? #174

Chris Jarvis — Mon, 13 Apr 2026 13:56:27 +0000

What are your goals for the week?

What are you building this week?
What do you want to learn?
What events are you attending this week?

This Week's Goals.

Job Search.
- Network
- Apply
Project work.
- Content for side project.
- Work on my own project.
- Figure out an April Fools Project for DEV Challenge.
Update my Content & Project Calendar for April. Looking at it no there's no events listed the rest of the month. That's odd. new to check emails and see if I forgot to add stuff to the calendar.
Blog
Events.
- Thursday Virtual Coffee
- Thursday evening Atlassian's A Night of Enterprise AI [Virtual] (in commute time for me. )
Run a goal setting thread on Virtual Coffee(VC) Slack.

How I did last week.

Job Search.
- ✅ Network
- Apply
Project work.
- ✅ Content for side project.
- ✅ Work on my own project. * Made and uploaded more wallpapers.
- ❌ Figure out an April Fools Project for DEV Challenge.
✅ Update my Content & Project Calendar for April. Looking at it no there's no events listed the rest of the month. That's odd. new to check emails and see if I forgot to add stuff to the calendar.
Blog
Events.
- ❌ Thursday Virtual Coffee
- ? Did catch Torc's Friday stream and watch a replay of a friend's podcast.
✅ Run a goal setting thread on Virtual Coffee(VC) Slack.

Your turn, what do you plan to do this week?

What are you building this week?
What do you want to learn?
What events are you attending this week?

Cover image is my LEGO photography. It's Daffy Duck working at a desktop computer. In the background is a mini rubber duck.

-$JarvisScript git commit -m "edition 174"

What are your goals for the week? #173

Chris Jarvis — Mon, 06 Apr 2026 14:28:05 +0000

It's full on Spring here. Stuff is blooming and things are covered in pollen. Our sprouts are getting big and it's almost time to move them to the soil.
Thanks for the conversation on this post last week. It helped me earn the #Discuss badge for "the top weekly post under the #discuss tag."

What are your goals for the week?

What are you building this week?
What do you want to learn?
What events are you attending this week?

This Week's Goals.

Job Search.
- Network
- Apply
Project work.
- Content for side project.
- Work on my own project.
- Figure out an April Fools Project for DEV Challenge.
Update my Content & Project Calendar for April. Looking at it no there's no events listed the rest of the month. That's odd. new to check emails and see if I forgot to add stuff to the calendar.
Blog
Events.
- Thursday Virtual Coffee
- ?
Run a goal setting thread on Virtual Coffee(VC) Slack.

How I did last week.

Job Search.
- ✅ Network
- Apply
Project work.
- ✅ Content for side project.
- ✅ Work on my own project.
✅ Update Content & Project Calendar for April.
✅
- Blog Made some CSS Easter Eggs and blogged about them.
- Earned the #Discuss Badge for last week's edition of this series. "Awarded for sharing the top weekly post under the #discuss tag." Thanks for the great conversation.
Events.
- ❌ Thursday Virtual Coffee
- ✅ Friday attend a Lunch and Learn
✅ Run a goal setting thread on Virtual Coffee(VC) Slack.

Chris Jarvis

Apr 3

CSS Eggs: Duck Eggs Woo-oo!

#css #frontend #tutorial #writing

Comments

4 min read

Your turn, what do you plan to do this week?

What are you building this week?
What do you want to learn?
What events are you attending this week?

Cover image is my LEGO photography. It's Daffy Duck working at a desktop computer. In the background is a mini rubber duck.

-$JarvisScript git commit -m "edition 173"

CSS Eggs: Duck Eggs Woo-oo!

Chris Jarvis — Fri, 03 Apr 2026 14:19:06 +0000

For the past few years I've made CSS Easter eggs. See my CSS Tips Series, links below, for previous eggs. The eggs have changed from simple shape to more 3d looking in recent years.

These first sections are copied straight from the previous article all I'm doing this time is changing some color, the structure is the same. So you can Skip to New Colors

Basic Egg

The basic egg class is an oval shape. It will be modified, each egg will have it's own class with a different gradient. In this image the oval has a slightly larger border for better visibility. Subsequent borders are small and the color changed to blend into the background.

    <div class="egg"></div>

.egg {
    height: 364px;
    width: 225px;
    aspect-ratio: 3 / 4;
    border-radius: 100% / 125% 125% 80% 80%;

    background: white;
    border: 4px var(--Pink) solid;
}

Make it look real

Next a egg_white class with a linear-gradient is added to give the egg a more realistic look. The classes were named egg_color rather than color_egg to make the file easier to find.
The gradient is made of several white and off white hues.

The filter: drop-shadow places a shadow behind the oval. This helps separate it from the background. While the box-shadow: inset puts the shadow inside the oval. Together they give the egg depth.

    <div class="egg egg_white">

.egg_white {
    background:
    linear-gradient(to bottom,
        blanchedalmond, antiquewhite, beige, ghostwhite);
    border-color: #6b6b6b;
      filter: drop-shadow(0 0 0.75rem #6b6b6b);
        box-shadow: inset -25px -25px 40px rgba(0,0,0,.5);
}

New Colors

This time I used the same HTML as last year. Just the CSS. mostly the background colors was changed. A couple time the border was modified or removed.

Duck Eggs Woo-oo!

This egg was based off of Mallard duck eggs which are yellow. Various shades of yellow were used. The dev tools color picker was used to pull colors from images of mallard eggs. But the egg just looked very pale. Therefore used creative license to make a yellow egg.

.egg_mallard {
    height: 330px;
    width: 200px;
    background:
    linear-gradient(to bottom, #EED930, #ECFF80, #F6FF65, #BFA51A);
     filter: drop-shadow(0 0 0.75rem black);
    box-shadow: inset -25px -25px 40px rgba(0,0,0,.5);

}

Robin

This is a Robin's egg. This time the color picker was able to get some decent blue hues from online images of Robin eggs.

:root {
    --MainPurple: #7d3b74;
    --DarkPurple: #1f1d21;
      }

.egg_robin {
    background:
    linear-gradient(to bottom,
        #6bc3c7, #00909b,  #015e6a, #01373e);
    filter: drop-shadow(0 0 0.75rem black);
    box-shadow: inset -25px -25px 40px rgba(0,0,0,.5);
}

DarkWing Egg

This egg is the reverse gradient of the overall background. The to-top parameter was used to change the direction of the gradient.

.egg_bg {
    background: linear-gradient(to top, var(--DarkPurple), var(--MainPurple));
    height: 379px;
    width: 244px;
    filter: drop-shadow(0 0 0.75rem black);
    box-shadow: inset -25px -25px 40px rgba(0,0,0,.5);
}

Green Eggs and Spam

This is a big green egg.

:root {
    --DarkGreen: #164a0c;
    --HighlightGreen: #85f275;
      --LgGreen: #00ff58;
       }

.egg_green{
    height: 415px;
    width: 275px;

    background:
    linear-gradient(to bottom,
        var(--HighlightGreen), var(--LgGreen), var(--DarkGreen));
      filter: drop-shadow(0 0 0.75rem black);
    box-shadow: inset -25px -25px 40px rgba(0,0,0,.5);
}

Git your Eggs in a row.

Here's all the eggs together. 2026 above, 2025 below.

Ducktales Woo-oo two

While editing the post, I decided why not try to make the stars of Duck Tales and Darkwing Duck. Here 50% was added to both colors in the gradient to make a hard stop and clear cut color change.

    <div class="character">

        <div class="egg_ducktales"></div>
        <div class="blue egg_ducktales"></div> 
        <div class="green egg_ducktales"></div>
        <div class="egg egg_DW"></div>

    </div character>

.egg_ducktales {
    background:
    linear-gradient(to bottom, var(--Red) 50%,  white 50%);
}

.green {
    background:
      linear-gradient(to bottom, var(--Green) 50%,  white 50%);
}

.blue {
    background:
      linear-gradient(to bottom, var(--Blue) 50%,  white 50%);
}

.egg_DW {
    height: 415px;
    width: 275px;
    background: linear-gradient(to bottom, var(--MainPurple) 50%, white 50%);
    filter: drop-shadow(0 0 0.75rem black);
    box-shadow: inset -25px -25px 40px rgba(0,0,0,.5);
}

Three eggs are the same size. The last is larger. To make eggs sit on the ground align-items was changed from center to baseline.

.character {

    align-items: baseline;
}

Wrap up

I enjoyed coloring the eggs. While writing this post, I thought about making all the eggs of different duck species. But many ducks eggs are white and whites eggs were done last year. After the post was almost done, I made some CSS edits to make animated ducks.

Thanks again

Hat Tip to Alvaro Montoro for his article on making eggs more egg shaped. It help get the width and height balanced.

Alvaro Montoro

Apr 8 '23

Drawing an Egg with CSS

#showdev #css #webdev

Comments 4

2 min read

-$JarvisScript git commit -m "Eggs Up"

What are your goals for the week? #172

Chris Jarvis — Mon, 30 Mar 2026 14:28:37 +0000

Had an increase in responses last week. Thanks to @francistrdev for the shout out in their posts. I enjoy hearing what you are building and learning.

What are your goals for the week?

What are you building this week?
What do you want to learn?
What events are you attending this week?

This Week's Goals.

Job Search.
- Network
- Apply
Project work.
- Content for side project.
- Work on my own project.
Update Content & Project Calendar for April.
Blog
Events.
- Thursday Virtual Coffee
- Friday attend a Lunch and Learn Cypress
Run a goal setting thread on Virtual Coffee(VC) Slack.

How I did last week.

Job Search.
- ✅ Network
- ✅ Apply
Project work.
- Content for side project. * Worked on an storefront. Also did some CSS art. Still working on it.
- Work on my own project.
❌ Blog
Events.
- Dallas Software Developers (virtual) * Only caught part of it.
- Thursday Virtual Coffee
- ❌ Thursday * Solving Cross-Team Accessibility Challenges with Cypress * Platform they streamed on would not load.
Run a goal setting thread on Virtual Coffee(VC) Slack.

This series got mentioned by @francistrdev in their post about checking in on people.

WeCoded 2026: Echoes of Experience 💜

FrancisTRᴅᴇᴠ (っ◔◡◔)っ

Mar 24

Check Up with Each Other

#devchallenge #wecoded #dei #career

Comments 30

4 min read

Your turn, what do you plan to do this week?

What are you building this week?
What do you want to learn?
What events are you attending this week?

Cover image is my LEGO photography. It's Daffy Duck working at a desktop computer. In the background is a mini rubber duck.

-$JarvisScript git commit -m "edition 172"

What are your goals for the week? #171

Chris Jarvis — Mon, 23 Mar 2026 15:27:11 +0000

What are your goals for the week?

What are you building this week?
What do you want to learn?
What events are you attending this week?

This Week's Goals.

Job Search.
- Network
- Apply
Project work.
- Content for side project.
- Work on my own project.
Blog
Events.
- Dallas Software Developers (virtual)
- Thursday Virtual Coffee
- Thursday * Solving Cross-Team Accessibility Challenges with Cypress
Run a goal setting thread on Virtual Coffee(VC) Slack.

How I did last week.

Job Search.
- ✅ Network
- ✅ Apply
Project work.
- Content for side project.
- Work on my own project.
- ✅ Use my Content & Project Calendar for March.
❌ Blog
Events. ✅ * Wednesday State of React
✅ Run a goal setting thread on Virtual Coffee(VC) Slack.

Your turn, what do you plan to do this week?

What are you building this week?
What do you want to learn?
What events are you attending this week?

Cover image is my LEGO photography. It's Daffy Duck working at a desktop computer. In the background is a mini rubber duck.

-$JarvisScript git commit -m "edition 171"