I recently needed a ⌘+k launcher for a site i am developing.
I tried a few vue plugins but couldnt find an appropriate one.
In the end i ended up building one.
// Detect dark theme
var iframe = document.getElementById(‘tweet-1820111785640268056-178’);
if (document.body.className.includes(‘dark-theme’)) {
iframe.src = “https://platform.twitter.com/embed/Tweet.html?id=1820111785640268056&theme=dark”
}
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….
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…
Nextjs is quite popular with startups. What are the main features of Next.js that make startups adopt it? Please follow and like us:
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…
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…
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…
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,…
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 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,…
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…
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…
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 🌟…
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>…
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 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…
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…
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…
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 :…
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…
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…
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…
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…
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…
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,…
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,…
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:
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…
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…
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…
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…
