This is a submission for Frontend Challenge v24.09.04, CSS Art: Space.
Inspiration
Just sharing a simple CSS art, inspired by an old code from a couple years ago.
Demo
Journey
The most challenging part of the code was animating the offset-path property, but with some research, I found a way to do this with the help of Figma. For those who want to find out more about offset-path and CSS Shapes, here is the content that helped me.
Welcome to the first part of several articles outlining the basics of Large Language Models. For some context, I am a software engineer, and not a data scientists, so it may have a more suitable bearing towards those implementing LLMs (training, deployment), but who knows. If you are a data scientist, or at least a…
This is a submission for the 2024 Hacktoberfest Writing challenge: Maintainer Experience This year, I participated in Hacktoberfest for the first time, both as a contributor and a maintainer. My project, CampX, is an open-source platform where people can discover and share campgrounds from across the globe. Built using HTML, CSS, JavaScript, Node.js, Express.js, and…
Challenges in Gathering Requirements In 200+ websites and mobile apps, I have yet to see a client show up with a full set of requirements for their project. In fact, many of our clients are academics who have limited knowledge of software development. More importantly, they often have domain-specific knowledge that far exceeds our own….
You ever wake up and wonder, “How did I end up here?” Because, let’s be real, no kid grows up saying, “I want to spend my adult life turning things off and on again to fix people’s tech issues.” But here I am, living the IT guy life, and honestly? It’s a wild ride. Somehow,…
What’s new at AWS 📢 ❎ AWS NLB supports Amazon Application Recovery Controller’s zonal shift and zonal auto-shift features on load balancers that are enabled across zones. ❎ This zonal shift allows customer to quickly shift traffic away from an impaired Availability Zone and recover from events such as bad application deployment and gray failures….
Materialized Views in Oracle SQL, covering all the important aspects concisely. 1. Definition: A Materialized View (MView) is a database object that stores the result of a query physically on disk. Unlike a regular view, which is a virtual table that always reflects the current data of the underlying tables, a materialized view stores a…
Simply defined, data engineering is the set of processes and techniques for collection, validation, treatment and modeling made so that raw data becomes quality data and accessible to end users, thus enabling future analyses. The engineering process is the gear between the extraction/collection of sources (ERP, Excel, etc.) and the availability of processed and validated…
Definindo de forma simples, a engenharia de dados é o conjunto de processos e técnicas de coleta, validação, tratamento e modelagem feitos para que dados brutos se tornem dados de qualidade e acessíveis aos usuários finais, assim possibilitando análises futuras. O processo de engenharia é a engrenagem entre a extração/coleta da fonte (ERP, Excel, etc.)…
Spread Operator: The spread operator is used to expand an iterable (like an array, string, or object) into its individual elements. It’s commonly used for copying or concatenating arrays, or passing elements of an array as arguments to a function. Please follow and like us:
Inheritance is one of the cornerstones of object-oriented programming (OOP), enabling a class to inherit properties and behaviors from another class. This feature promotes code reusability, makes it easier to maintain code, and fosters a hierarchical relationship among classes. In Python, inheritance is simple to implement and offers various types to accommodate different programming needs….
Unlock the full potential of your JavaScript skills with this carefully curated collection of free online tutorials and resources. Whether you’re a beginner looking to build a solid foundation or an experienced developer seeking to expand your expertise, this comprehensive guide has something for everyone. 🚀 JavaScript ES6 and Beyond: Embrace the Future of the…
We are excited to announce that the latest version 1.4.5 has released. Let’s see what’s new. UPGRADE NOW! User Experience Improved Caddyfile validation logic. Added error handling for CA root certificate installation failures. Enhanced stability. Package Updates Service management script updated to 1.0.4. Bug Fixes Fixed version number validation logic to correctly identify new versions…
Are Multi-Agent Systems the Future of AI? A Look at OpenAI’s Swarm Experiment Artificial Intelligence has evolved rapidly, from simple chatbots answering basic queries to AI agents handling more complex tasks. But as AI grows, so does the complexity of coordinating these agents. The next step forward seems to be orchestrating multiple agents working together,…
When working with TypeScript, you might find yourself needing to define a union type and an array containing all of the possible values of that type. A common approach is to write something like this: type Taste = ‘しょうゆ‘ | ‘みそ‘ | ‘とんこつ‘; const tastes = [‘しょうゆ‘, ‘みそ‘, ‘とんこつ‘]; At first glance, this seems fine….
<h2>kkkkkk</h2> .product-category { margin-bottom: 5px; a { color: #adadad; font-size: 12px; } } private getWishlistItems() { if (this.userService.isUser) { this.wishlistService.getWishlistByUser().subscribe({ next: res => { this.wishlists = res.data; this.wishlist = this.wishlists.find(f => (f.product as Product)._id === this.product?._id); console.log(“this.wishlist“,this.wishlist) if (this.wishlist){ this.isWishlist=false }else { this.isWishlist=true } }, error: error => { console.log(error); } } ); } }…
sudo nmcli dev wifi hotspot ifname [wlan0] ssid [smartmapsportable] band bg password [smartmapsportable] Please follow and like us:
Error handling in JavaScript is important to deal with mistakes or problems that happen while your code is running. JavaScript gives you a few simple tools to handle errors and keep your code from crashing: try: You use this to test a piece of code. If everything works fine, it runs without issues. catch: If…
때는 날씨가 더워지기 시작했던 5월과 6월 사이의 어느 날… Debian 개발자들의 연례 행사인 DebConf24가 대한민국 부산에서 열린다는 소식에 땀을 닦지도 않은 채 등록을 시작했다. 국제 컨퍼런스가 한국에서 열린다고 하니 통 크게 놀아보고 싶어 발표까지 하기로 마음먹었다. 청중을 위한 발표이니 영어를 사용해야했지만 무섭지 않았다. 이번이 아니면 큰 무대에서 발표할 수 있는 기회가 얼마나 많을까 싶은 마음뿐이었다….
My 2024 Hacktoberfest Maintainer Experience: Building and Growing ImagePro This is a submission for the 2024 Hacktoberfest Writing Challenge: Maintainer Experience Hey there, I’m Jackson Kasi 🙂👋, and I’m excited to share my journey as a maintainer during this year’s Hacktoberfest. My project, ImagePro, a Figma plugin, started as a fun experiment but grew into…
GITHUB: https://github.com/qiangyt/batchai I often rely on ChatGPT and GitHub Copilot, but it is a little bit frustrating to constantly copy and paste between the copilot chat window and my open code files. Why not update the files directly? I also tried using Cursor, which solved the first problem, but still have to open each file…
Hello I’m Jairo a semi senior software engineer who works with Java and Kotlin and loves coding with the most beautiful IDE and Terminal of my team rs. Today, I’m going to explain to You how to make your terminal the best terminal ever, the most beautiful one. WARP First thing, we need to choose…
The web is humanity’s largest software platform, boasting over 5 billion users, and growing. However, as the demand for web development soars, so does its complexity. Between endless configuration files, mountains of boilerplate, and an overwhelming number of dependencies, developers are spending more time wrestling with setup than building the next big thing. 😎 Enter…
Greetings, This week we had to learn about refactoring an existing code base. This was a new experience for me as a student you don’t often have to go back to an old assignment. However, since we were working with our existing AI CLI tool we had something to work with. Additionally, we also had…
Pendahuluan Landing page yang efektif dapat menjadi alat yang ampuh untuk menarik perhatian audiens dan meningkatkan konversi. Dalam artikel ini, kita akan membahas cara membuat landing page modern menggunakan Vite sebagai build tool, ReactJS sebagai framework UI, dan Tailwind CSS untuk styling yang efisien. Membuat Struktur Komponen Landing Page Buat komponen dasar seperti LandingPage, Home,…
Welcome back to “Code Against the Clock!” – the blog series where I transform mundane tasks into streamlined, time-saving marvels. Today, I’m excited to share a project where I turned a repetitive, manual chore into an automated powerhouse. Ready to see how you can save time and add a touch of excitement to your workflow?…
Fueled by Friendship, Code Chaos & Coffee Overload So here I am, diving headfirst into Hacktoberfest24 all thanks to my friend Yoshi from Sri Lanka, who casually threw me the “you should totally join” & bomb here I am. And just like that, here I am, armed with JavaScript, TypeScript, React, and at least 60…
The early 2000s marked a major shift in Microsoft’s programming language landscape with the introduction of the .NET framework. At the time, Visual Basic (VB) was one of the most popular languages, particularly in the enterprise and desktop development worlds. When Microsoft transitioned from VB6 to VB.NET, the community was divided. VB.NET was designed to…
Table of contents What is this blog post? What is open gl es? What is a vertex? What is a vertex shader? What is a fragment? What is a fragment shader? Shader and Program objects Resources What is a vertex shader Intro to shaders Graphics pipeline What is a fragment Fragment shaders My app on…
Esse post fala sobre o capítulo 1.3 do livro “Organização e Projeto de Computadores: Interface Hardware/Software” – O começo desse capítulo deixa explícito que o computador só pode executar instruções de baixo nível e há várias camadas que interpretam ou traduzem as operações de alto nível para baixo nível. Esse é um grande exemplo de…
Task For this lab we had to do some refactoring and then rebase it all after. For refactoring, I mainly focus on cleaning up my code and look for ways to reduce the clutter and simplifying my code. I looked for long codes that can be heavily shortened. I also fixed error handling. I put…
