#100daysofCode - Social 📸 Photography

0 posts0 participants0 posts today

sociala0ibo @sociala0ibo@mastodon.social

https://write.as/k0yxw6f27x2kk.md
Stop learning in silence. Start building loud.
Nobody cares about your 10 tutorials.
Ship 1 working project. Deploy it.
Let your code scream what your resume can't.
Deploy or stay invisible.
#BuildInPublic #DevLife #100DaysOfCode

Write.asStop Learning in Silence. Start Building Loud. Stop Sitting. Start Shipping.> _Tutorials don’t make developers. Projects do._ --- ## 🚨 So You Started Coding... Python, data structures, OOP — maybe even full-stack dev courses. You sit in front of a laptop for months. Family, friends...

Hira Lu @Hiralu@mastodon.social

First toot!
Hey Mastodon fam I’m Hira engineer, coder, music lover, cat mom.
I love building things (especially with Python), sharing thoughts, and connecting with creative souls.

I also post tutorials & tech content on YouTube:
https://youtube.com/@hirafuyucoding?si=-e3IXk7kOn-vyQxc

And here’s my GitHub if you’re into code:
github.com/hira2003

Say hi if you're into tech, indie projects, or just vibing with life
#introductions #WomenInTech #IndieDev #100DaysOfCode #MastoTech #CatsOfMastodon #Algeria

Chris Ferdinandi ️ @cferdinandi@mastodon.social

️ New Article: gzip performance is wild! https://ift.tt/P8xVKpU #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

ift.ttgzip performance is wild!This week, I wrote about using the CSS @import rule to modularize CSS, and some performance challenges with that approach. I ran a few additional tests, and wanted to share the data I found. tl;dr: the issue isn’t the @import rule itself, but that files under 1kb often end up the same size or even bigger when gzipped, so you get no compression benefits. Let’s dig in! wtf is gzip!

Chris Ferdinandi ️ @cferdinandi@mastodon.social

️ New Article: Modular CSS Redux https://ift.tt/J8TkM0l #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

ift.ttModular CSS ReduxThey say the best way to get an answer to a technical question is to post the wrong answer on the internet! Yesterday, I wrote about modular CSS architecture using the browser-native @import operator. And while I wouldn’t say that what I wrote was wrong, I did learn a whole lot and have some really interesting conversations that shifted my perspective a bit. Let’s dig in! Gzipping makes things weird The modular files in Kelp are really small.

Chris Ferdinandi ️ @cferdinandi@mastodon.social

️ New Article: Rethinking modular CSS and build-free design systems https://ift.tt/CcsW9A0 #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

ift.ttRethinking modular CSS and build-free design systemsOne of my big goals with Kelp, my UI library for people who love HTML, was build-free customization. I want to use the best of modern HTML, CSS, and JavaScript to let people customize the hell out it without every having to open up terminal or run a build step. Today, I wanted to share how I decided to approach modularizing CSS and customizing which components get loaded. Let’s dig in!

TechKeysX @TechKeysX@mastodon.social

Dictionaries in Python:
Dictionaries in Python are collections of key-value pairs that allow fast data retrieval based on unique keys.
#Python #PythonTips #Dictionaries #LearnPython #Coding #PythonProgramming #CodeNewbie #100DaysOfCode #pythonbasics

Chris Ferdinandi ️ @cferdinandi@mastodon.social

️ New Article: Creating a semantic color palette https://ift.tt/MVavfnL #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

ift.ttCreating a semantic color paletteOn Monday, we looked at how to create an accessible color palette. Today, we’re going to learn how to take that palette and use it to create semantic color variables that we can use throughout our design system. This approach is at the heart of Kelp, my UI library for people who love HTML. Let’s dig in! What are semantic colors? In Monday’s article, we built out a collection of CSS variables that use the color’s name and shade:

Chris Ferdinandi ️ @cferdinandi@mastodon.social

️ New Article: The Kelp Commons License https://ift.tt/WXqNAb9 #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

ift.ttThe Kelp Commons LicenseI’ll finally be releasing some early code for Kelp UI (my UI library for people who love HTML) over the next few days. The one last thing I’ve been finalizing before I do is the license. I knew early on that I didn’t want to release this under a traditional open source license like MIT, but I do want users to be able to view, modify, and redistribute code.

Continued thread

Dendrobatus Azureus @dendrobatus_azureus@polymaths.social

I rewrote this post specifically from this server to get it properly formatted in markdown

#vim #VimMasterRace #BramMolenaar

Dendrobatus Azureus @dendrobatus_azureus@polymaths.social

Thank you for this wonderful tip

So it's

:match Conceal /^.*$/
:set conceallevel=3

:highlight Conceal NONE

When you're finished, just do

:match

#vim #VimMasterRace #BramMolenaar

Chris Ferdinandi ️ @cferdinandi@mastodon.social

️ New Article: Gradient borders with CSS https://ift.tt/g9o3WaS #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

ift.ttGradient borders with CSSToday, I wanted to show you how you can use gradients for borders in CSS—something that historically required faux borders and background colors, but is now supported natively. Let’s dig in! The border at the top of the page My website typically has a gray border at the top… body { border-top: 0.5em solid #808080; } But for Pride Month, I decided to swap it out with the Progress Pride Flag colors this year.

Chris Ferdinandi ️ @cferdinandi@mastodon.social

️ New Article: The magic developer wand... https://ift.tt/RHGD1nB #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

ift.ttThe magic developer wand...… doesn’t exit. I can’t find the post anymore, but a month or three ago, Miriam Eric Susanne posted something about how we keep building extremely problematic tools with the promise that we’ll work out all of the bad stuff at some imagined point down the road. Sure, it uses 8x as much water to do the same thing. But look how cool it is! We’ll figure that before we launch.

Chris Ferdinandi ️ @cferdinandi@mastodon.social

️ New Article: Modern layouts with CSS https://ift.tt/JCg3PZ1 #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

ift.ttModern layouts with CSSAs I continue to build out my HTML-focused UI library, one of the things I’ve been deep in-the-weeds on recently is modern approaches to layout. Today, I wanted to explore that a bit more. Let’s dig in! Go with the flow The most common layout on nearly every website is the flow or the stack: a vertical stack of headings, paragraphs, and more as part of an article or document.

Chris Ferdinandi ️ @cferdinandi@mastodon.social

️ New Article: How to tell if your site is gzipped https://ift.tt/aEkBZI6 #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

ift.ttHow to tell if your site is gzippedI no longer minify my CSS and JavaScript files. I’ve found that gzipping them provides so much of a size reduction and performance improvement that minifying them just isn’t worth it. Today, I want to talk about what gzipping is, how to enable it, and how to check that your site is doing it. Let’s dig in! What is gzipping? The .gzip format is a compressed file format, a lot like .

Chris Ferdinandi ️ @cferdinandi@mastodon.social

️ New Article: An aspect ratio CSS utility class https://ift.tt/Og5ZwIJ #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

ift.ttAn aspect ratio CSS utility classI’ve been full-steam ahead building a UI library for people who love HTML, powered by modern CSS and Web Components. I’ll be launching a proper website for it and more details in the next week or three, but today, I wanted to talk quickly about the set of utility classes it’s going to include for setting the aspect ratio on images, videos, and more. Let’s dig in! The modern CSS aspect-ratio property The aspect-ratio property tells the browser to maintain a specific width-to-height ratio on an element regardless of the parent container size.

Chris Ferdinandi ️ @cferdinandi@mastodon.social

New Podcast:
Episode 161 - Managing your energy as a developer with ADHD https://ift.tt/83onG2C #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

ift.ttManaging your energy as a developer with ADHDIn today’s episode, I talk about the importance of managing your energy (and having control over your tasks) as a developer with ADHD.

Chris Ferdinandi ️ @cferdinandi@mastodon.social

New Video: You should give a $h!t about no-JS!? https://www.youtube.com/watch?v=naqTYJdz5g8 #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

YouTubeYou should give a $h!t about no-JS!?By Go Make Things

Dendrobatus Azureus @Dendrobatus_Azureus@bsd.cafe

Linus Torvalds has proper motivated reasons for really disliking file systems without a case sensitivity.

Read this with me from the kernel lkml, regarding bcachefs.

Re: [GIT PULL] bcachefs fixes for 6.15-rc4 - Linus Torvalds
https://lore.kernel.org/lkml/CAHk-=wjajMJyoTv2KZdpVRoPn0LFZ94Loci37WLVXmMxDbLOjg@mail.gmail.com/

#bash #sh #zsh #ksh #csh #tcsh #fish #git #Linux #lkml #POSIX #FOSS #100daysofCode #640DaysOfCode #coding #1024DaysOfCode #github #programming #Torvalds #filesystem

lore.kernel.orgMaking sure you're not a bot!

Dendrobatus Azureus @Dendrobatus_Azureus@bsd.cafe

Linus Torvalds has coded git two decades ago.

Learn about why how who and where here

https://youtu.be/sCr_gb8rdEI?si=s8tDVh1e8dBTGWkJ

#bash #sh #zsh #ksh #csh #tcsh #fish #git #Linux #POSIX #FOSS #100daysofCode #640DaysOfCode #coding #1024DaysOfCode #github #programming

YouTubeTwo decades of Git: A conversation with creator Linus TorvaldsBy GitHub

Chris Ferdinandi ️ @cferdinandi@mastodon.social

️ New Article: Open source is kind of broken https://ift.tt/KljweJQ #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

ift.ttOpen source is kind of brokenYesterday, I mentioned that I’m working on a Web Component UI library for people who love HTML. One thing I’ve been mindful of as I work through this project is how very broken and exploitative the open source ecosystem is, both as a maintainer of and consumer of open source projects. I want to explore this a bit more, and offer some thoughts. Let’s dig in! I owe my career to open source!

Drag & drop to upload