ohai.social team @ohai

9 posts6 participants0 posts today

**Chris Ferdinandi ️** @cferdinandi@mastodon.social · 1d

Chris Ferdinandi ️ @cferdinandi@mastodon.social

️ New Article: An HTML Web Component library https://ift.tt/KdbWn64 #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

ift.ttAn HTML Web Component libraryToday, I’ve been thinking about how the industry could use a progressively enhanced HTML Web Component library. Something that’s less a whole framework and more like Legos you can mix-and-match as needed. Let’s dig in! The idea I’m imagining a system that includes… Base styles for all of the common HTML elements. Loads of utility classes for nudging and tweaking things. Group classes for styling more complex UI elements without a million little classes.

**Chris Ferdinandi ️** @cferdinandi@mastodon.social · 2d

Chris Ferdinandi ️ @cferdinandi@mastodon.social

New Video: How to build scalable CSS architecture with HUG CSS https://www.youtube.com/watch?v=kKdH6QLQGFk #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

YouTubeHow to build scalable CSS architecture with HUG CSSBy Go Make Things

**Chris Ferdinandi ️** @cferdinandi@mastodon.social · 2d

Chris Ferdinandi ️ @cferdinandi@mastodon.social

New Video: Episode 160 - A formula for debugging https://www.youtube.com/watch?v=nQeCKzycrmo #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

YouTubeEpisode 160 - A formula for debuggingBy Go Make Things

**Chris Ferdinandi ️** @cferdinandi@mastodon.social · 2d

Chris Ferdinandi ️ @cferdinandi@mastodon.social

New Podcast:
Episode 160 - A formula for debugging https://ift.tt/StTEy6H #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

ift.ttA formula for debuggingIn today’s episode, I talk about a formula I use for debugging code and asking for help.

**Chris Ferdinandi ️** @cferdinandi@mastodon.social · 2d

Chris Ferdinandi ️ @cferdinandi@mastodon.social

️ New Article: Detecting media query changes with JavaScript https://ift.tt/lb2Rt5X #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

ift.ttDetecting media query changes with JavaScriptOne of my favorite things about CSS is how it just automatically does stuff that you need to manually do in JavaScript. A good example of that is detecting changes to media queries. Let’s dig in! An example: prefers-reduced-motion The Reduced Motion media query provides a way for people who experience motion sickness and vertigo to specify that they’d like to reduce the motion of an interface. It’s an operating system setting (in macOS, it’s under Accessibility in System Preferences), and you can detect it using a CSS media query.

**Chris Ferdinandi ️** @cferdinandi@mastodon.social · 3d

Chris Ferdinandi ️ @cferdinandi@mastodon.social

️ New Article: Looping HLS video https://ift.tt/19vVIdQ #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

ift.ttLooping HLS videoHLS, or HTTP Live Streaming, is an efficient video streaming protocol that can adapt to network conditions. I was recently working on a project where I needed to use an HLS format video (the .m3u8 file extension) for a background video: muted, autoplaying, and automatically looping. Here’s how I would normally include that with an .mp4 video… <video muted loop autoplay tabindex="-1" aria-hidden="true" src="https://assets.afcdn.com/video49/20210722/v_645516.m3u8" > </video> But HLS is a live streaming format.

**TechKeysX** @TechKeysX@mastodon.social · 3d

TechKeysX @TechKeysX@mastodon.social

LAMBDA Function in Python
Python #LambdaFunction #PythonTips #Coding #PythonProgramming #AnonymousFunction #DevTips #CodeNewbie #PythonCode #FunctionalProgramming #LearnPython

**Chris Ferdinandi ️** @cferdinandi@mastodon.social · 4d

Chris Ferdinandi ️ @cferdinandi@mastodon.social

️ New Article: Shut up, you're being an asshole https://ift.tt/muOW6rI #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

ift.ttShut up, you're being an assholeYesterday, I watched a Thought Slime video on how fascists waste your time. The big takeaway from the video, at the 32:10 mark, is that your response to any fascists saying anything anywhere should always be… Shut up, you’re being an asshole. Anything else results in lots of circular arguments and goal shifting. When fascists do any of their bullshit online, they’re not trying to win an argument.

**Chris Ferdinandi ️** @cferdinandi@mastodon.social · 6d

Chris Ferdinandi ️ @cferdinandi@mastodon.social

️ New Article: How to nail your job interview https://ift.tt/gbwyN2J #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

ift.ttHow to nail your job interviewThis week, I’m sharing my best career and job hunting tips. So far, we’ve talked about coffee chats, how to find open roles, and how to write a kick-ass resume. Today, let’s talk about how to nail your job interview. Let’s dig in! (You can view the full series—and stuff not covered in this series—in the Go Make Things members digital garden. You can even bookmark you favorite stuff!)

**Chris Ferdinandi ️** @cferdinandi@mastodon.social · Apr 10

Apr 10

Chris Ferdinandi ️ @cferdinandi@mastodon.social

️ New Article: How to write effective resumes https://ift.tt/BYPIfwx #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

ift.ttHow to write effective resumesThis week, I’m sharing my best career and job hunting tips. So far, we’ve talked about coffee chats and how to find open roles. Today, let’s talk about how to write resumes that actually get you called in for an interview. Let’s dig in! (If you don’t want to wait for the full series, everything I’ll be sharing is instantly available in my Go Make Things members digital garden. You can even bookmark you favorite stuff!

**Chris Ferdinandi ️** @cferdinandi@mastodon.social · Apr 9

Apr 9

Chris Ferdinandi ️ @cferdinandi@mastodon.social

️ New Article: Finding open roles https://ift.tt/SZaGCUI #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

ift.ttFinding open rolesThis week, I’m sharing my best career and job hunting tips. Yesterday, I shared my career secret weapon: coffee chats. Today, let’s talk about how to actually find open roles to apply to. Let’s dig in! (If you don’t want to wait for the full series, everything I’ll be sharing is instantly available in my Go Make Things members digital garden. You can even bookmark you favorite stuff!) Job Boards This is the most common approach that people take: you search on a job board, find roles you like, and submit your resume.

**Chris Ferdinandi ️** @cferdinandi@mastodon.social · Apr 8

Apr 8

Chris Ferdinandi ️ @cferdinandi@mastodon.social

New Video: WTF is an early return in JavaScript!?! https://www.youtube.com/watch?v=YCGWNaI8w1E #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

YouTubeWTF is an early return in JavaScript!?!By Go Make Things

**Chris Ferdinandi ️** @cferdinandi@mastodon.social · Apr 8

Apr 8

Chris Ferdinandi ️ @cferdinandi@mastodon.social

️ New Article: Finding a job: coffee chats https://ift.tt/UFALpZt #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

ift.ttFinding a job: coffee chatsThe industry is a mess right now. A lot of people have been laid off. Hiring is down. Salaries are down. This isn’t the first time this happened to our industry. It’s not even the worst. And it won’t be the last. Before I was a web developer, I worked in HR. I’ve seen how the sausage is made. I have some insider knowledge on how recruiters find people, how interview processes work, and what kinds of resumes actually get results.

**Chris Ferdinandi ️** @cferdinandi@mastodon.social · Apr 8

Apr 8

Chris Ferdinandi ️ @cferdinandi@mastodon.social

New Video: Episode 159 - How your tools work https://www.youtube.com/watch?v=p5Qy9fr2P8k #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

YouTubeEpisode 159 - How your tools workBy Go Make Things

**Chris Ferdinandi ️** @cferdinandi@mastodon.social · Apr 8

Apr 8

Chris Ferdinandi ️ @cferdinandi@mastodon.social

New Podcast:
Episode 159 - How your tools work https://ift.tt/JhKeAzQ #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

ift.ttHow your tools workIn today’s episode, I talk about the importance of understanding how your code works.

**Chris Ferdinandi ️** @cferdinandi@mastodon.social · Apr 7

Apr 7

Chris Ferdinandi ️ @cferdinandi@mastodon.social

️ New Article: How to add links with a keyboard shortcut in Sublime Text https://ift.tt/f4Lmhrk #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

ift.ttHow to add links with a keyboard shortcut in Sublime TextLast week, I wrote about my Sublime Text setup. I write in markdown a lot. And one thing that’s been missing for me from Sublime is the ability to add a link to my markdown files using the command + K keyboard shortcut (or control + K for my Windows folks). Last week, I found this solution comes from devcarlos over on the Sublime Text forums, and wanted to share how it works for archive purposes.

**teddymatayoshi** @teddymatayoshi@mastodon.social · Apr 5

Apr 5

teddymatayoshi @teddymatayoshi@mastodon.social

CSS Art – Isometric Image Design with CSS Transforms and Linear Gradients - Part 1
https://pyxo.me/955d8c
#pyxofy #cssart #codenewbie

Pyxofy · Apr 5CSS Art – Isometric Image Design with CSS Transforms and Linear Gradients - Part 1Join us in creating a three-dimensional (3D-ish) front-load washing machine using only CSS properties and functions in this step-by-step article.

**Pyxofy** @pyxofy@mastodon.social · Apr 5

Apr 5

Pyxofy @pyxofy@mastodon.social

CSS Art – Isometric Image Design with CSS Transforms and Linear Gradients - Part 1
https://pyxo.me/955d8c #pyxofy #cssart #codenewbie

**Chris Ferdinandi ️** @cferdinandi@mastodon.social · Apr 5

Apr 5

Chris Ferdinandi ️ @cferdinandi@mastodon.social

️ New Article: It's like a new phone https://ift.tt/wNjeRYW #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

ift.ttIt's like a new phoneLast month, I replaced the battery on my four year old iPhone 13 mini. It cost $89. I also shelled out for a new OEM leather case, purchased for $30 on eBay because Apple doesn’t sell them anymore. Total cost for the battery and case was about $130 after taxes. The title kind of gives it away, but the difference since upgrading the battery has been night-and-day. Before replacement, my battery health (according to the data on the iPhone itself) was about 75 percent.

**Chris Ferdinandi ️** @cferdinandi@mastodon.social · Apr 4

Apr 4

Chris Ferdinandi ️ @cferdinandi@mastodon.social

️ New Article: Building a toast library from scratch in just 30 minutes https://ift.tt/MOlKTxn #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

ift.ttBuilding a toast library from scratch in just 30 minutesThis week over on my YouTube channel, I challenged myself to build a vanilla JS toast/notification library from scratch in just 30 minutes. Did I succeed? You’ll have to watch to find out! (JK, I did it.) You can also download the source code and try it yourself over on GitHub.

Drag & drop to upload

Recent searches

Search options

Administered by:

Server stats:

#codenewbie