Jump to content

Welcome to CodeNameJessica

โœจ Welcome to CodeNameJessica! โœจ

๐Ÿ’ป Where tech meets community.

Hello, Guest! ๐Ÿ‘‹
You're just a few clicks away from joining an exclusive space for tech enthusiasts, problem-solvers, and lifelong learners like you.

๐Ÿ” Why Join?
By becoming a member of CodeNameJessica, youโ€™ll get access to:
โœ… In-depth discussions on Linux, Security, Server Administration, Programming, and more
โœ… Exclusive resources, tools, and scripts for IT professionals
โœ… A supportive community of like-minded individuals to share ideas, solve problems, and learn together
โœ… Project showcases, guides, and tutorials from our members
โœ… Personalized profiles and direct messaging to collaborate with other techies

๐ŸŒ Sign Up Now and Unlock Full Access!
As a guest, you're seeing just a glimpse of what we offer. Don't miss out on the complete experience! Create a free account today and start exploring everything CodeNameJessica has to offer.

CodeName Blogs

Featured Entries

by: Daniel Schwarz Wed, 25 Jun 2025 14:33:45 +0000 Chrome 137 shipped the if() CSS function, so itโ€™s totally possible weโ€™ll see other browsers implement it, though itโ€™s tough to know exactly when. Whatever the case, if() enables us to use values conditionally, which we can already do with queries and other functions (e.g., media queries and the light-dark() function), so Iโ€™m sure youโ€™re wondering: What exactly does if() do? Sunkanmi gave us a nice overview of the function yesterday, poking
by: Abhishek Kumar Wed, 25 Jun 2025 07:55:29 GMT If youโ€™re a Linux user, you might have found yourself tangled in boot issues while installing your favorite distro especially if "Secure Boot is" in the picture. Secure Boot is meant to add an extra layer of protection to our systems, preventing unverified software from running at boot. Sounds like a win, right? Well, not always. For Linux users, Secure Boot can often feel like more of a hassle than a help, leading to issues, failed install
by: Sunkanmi Fafowora Tue, 24 Jun 2025 15:17:10 +0000 Weโ€™ve known it for a few weeks now, but the CSS if() function officially shipped in Chrome 137 version. Itโ€™s really fast development for a feature that the CSSWG resolved to add less than a year ago. We can typically expect this sort of thing โ€” especially one that is unlike anything we currently have in CSS โ€” to develop over a number of years before we can get our dirty hands on it. But here we are! Iโ€™m not here to debate whetherย if()ย in
by: Abhishek Prakash Tue, 24 Jun 2025 13:49:11 +0530 Ever wondered how to make your bash scripts more robust and professional? The declare command in bash is your secret weapon for proper variable management! Alright! So, variables in bash don't have any types and you can simply use them as name=value . That's not surprising. What you might not know is that you can control variable types, scope, and behavior by using declare with your variables. Interesting, right? What is Declare in Bash? The
by: Chris Coyier Mon, 23 Jun 2025 15:47:48 +0000 I like the term โ€œcontent aware componentsโ€ like Eric Bailey uses in the Piccalilli article Making content-aware components using CSS :has(), grid, and quantity queries. Does a card have a photo? Yes, do one thing, no, do another. That sort of thing. Eric has some good examples where a UI component has a bunch more โ€œtagsโ€ than another, so the layout adjusts to accommodate them better. Thanks to :has(), the idea of โ€œquantity queriesโ€ (e.g.
by: Zell Liew Mon, 23 Jun 2025 13:41:34 +0000 In a previous article, I showed you how to refactor the Resize Observer API into something way simpler to use: // From this const observer = new ResizeObserver(observerFn) function observerFn (entries) { for (let entry of entries) { // Do something with each entry } } const element = document.querySelector('#some-element') observer.observe(element); // To this const node = document.querySelector('#some-element') const obs = resizeO
by: Adnan Shabbir Mon, 23 Jun 2025 13:40:56 +0000 Bash (Bourne Again Shell) is a free and open-source shell and scripting language. Its journey started in the late 80s, and since then, the Bash has been adopted by routine Linux users and Linux SysAdmins. Bash has automated the daily tasks of a Linux System Administrator. A Linux SysAdmin has to spend hours running scripts and commands. Not only the SysAdmins, but the simplicity and easy-to-learn capability of Bash have automated the tasks of a
by: Adnan Shabbir Mon, 23 Jun 2025 12:34:03 +0000 Basic Workflow of Ansible | What components are necessary sudo apt update sudo apt install ansible ansible --version Ansible Control Node IP: 192.168.140.139 (Where Ansible is configured) Ansible Host IPs: { Server 1 [172.17.33.7] Server2 [192.168.18.140] } Inventory File: Default inventory file location: /etc/ansible/hosts. Usually, it is not available when we install Ansible from the default repositories of the distro, so we nee
by: Abhishek Prakash Sun, 22 Jun 2025 05:04:55 GMT The omnipresent top command is often the first tool that comes to mind for system resource monitoring in the Linux command line. Btop++ is a similar Linux system monitoring tool that shows usage statistics for processor, memory, disk, network, and processes. It is a C++ variant of the popular bashtop from the same developer. In fact, the developer states that Btop++ is a continuation of bashtop and bpytop. What makes Btop++ interesting
By: Janus Atienza Sat, 21 Jun 2025 17:07:04 +0000 In todayโ€™s digital landscape, online visibility is paramount for any businessโ€™s successโ€”and roofing companies are no exception. In a crowded market, differentiating yourself is challenging. Whether youโ€™re a local roofer serving one town or a nationwide roofing chain, a strong online presence is nonโ€‘negotiable. This is where a roofing SEO agency merges powerfully with Linux. By running your SEO infrastructure on Linux, you benefit from scalable p
by: Juan Diego Rodrรญguez Fri, 20 Jun 2025 14:04:12 +0000 I have had the opportunity to edit over a lot of the new color entries coming to the CSS-Tricks Almanac. Weโ€™ve already published several with more on the way, including a complete guide on color functions: color() hsl() lab() lch() oklab() oklch() rgb() And I must admit: I didnโ€™t know a lot about color in CSS (I still usedย rgb(), which apparently isnโ€™t what cool people do anymore), so it has been a fun le
by: Abhishek Prakash Fri, 20 Jun 2025 18:38:14 +0530 Hereโ€™s your curated dose of Linux news, tutorials, and updates to keep you informed and productive in your open-source journey. Find with exec Named and unnamed pipes in Linux Container lifeycycle commands Clickhouse and Dockman And regular dose of important news, tips and memes ย  ย  ย  This post is for subscribers only Subscribe now
by: Sunkanmi Fafowora Thu, 19 Jun 2025 15:01:18 +0000 If you asked me a few months ago, โ€œWhat does it take for a website to stand out?โ€ I may have said fancy animations, creative layouts, cool interactions, and maybe just the general aesthetics, without pointing out something in particular. If you ask me now, after working on color for the better part of the year, I can confidently sayย itโ€™s all color. Among all the aspects that make a design, a good color system will make it as beautiful as p
by: Abhishek Prakash Thu, 19 Jun 2025 05:21:30 GMT You probably have noticed a lack of new articles this week. And there is a 'good' reason for that. I have been busy with the arrival of my second child ๐Ÿšผ That is also the reason why there was a slight delay in lifetime membership activation. But it's done for all the 43 new members so far (of the set goal of 75 new lifetime members). Things are getting back on the track as the mother and baby duo have been discharged from the hospital. You
by: Sacha Greif Tue, 17 Jun 2025 13:13:15 +0000 How do you keep up with new CSS features? Letโ€™s say for example that, hypothetically speaking, you run a popular web development survey focused on CSS, and need to figure out what to include in this yearโ€™s edition. (In aย totalย coincidence the aforementioned State of CSS survey for this year is actually open right now โ€”ย go take it to see whatโ€™s new in CSS!) You might think you can just type โ€œnew CSS features 2025โ€ in Google and be done with
by: Chris Coyier Mon, 16 Jun 2025 16:23:56 +0000 First a quick heads up aboutโ€ฆ me. I have a weird itch to do โ€œstreamingโ€, so Iโ€™m letting myself just be a hardcore beginner and giving it a shot. The plan is just hang out with whoever shows up and make stuff and talk about front end web development and design. So: Me on Twitch CodePen on YouTube Seems like those two platforms make the most sense for that, so here we go. I made this super sick banner for Twitch, which you canโ€™t
by: Zell Liew Mon, 16 Jun 2025 12:47:51 +0000 Resize Observer, Mutation Observer, and Intersection Observers are all good APIs that are more performant than their older counterparts: ResizeObserver is better than the resize event MutationObserver replaces the now deprecated Mutation Events IntersectionObserver lets you do certain scroll interactions with less performance overhead. The API for these three observers are quite similar (but they have their differences which we wil
by: Abhishek Prakash Fri, 13 Jun 2025 19:18:07 +0530 Another week, another chance to pretend you're fixing something important by typing furiously in the terminal. You do that, right? Or is it just me? ๐Ÿ˜‰ This week's highlights are: lsattr, chatter and grep commands brace expansions VERT converter And your regular dose of news, memes and tips โ‡๏ธ Explore DigitalOcean with $100 free credit DigitalOcean is my favorite alternative to the likes of AWS and Azure and Google Cloud. I use it to host Linu
by: Abhishek Kumar Fri, 13 Jun 2025 18:48:38 +0530 Note-taking has come a long way from crumpled sticky notes and scattered .txt files. Today, we want our notes to be searchable, linked, visualized, and ideally, available anywhere. Thatโ€™s where Obsidian shines. Source: Obsidian.mdBuilt around plain-text Markdown files, Obsidian offers local-first knowledge management with powerful graph views, backlinks, and a thriving plugin ecosystem. For many, it has become the go-to app for personal know
by: Sladjana Stojanovic Thu, 12 Jun 2025 13:58:38 +0000 For years, I believed that drag-and-drop games โ€” especially those involving rotation, spatial logic, and puzzle solving โ€” were the exclusive domain of JavaScript. Until one day, I asked AI: The answer:ย โ€œNo โ€” not really. Youโ€™ll need JavaScript.โ€ That was all the motivation I needed to prove otherwise. CodePen Embed Fallback But first, letโ€™s ask the obvious question:ย Why would anyone do this? Wellโ€ฆ To know how far
by: Abhishek Prakash Thu, 12 Jun 2025 04:28:41 GMT It's FOSS is turning 13 this week! It was created on 14th June, 2012 as a personal notebook where I shared my Linux discoveries. I didn't know that it will become a force to reckon with, a place to look up to for suggestions and advice on using Linux. In the 13 years, it's been viewed over 200 million times and formed a community of hundreds of thousands of Linux lovers from all parts of the world, with the US, Germany, Russia, UK and India
by: Chris Coyier Mon, 09 Jun 2025 16:37:09 +0000 I love weird design ideas. Probably because so much of what we need to do as web designers is, appropriately, somewhat serious. We want things to be simple, clear, professional, so that people understand them and in many cases pay for them. So when the constraints relax, so can we. Itโ€™s unlikely that Taylorโ€™s homepage would โ€œperform wellโ€ in any sort of UX testing, but who cares? Itโ€™s not impossible to use, itโ€™s just unusual. And crucially, i
by: Preethi Mon, 09 Jun 2025 12:58:37 +0000 The HTML popover attribute transforms elements into top-layer elements that can be opened and closed with a button or JavaScript. Most popovers can be light-dismissed, closing when the user clicks or taps outside the popup. Currently, HTML popover lacks built-in auto-close functionality, but itโ€™s easy to add. Auto closing popups are useful for user interfaces like banner notifications โ€” the new-message alerts in phones, for instance. A picture

Important Information

Terms of Use Privacy Policy Guidelines We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions โ†’ Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.