September 17, 2024

CSS Art: Favorite Recreation Submission

Claudio Ctin2 mins
CSS Art: Favorite Recreation Submission

This is a submission for Frontend Challenge v24.07.24, CSS Art: Recreation.

Inspiration

I love the beach in my spare time I usually go to the beach and there is this one particular bench I always like sitting on and watching the waves until Nightfall.

Demo


Code: https://github.com/RichtersHotline/Recreation

Journey

I love lofi and I think this art kinda captures it, I always listen to lofi when working and programming so i just went with a lofi-ish theme. I learnt how to actually make shapes with CSS (every shape was made with CSS no images were used) and I’m really proud of how the gradient came out making it look like a sunset I hope to do more challenges in the future since I’m an aspiring developer 🙂

Team Submissions

Yours Truly: @richtershotline the only team member

License

No need for a license if you wanna use this please feel free I’d be honored and intrigued what you could do with it.

Please follow and like us:
fb-share-icon
Tweet
Pin Share

Stiri similare

RMAG news

IaC Security Analysis: Checkov vs. tfsec vs. Terrascan – A Comparative Evaluation

Claudio Ctin

Traditional, manual security processes can’t keep up with the speed of modern development, which leaves systems vulnerable to attacks. That’s where Security as Code (SaC) comes in. SaC automates security checks and policies, making them an integral part of the development pipeline. This ensures that security is built into every step without slowing down progress….

Terraform – Overview

Terraform – Overview

Claudio Ctin

What is Terraform? 🤔 Terraform is an open-source, cloud-agnostic, one of the most popular Infrastructure-as-code (IaC) tool developed by HashiCorp. It is used by DevOps teams to automate infrastructure tasks such as provisioning of your cloud resources. Terraform supported immutable infrastructure, a declarative language, a masterless and agentless architecture, and had a large community and…

RMAG news

Why is Nextjs so popular in startups?

Claudio Ctin

Nextjs is quite popular with startups. What are the main features of Next.js that make startups adopt it? Please follow and like us:

10 Essential Shadcn Components Every Developer Should Know About

10 Essential Shadcn Components Every Developer Should Know About

Claudio Ctin

Living in the web development world, it may just feel like digging for treasure until you find your tools. If you’re just starting now, well, you’re in luck because Shadcn is packed full of awesome components that can make life so much easier. If you are a professional or a beginner, knowing these 10 essential…

RMAG news

Execute Syntax on Background Process

Claudio Ctin

Pada postingan ini kita akan belajar cara remot ssh dan menjalankan perintah di balik layar atau background proses dengan 2 tools. Tools yg pertama akan kita bahas adalah tmux dan yg kedua adalah screen. Kedua alat tersebut adalah terminal multiplexer yang digunakan untuk multi tasking di terminal Linux. Okeh kita bahas cara penggunaanya. Saya asumsikan…

RMAG news

Scala is one of the best ways to learn Haskell

Claudio Ctin

First, a reminder: You DON’T NEED TO learn Haskell — that’s not what I want to talk about. I genuinely want to talk about learning Haskell, and Haskell specifically — not functional programming. The following might interest you if you want to get into Haskell for personal reasons (if you think it’s cool, well-paid, or…

What is the Difference Between Radix UI and ShadCN?

What is the Difference Between Radix UI and ShadCN?

Claudio Ctin

Be it a seasoned pro or a newcomer, UI library selection could make all the difference in any of your projects. Today, let’s take a deeper look at two of the top contenders: Radix UI and ShadCN. Both these libraries have something different to bring to the table, and by the end of this post,…

RMAG news

AuthorizationEndpoint vs TokenEndpoint

Claudio Ctin

In OAuth 2.0, the AuthorizationEndpoint and TokenEndpoint serve different roles in the process of obtaining access to resources on behalf of a user. Here’s a breakdown of the differences between them: 1. Authorization Endpoint Purpose: The AuthorizationEndpoint is responsible for obtaining authorization from the user to access their resources. This is where the user grants…

Custom Bootstrap 5 Breadcrumbs -Ver 2

Custom Bootstrap 5 Breadcrumbs -Ver 2

Claudio Ctin

Custom Breadcrumbs for Bootstrap 5 framework Abstract: We are presenting code (CSS) for custom Bootstrap 5 breadcrumbs. This is an improved version of the previously published article. 1 The need for better Breadcrumbs Bootstrap 5 framework is coming with very basic Breadcrumbs implementation. I needed something much better, both visually and more functional. Over time,…

RMAG news

A Comprehensive Guide to Appium 2.0 Migration

Claudio Ctin

In mobile app development, keeping up with the latest advancements in testing tools is crucial. A significant upgrade in automation testing is the release of Appium 2.0. With its myriad enhancements and new features, migrating to Appium 2 is essential for teams aiming to maintain a competitive edge. This Appium 2.0 Migration blog will guide…

FluxCD – A lightweight GitOps CD tool: Day 44 of 50 days DevOps Tools Series

FluxCD – A lightweight GitOps CD tool: Day 44 of 50 days DevOps Tools Series

Claudio Ctin

Welcome to Day 44 of our “50 DevOps Tools in 50 Days” series! Today, we are exploring FluxCD, one of the most popular tools in the GitOps ecosystem. FluxCD automates the process of deploying applications to Kubernetes, allowing for seamless continuous delivery and progressive deployments. It uses Git as the single source of truth, ensuring…

🌐 SSL Certificates and How to Implement Them in Your Website 🔐

🌐 SSL Certificates and How to Implement Them in Your Website 🔐

Claudio Ctin

In today’s web development world, ensuring security is critical. As developers, safeguarding user data and building trust with our audience are essential. One powerful way to achieve this is by implementing an SSL (Secure Sockets Layer) certificate on our websites. 🔒 In this post, we’ll dive into: What SSL is 🤔 Why it’s important 🌟…

Spring Boot RestTemplate getForEntity method

Spring Boot RestTemplate getForEntity method

Claudio Ctin

Producer application Dependencies Spring Web and Lombok pom.xml <?xml version=”1.0″ encoding=”UTF-8″?> <project xmlns=”http://maven.apache.org/POM/4.0.0″ xmlns:xsi=”http://www.w3.org/2001/XMLSchema-instance” xsi:schemaLocation=”http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd”> <modelVersion>4.0.0</modelVersion> <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>3.2.5</version> <relativePath/> <!– lookup parent from repository –> </parent> <groupId>com.example</groupId> <artifactId>ProducerApp</artifactId> <version>0.0.1-SNAPSHOT</version> <name>ProducerApp</name> <description>Demo project for Spring Boot</description> <properties> <java.version>17</java.version> </properties> <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-test</artifactId> <scope>test</scope> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter</artifactId> </dependency>…

RMAG news

Mastering Terraform: How Loops and Conditionals Unlock Smarter Infrastructure Automation

Claudio Ctin

In the ever-growing world of cloud infrastructure, managing and automating deployments has become increasingly complex. This is where Terraform comes in — as one of the most powerful tools in Infrastructure as Code (IaC), Terraform allows engineers to declaratively define and provision infrastructure with ease. However, as configurations grow, keeping them concise and manageable is…

The Power of Machine Learning in Angular: A Developer’s Guide

The Power of Machine Learning in Angular: A Developer’s Guide

Claudio Ctin

The intersection of Machine Learning (ML) and Artificial Intelligence (AI) with Angular is a game-changer for modern web applications. This article delves into how you can integrate AI and ML into your Angular projects, breaking it down with practical examples, real-world use cases, and helpful tips to guide you along the way. please subscribe to…

RMAG news

Introducing HTPX: A Lightweight and Versatile HTTP Client for JavaScript and Node.js

Claudio Ctin

As developers, we often need a reliable and efficient HTTP client for our web applications, whether we’re building with JavaScript in the browser or Node.js on the server side. That’s why I created HTPX — a powerful, lightweight solution designed to simplify HTTP requests while offering a range of features for modern development. In this…

RMAG news

Advanced Terraform Module Usage: Versioning, Nesting, and Reuse Across Environments

Claudio Ctin

Terraform, HashiCorp’s popular Infrastructure as Code (IaC) tool, has transformed how infrastructure is provisioned and managed. One of its most powerful features is the ability to create and use modules — reusable configurations that encapsulate sets of resources. For teams looking to scale and manage their infrastructure efficiently, mastering advanced Terraform module usage — including…

10 sec for UX Design Principles.

10 sec for UX Design Principles.

Claudio Ctin

DFFH RULE 1.D- Doherty Threshold : Users somehow replicate the computer’s working speed to navigate the components in the design. Tend to keep the waiting time for users at less than 400 ms. The loading time can be utilized to show visual animations of loading or task-processing phenomena to build trust. 2.F- Fitt’s Law :…

RMAG news

private vs #private

Claudio Ctin

Preamble (aka you can skip this part) A few weeks ago I got distracted at work and accidentally wrote this blog as a src/readme.md. Now that I’m up to merging that branch in its time to remove that readme, but I like to think that more than just the 4 other people in my team…

RMAG news

Performing Audio and Video Testing on Real Devices

Claudio Ctin

With millions of people streaming video content, playing games, and engaging in video conferencing, ensuring audio and video quality is up to par is essential. As the digital landscape continues evolving, the significance of audio and video quality in user experience is becoming increasingly apparent. Seamless audio and video performance is paramount in sectors like…

RMAG news

JavaScript Essentials: Part 1

Claudio Ctin

Javascript is like a pot of honey. You can dip your finger into it and swipe a mouthful. It is sweet. It is awesome. It is dangerous. It can be hazardous, like hot honey, in a pot. Is JavaScript complicated? Well, you should find an answer to this question at the end of this excerpt…

RMAG news

Educational Leadership in the Age of AI: Pioneering the Future

Claudio Ctin

Introduction: The Changing Landscape In today’s rapidly evolving digital world, artificial intelligence (AI) isn’t just a buzzword; it’s a powerful tool reshaping how we lead, teach, and learn. For heads of educational institutions be it schools or universities—the challenge is to stay ahead of the curve and harness AI to foster growth and innovation. AI…

RMAG news

Decoding Power Dynamics with the 48 Laws

Claudio Ctin

1. Effortless Success Ever feel like you’re working TOO hard? The truly powerful make success look effortless. Delegate, strategize, and let others see the results, not the struggle. $Productivity $Leadership $Delegation 2. Influence Over Argument Stop trying to win arguments. You might get a temporary ego boost, but the resentment you create will last far…

RMAG news

Starting a Startup: What does it take? (feat. Josh Sanabria)

Claudio Ctin

In this episode, Krish Palaniappan interviews ⁠Josh Sanabria⁠, CEO of Go Architect, discussing the journey of starting a startup. They explore the challenges entrepreneurs face, the importance of patience, effective prospecting strategies, and the significance of building a supportive community. Josh shares insights on narrowing down target audiences and emphasizes that entrepreneurship isn’t for everyone,…

Destructuring Assignment di JavaScript: Biar Ngoding Makin Kece!

Destructuring Assignment di JavaScript: Biar Ngoding Makin Kece!

Claudio Ctin

Pernah nggak sih, pas lagi ngoding tiba-tiba capek banget nulis kode yang berulang-ulang? Nah, kalau temen-temen sering ngalamin hal kayak gitu, destructuring assignment di JavaScript bisa jadi penyelamat hidup! Destructuring ini ibaratnya fitur yang bikin temen-temen ngoding lebih santai, cepet, dan pastinya nggak ribet. Jadi, artikel ini bakal ngebahas kenapa temen-temen harus pakai destructuring assignment,…

Request for Resume Review – Frontend Developer

Request for Resume Review – Frontend Developer

Claudio Ctin

Hi everyone, I’m a frontend developer looking to apply for new jobs and would love some feedback on my resume. Could someone please review it and let me know if there are any improvements I can make? Thanks in advance! Please follow and like us:

Amazon RDS Read Replica

Amazon RDS Read Replica

Claudio Ctin

A Read Replica allows you to offload read-heavy workloads from your primary database, significantly improving efficiency and reducing latency. Here’s a quick overview of setting it up: Step-by-step guide Step 1: Create VPC Create a VPC with an IPv4 CIDR block (e.g., 10.0.0/16). Step 2: Create Subnets Create a public subnet and two private subnets…

RMAG news

Benefits of Next.js Compared to React.js

Claudio Ctin

Next.js is a React framework that enhances the development process by offering additional features for performance, SEO, and routing. While React.js focuses on building UI components, Next.js expands its capabilities. Below are some of the key benefits of using Next.js over React.js: Server-Side Rendering (SSR) Next.js includes Server-Side Rendering (SSR), which allows React components to…

Micro front-end module federation: Aplicação extensível

Micro front-end module federation: Aplicação extensível

Claudio Ctin

A arquitetura de micro front-end é uma abordagem que visa trazer os princípios de microserviços para o desenvolvimento de front-ends, permitindo que grandes aplicações web sejam divididas em unidades menores e independentes. Uma das tecnologias-chave que possibilita essa abordagem é o Module Federation, um recurso poderoso do Webpack 5. Vamos exploraremos o que é o…

RMAG news

Building a Robust API Layer with TypeScript, Tanstack Query, Zod, and Zodios

Claudio Ctin

Introduction Welcome back! In this part of our series, we’ll dive deeper into the api-def package and its benefits. In today’s data-intensive applications, ensuring seamless communication between the frontend and backend is paramount. This blog post will delve into how we can establish a robust API layer using TypeScript, Tanstack Query, Zod, and Zodios. By…