https://dervic.blog/blog Web Development & UI/UX Insights sl https://dervic.blog/blog/bih-football-team Football BiH ⚽ Apr 02, 2026 calculating.... json javascript 🇧🇦 Bosnia and Herzegovina Confirms ticket for 2026 WORLD CUP! 🇧🇦✈️🇺🇸 After twelve years of waiting, the moment has finally arrived. Under the leadership of Sergej Barbarez, the Dragons have secured a place on the biggest... Thu, 02 Apr 2026 21:28:00 +0200 https://dervic.blog/blog/bih-football-team https://dervic.blog/blog/dynamic-cms Dynamic CMS 🛠️ Mar 30, 2026 calculating.... php javascript An overview of the technical implementation for the automated sorting and tagging system based on metadata and user interactions. 🚀 Like Integration (JSON & PHP) 📊 Interaction data is retrieved from a central likes.json f... Mon, 30 Mar 2026 21:28:00 +0200 https://dervic.blog/blog/dynamic-cms https://dervic.blog/blog/grid-systems-game Grid Games 🧱 Mar 18, 2026 calculating.... javascript Destruction in digital spaces requires a solid Grid System. Today, we move beyond simple bouncing and learn how to manage an array of objects that interact with a kinetic force. 🧱 Interactive Preview 🏁 Move your paddle to shatt... Wed, 18 Mar 2026 19:12:00 +0100 https://dervic.blog/blog/grid-systems-game https://dervic.blog/blog/content-analytics Content Analytics 📊 Mar 10, 2026 calculating.... php javascript Understanding post frequency and content velocity is key to maintaining a consistent engineering log. On dervic.blog, we don't just write; we measure. By combining PHP's array manipulation with Chart.js, we can gener... Tue, 10 Mar 2026 20:28:00 +0100 https://dervic.blog/blog/content-analytics https://dervic.blog/blog/the-bum-effect BUM Effect Commit. Feb 28, 2026 calculating.... javascript css Why do most websites feel dead? Because they lack feedback. 📉 When you interact with my 8 admin panels, I want you to feel the power of the engine. That’s why I replaced the generic arrow with a precision crosshair (+... Sat, 28 Feb 2026 20:28:00 +0100 https://dervic.blog/blog/the-bum-effect https://dervic.blog/blog/surgical-logic Surgical Logic. Feb 26, 2026 calculating.... php javascript Stop building layers. Start building certainty. 📉 My single principle: 0ms latency through Native Power. No hydration, no bulk. 🏎️💨 This is the best code. As you move your mouse, you can see the Kinetic Lens warping the ... Thu, 26 Feb 2026 20:28:00 +0100 https://dervic.blog/blog/surgical-logic https://dervic.blog/blog/old-roots-new-power Old Roots. New Power. Feb 22, 2026 calculating.... php javascript Modern web development has become a prisoner of its own complexity. Developers today would rather solve the problems of their frameworks than the problems of their users. 📉 At dervic.blog, I chose the path of radic... Wed, 25 Feb 2026 20:28:00 +0100 https://dervic.blog/blog/old-roots-new-power https://dervic.blog/blog/automated-json-ld SEO Auto Inject. 🧠 Feb 20, 2026 calculating.... javascript Metadata shouldn't be an afterthought. In a native environment, your **JSON-LD** should be dynamically generated from your backend state. 📉 Today, we are building an automated injection engine—the for scaling your authori... Fri, 20 Feb 2026 20:28:00 +0100 https://dervic.blog/blog/automated-json-ld https://dervic.blog/blog/real-time-filter Real-time Content Filtering 01 17, 2026 calculating.... html javascript php 🚀 PHP meets JS Fetch API Ever wondered how top-tier sites filter content instantly? No page reloads, no waiting—just pure speed. ⚡ Today, we’re combining PHP on the backend and JavaScript Fetch API on the... Sat, 17 Jan 2026 20:28:00 +0100 https://dervic.blog/blog/real-time-filter https://dervic.blog/blog/future-web-dev-2026 🚀 Web Development in 2026 01 05, 2026 calculating.... css javascript Ditch Heavy Libraries, Embrace Native Power! As developers, for years we've been forced to use massive JavaScript libraries to achieve fluid transitions and responsive designs. Well, in 2026, that's over! 🛑 Brow... Mon, 05 Jan 2026 20:28:00 +0100 https://dervic.blog/blog/future-web-dev-2026 https://dervic.blog/blog/native-performance-monitoring The Pulse Engine. 🏎️ Jan 01, 2026 calculating.... javascript In a world of bloated trackers, the native developer builds their own monitoring. 📉 Today, we are leveraging the **Performance API** to create a real-time health monitor for your UI. This is the best code for ensuring y... Thu, 01 Jan 2026 20:28:00 +0100 https://dervic.blog/blog/native-performance-monitoring https://dervic.blog/blog/native-power-without-limits Native Power Building Without Limits 🏎️💨 Sep 27, 2025 calculating.... php javascript In a world obsessed with massive frameworks and endless dependencies, simplicity is the ultimate weapon. 📉 While others are busy debugging their build tools, I am busy shipping code that runs at ... Sat, 27 Sep 2025 21:28:00 +0200 https://dervic.blog/blog/native-power-without-limits https://dervic.blog/blog/building-dervic-ia How I Built Dervic IA 🤖 Sep 19, 2025 calculating.... php javascript json A lightweight integration of PHP, JS and JSON for indexed blog search. The Hybrid Concept 💡 Dervic IA acts as a digital librarian. It uses Regex word boundaries for instant conversational replies and a weigh... Fri, 19 Sep 2025 21:28:00 +0200 https://dervic.blog/blog/building-dervic-ia https://dervic.blog/blog/interactive-animated-footer Interactive Animated Footer Sep 10, 2025 calculating.... html css javascript Why do most websites feel dead? Because they lack feedback. 🌌 When you interact with my journal, I want you to feel the power of the engine. That's why I replaced the static void with a physics-driven Co... Wed, 10 Sep 2025 21:28:00 +0200 https://dervic.blog/blog/interactive-animated-footer https://dervic.blog/blog/filter-invert-dark-mode filter: invert(1) # Dark mode Aug 16, 2025 calculating.... css html js Dark mode can be implemented with a single line of code. Let’s see how it's done and the benefits and drawbacks of this simple approach. filter: invert(1) # invert() function as the value of the filter propert... Sat, 16 Aug 2025 21:28:00 +0200 https://dervic.blog/blog/filter-invert-dark-mode https://dervic.blog/blog/auto-translation Auto Translator 🛰️ Jul 16, 2025 calculating.... javascript Static content is localized, but user-generated input requires Dynamic Translation. On dervic.blog, we implement a stateless translation bridge. This interface connects to a decentralized API to provide real-time language... Sat, 26 Jul 2025 21:28:00 +0200 https://dervic.blog/blog/auto-translation https://dervic.blog/blog/live-browser-sandbox Browser Code Sandboxes 🧪 Jul 25, 2025 calculating.... javascript Static code snippets are passive. To truly educate, dervic.blog implements a "Live Playground" architecture. By leveraging the iframe document object and real-time JavaScript event listeners, we allow readers to com... Fri, 25 Jul 2025 21:28:00 +0200 https://dervic.blog/blog/live-browser-sandbox https://dervic.blog/blog/gradient-borders-with-css Gradient with CSS Jun 3, 2025 calculating.... html css Today, I wanted to show you how you can use gradients for borders in CSS something that historically required faux borders and background colors, but is now supported natively. The border at the top of the page # My website t... Tue, 03 Jun 2025 21:28:00 +0200 https://dervic.blog/blog/gradient-borders-with-css https://dervic.blog/blog/box-duel-engine Box Duel Engine 🥊 Apr 17, 2025 calculating.... javascript In fighting games, movement is secondary to Collision Detection and State Interruption. Let's break down how two entities interact in a shared 2D space. VS 🧍‍♂️ 🧍‍♀️ P1: A D to Move | Space to Punch P2: ← → to Move | Enter... Thu, 17 Apr 2025 21:28:00 +0200 https://dervic.blog/blog/box-duel-engine https://dervic.blog/blog/real-time-url-seo-analysis Real Time SEO Analysis 🌐 Mar 18, 2025 calculating.... javascript Manual code analysis is inefficient. For a deeper scan, we fetch data directly from a live URL. By utilizing the Fetch API and an AllOrigins Proxy, we bypass CORS restrictions to extract comprehensive metadata, scri... Tue, 18 Mar 2025 21:00:00 +0100 https://dervic.blog/blog/real-time-url-seo-analysis https://dervic.blog/blog/topbar-javascript Topbar Javascript Feb 22, 2025 calculating.... html JavaScript Tiny & beautiful site-wide progress indicator Highlights Tiny (1KB minified and gzipped), no dependency Perfect for single-page/Turbolinks/pjax applications Responsive Usages Installation Download topbar.js or topbar.... Sat, 22 Feb 2025 20:28:00 +0100 https://dervic.blog/blog/topbar-javascript https://dervic.blog/blog/quiz-with-json-and-javaScript Quiz with JSON and JavaScript 🚀 Nov 27, 2024 calculating.... html css javascript json Check answers In this tutorial, we will explore how to create a dynamic, responsive quiz for your blog. We will use JSON to manage our questions, CSS to style the interactive cards, and JavaScri... Sun, 17 Nov 2024 20:28:00 +0100 https://dervic.blog/blog/quiz-with-json-and-javaScript https://dervic.blog/blog/automated-post-indexing Automated Post Indexing 📂 Sep 17, 2024 calculating.... html php Manually updating a "latest posts" list is inefficient. In a Flat-File system, we automate this by using PHP to crawl the /posts directory, parse each file's metadata, and build a sorted index in real-time. ⌨️ Direct... Tue, 17 Sep 2024 21:28:00 +0200 https://dervic.blog/blog/automated-post-indexing https://dervic.blog/blog/keyboard-driven-navigation Keyboard Navigation ⌨️ Aug 8, 2024 calculating.... html javascript Efficiency is the core value of dervic.blog. Modern developers prefer staying on the home row. By implementing a global shortcut listener, we can trigger a Command Palette that allows users to navigate the entire ... Thu, 08 Aug 2024 21:28:00 +0200 https://dervic.blog/blog/keyboard-driven-navigation https://dervic.blog/blog/the-ghost-script The Ghost Script. 👻 Mai 24, 2024 calculating.... javascript Listen, most developers are still playing with toys. They load 500KB of JavaScript just to change a button color. That's not engineering; that's laziness. In 2026, we use what I call the "Ghost Script" —a high-performanc... Fri, 24 May 2024 21:28:00 +0200 https://dervic.blog/blog/the-ghost-script https://dervic.blog/blog/json-routing-system Raw PHP, JSON Router Feb 9, 2024 calculating.... json php htaccess Clean URLs and dynamic mapping without the overhead of a framework. 🛰️ Most modern routers are over-engineered. If you are building with PHP, you can use a simple JSON map to link URLs to specific files or logic. ... Fri, 09 Feb 2024 20:28:00 +0100 https://dervic.blog/blog/json-routing-system https://dervic.blog/blog/rss-feed-styles RSS Feed Styles Feb 06, 2024 calculating.... html xml xsl Now that I’m in my 12th year of blogging it’s past time I spruced up my RSS feed. I’ve also launched a new bookmark blog. Perfect time to revisit RSS. For the last 12 years my RSS feed was an unreadable mess when viewed in... Tue, 06 Feb 2024 20:28:00 +0100 https://dervic.blog/blog/rss-feed-styles https://dervic.blog/blog/automating-image-generation Native SEO Logic. Feb 02, 2024 calculating.... php Building a modern content pipeline requires more than just writing—it requires architectural automation. Manually designing OpenGraph images for every post is a massive bottleneck. The solution is a Native PHP Image Engine that t... Fri, 02 Feb 2024 20:28:00 +0100 https://dervic.blog/blog/automating-image-generation https://dervic.blog/blog/seo-with-schema-org SEO with Schema.org Jan 12, 2024 calculating.... SEO SEO with Schema.org uses structured data (code) to help search engines better understand your content, leading to richer, more attractive search results (rich snippets) that boost visibility and click-through rates (CTR) for th... Fri, 12 Jan 2024 20:28:00 +0100 https://dervic.blog/blog/seo-with-schema-org https://dervic.blog/blog/at-in-javascript at() in JS Aug 5, 2023 calculating.... JavaScript Using the at() Method in JavaScript These simple yet essential operations play an important role in JavaScript applications. That’s why EcmaScript keeps adding cool new array methods such as flat() and flatMap() to make working wi... Sat, 05 Aug 2023 21:28:00 +0200 https://dervic.blog/blog/at-in-javascript https://dervic.blog/blog/native-reading-progress Reading Progress Bar Engine. Jul 18, 2023 calculating.... javascript 0% This is how the automated image generation looks in action. the system detects new content and instantly renders a high-resolution webp asset based on the page metadata. 🏎️💨 In a world dominated by bloated fr... Tue, 18 Jul 2023 21:28:00 +0200 https://dervic.blog/blog/native-reading-progress https://dervic.blog/blog/refresh-page-javascript Refresh page - JS Jul 3, 2023 calculating.... html JavaScript You want a page to refresh. You may want to do this to get new data after a user performs a certain action. How can you do this using JavaScript? There are Web API methods for refreshing a page: location.reload() and h... Mon, 03 Jul 2023 21:28:00 +0200 https://dervic.blog/blog/refresh-page-javascript https://dervic.blog/blog/back-to-top Back to Top Jun 19, 2023 calculating.... html css JavaScript This "Back to top" link allows users to smoothly scroll back to the top of the page. It's a little detail which enhances navigation experience on website with long pages. This resource is suitable for website with lots ... Mon, 19 Jun 2023 21:28:00 +0200 https://dervic.blog/blog/back-to-top https://dervic.blog/blog/search-indexing Search Indexing ⚡ Jul 16, 2023 calculating.... php javascript When a flat-file blog scales, linear searching becomes a performance bottleneck. To maintain a Zero-Latency UX, we implement a pre-compiled search index. PHP acts as a build tool that transforms raw Markdown into a lig... Fri, 16 Jun 2023 21:28:00 +0200 https://dervic.blog/blog/search-indexing https://dervic.blog/blog/webp-injection WebP Injection 🖼️ Mai 16, 2023 calculating.... php Raw assets are a liability for mobile performance. Using PHP GD library, we intercept high-resolution image requests and transcode them into WebP format before they reach the user's browser, significantly reducing the LCP (Larges... Tue, 16 May 2023 21:28:00 +0200 https://dervic.blog/blog/webp-injection https://dervic.blog/blog/server-drop-system iCloud Drop System ☁️ Mai 15, 2023 calculating.... php javascript Why pay for cloud storage when you have your own server? Today, we’re going beyond local simulations and building a real Cloud Drop that actually saves files to your disk. This is your gateway to a personal iCloud.... Mon, 15 May 2023 21:28:00 +0200 https://dervic.blog/blog/server-drop-system https://dervic.blog/blog/index-with-javascript index with JavaScript May 16, 2023 calculating.... JavaScript Today, we’re going to look at the Array.prototype.at() method: what it does, how it works, and why you might want to use it over simple bracket notation. Getting an array item by index The Array.prototype.at() method g... Thu, 16 Mar 2023 20:28:00 +0100 https://dervic.blog/blog/index-with-javascript https://dervic.blog/blog/minimal-portfolio-template Minimal HTML Portfolio Template Jun 10, 2022 calculating.... html css JavaScript A lightweight, mobile-ready HTML portfolio template featuring a dark/light theme toggle. Perfect for minimalist developers. Overview This is a minimal portfolio template perfect for developers and de... Fri, 10 Jun 2022 21:28:00 +0200 https://dervic.blog/blog/minimal-portfolio-template https://dervic.blog/blog/gradient-engine Gradient Engine. 🎨 Apr 17, 2022 calculating.... html css javascript How to manage the visual properties of a website in real time? Learn the logic of dynamic gradients. linear-gradient(to right, #b4cddd, #233742) Color 1: Color 2: Structure (HTML) 🏗️ In HTML, we need three key el... Sun, 17 Apr 2022 21:28:00 +0200 https://dervic.blog/blog/gradient-engine https://dervic.blog/blog/color-logic Color Logic 🎨 Apr 15, 2022 calculating.... html css javascript How to manage the visual properties of a website in real time? Learn the logic of dynamic background changes. With one click, select the desired color and you can also copy the code. #b4cddd; Choose a color: Structure... Fri, 15 Apr 2022 21:28:00 +0200 https://dervic.blog/blog/color-logic https://dervic.blog/blog/auto-dark-mode-js Dark Mode with JS Feb 22, 2022 calculating.... css JavaScript Automatic Dark Mode with JavaScript One of the most requested features in applications is the dark mode. For many users, dark mode provides a more eye-friendly interface with fewer white tones that can cause eyestrain.... Tue, 22 Feb 2022 20:28:00 +0100 https://dervic.blog/blog/auto-dark-mode-js https://dervic.blog/blog/video-width-ai Video Width Ai 🎬 Feb 22, 2022 calculating.... css javascript In this post, I've combined everything: a visually stunning automatic cover, a premium design tailored to my brand colors, and functionality that works seamlessly on all devices. 🚀 Note: every visual and sound you exper... Tue, 22 Feb 2022 20:28:00 +0100 https://dervic.blog/blog/video-width-ai https://dervic.blog/blog/responsive-tetris-logic Adaptive Matrix: Tetris Engine 🕹️ Jan 17, 2022 calculating.... css javascript In 2026, web applications must be fluid. This Tetris engine uses relative scaling to ensure the game remains playable on any device, from mobile to ultra-wide monitors. SCORE 0 START 🚀 Use ←→ to move, Q... Mon, 17 Jan 2022 20:28:00 +0100 https://dervic.blog/blog/responsive-tetris-logic https://dervic.blog/blog/creating-reading-progress-bar-javascript Reading Progress Bar In JavaScript Jan 09, 2022 calculating.... css html js Adding a progress bar to the top of the page is a simple way of showing the user how far down the page they have read. There is a scroll bar on the right hand side of the page on my current device, but th... Sun, 09 Jan 2022 20:28:00 +0100 https://dervic.blog/blog/creating-reading-progress-bar-javascript https://dervic.blog/blog/online-radio-station Online Radio Station 📻 Aug 26, 2021 calculating.... css javascript Hello, world! 🚀 Today I'm excited to share my latest project: a Online Radio Streaming App. My goal was to create a platform that connects listeners with their favorite stations through a premium, native-feeling i... Thu, 26 Aug 2021 21:28:00 +0200 https://dervic.blog/blog/online-radio-station https://dervic.blog/blog/web-mp3-player Web MP3 Player 🎵 Aug 18, 2021 calculating.... css javascript Creating a digital music experience isn't just about playing audio—it's about the feeling of the interface. I developed this sophisticated MP3 player to combine raw performance with a premium aesthetic. 🚀 ✨ Experience t... Wed, 18 Aug 2021 21:28:00 +0200 https://dervic.blog/blog/web-mp3-player https://dervic.blog/blog/paper-logic Paper Logic 📝 Jun 16, 2021 calculating.... css javascript json In a world obsessed with glass and neon, we return to texture. The Paper Logic is more than a visual choice; it’s an insurrection against digital transience. Here, code isn’t just executable—it’s documented as if it w... Wed, 16 Jun 2021 21:28:00 +0200 https://dervic.blog/blog/paper-logic https://dervic.blog/blog/bean-logic Bean Logic ☕ Apr 21, 2021 calculating.... css While we spend our days optimizing algorithms and refining CSS, there is one process that refuses to be rushed: the perfect pour-over. It is the ultimate analog debugging session for the soul. How do you take your coffee? BLACK or WIT... Wed, 21 Apr 2021 21:28:00 +0200 https://dervic.blog/blog/bean-logic https://dervic.blog/blog/add-comments-to-your-blog-with-utterances Add comments to your blog with utterances Apr 17, 2021 calculating.... utterances javascript A lightweight comments widget built on GitHub issues. Use GitHub issues for blog comments, wiki pages and more! Open source . 🙌 No tracking, no ads, always free. 📡🚫 No lock-in. All data s... Sat, 17 Apr 2021 21:28:00 +0200 https://dervic.blog/blog/add-comments-to-your-blog-with-utterances https://dervic.blog/blog/typewriter Typewriter Mar 21, 2020 calculating.... html css JavaScript Text Typing Animation with html, css, and JavaScript. Elevate your web design and engage your audience with this dynamic and attention-grabbing text animation. Start now and bring your web pages to life with the magic of... Sun, 21 Mar 2021 20:28:00 +0100 https://dervic.blog/blog/typewriter https://dervic.blog/blog/infra-minimalism Raw Infra 🏗️ Marc 10, 2021 calculating.... css javascript Why use a 500 MB "black-box" framework when you can achieve the same functionality with 10 lines of raw JavaScript? 🔌 Infrastructure is not something you buy - it's something you carve out. ⚒️ The modern web has become a p... Wed, 10 Mar 2021 20:28:00 +0100 https://dervic.blog/blog/infra-minimalism https://dervic.blog/blog/javascript-resize JavaScript Resize Jan 19, 2021 calculating.... JavaScript On a recent project, I used the jQuery .resize() method to detect when a user resized their browser and run certain code. If you’ve ever attached an event handler to the window’s resize event, you have probably noticed tha... Tue, 19 Jan 2021 20:28:00 +0100 https://dervic.blog/blog/javascript-resize https://dervic.blog/blog/quran-translation-bih Bosnian Quran 📖 Apr 20, 2020 calculating.... javascript OBJECT: QURAN_GLOBAL_DATABASE API: V1.ALQURAN.CLOUD STATUS: IDLE SURA SELECT: Decrypt INITIATING DATA RETRIEVAL... Select a Sura and press DECRYPT to begin. If you liked this post, please LIKE or COMMENT below! 💬✨ Comments (... Sun, 20 Dec 2020 20:28:00 +0100 https://dervic.blog/blog/quran-translation-bih https://dervic.blog/blog/digital-quran Digital Quran 📖 Dec 12, 2020 calculating.... javascript Merging ancient wisdom with modern technology. This module provides dynamic access to the Arabic original, English translation, and audio recitation via global APIs. Select Surah ▶ Select a chapter to download data... Techni... Sat, 12 Dec 2020 20:28:00 +0100 https://dervic.blog/blog/digital-quran https://dervic.blog/blog/ramadan-time Ramadan Time: The Rocket Trigger 🚀 Aug 17, 2020 calculating.... javascript This system doesn't just track time; it anticipates the arrival of the festival. When the lunar calendar detects the final 48 hours of the month, the "Rocket Protocol" is activated. System: Rockets Active ... Mon, 17 Aug 2020 21:28:00 +0200 https://dervic.blog/blog/ramadan-time https://dervic.blog/blog/precision-fasting The Month of Ramadan 🌙 Jun 17, 2020 calculating.... javascript The Islamic calendar is Lunar, meaning Ramadan shifts approximately 11 days every year relative to the Gregorian calendar. To maintain the fast, we track the precise delta between the current timestamp and the solar t... Wed, 17 Jun 2020 21:28:00 +0200 https://dervic.blog/blog/precision-fasting https://dervic.blog/blog/qibla-vector Qibla Vector 🕋 Mai 17, 2020 calculating.... javascript In navigational systems, the challenge of determining orientation on a sphere requires the Haversine logic. This module calculates the precise initial bearing from any global coordinate to the Kaaba. 📡 Real-time Tracking: Thi... Sun, 17 May 2020 21:28:00 +0200 https://dervic.blog/blog/qibla-vector https://dervic.blog/blog/real-time-prayer Real-Time Prayer Schedules 🌙 Mai 17, 2020 calculating.... javascript Maintaining spiritual discipline in the digital age requires precision. The module below utilizes geolocation APIs to calculate exact timings based on your current physical coordinates. 🕋 Dynamic API Fetching (L... Tue, 17 Mar 2020 20:28:00 +0100 https://dervic.blog/blog/real-time-prayer https://dervic.blog/blog/namaz-guide Namaz Guide 🛐 Feb 22, 2020 calculating.... javascript [Step-by-step physical & spiritual synchronization] INITIALIZING... ACTION: REQUIRED POSE_ID: 00 Loading Please wait while the ritual engine starts. Prev Next Step ➡️ Technical Briefing This module guides the user through the ... Sat, 22 Feb 2020 20:28:00 +0100 https://dervic.blog/blog/namaz-guide https://dervic.blog/blog/the-art-of-wudu The Art of Wudu 💧 Feb 15, 2020 calculating.... javascript Before engaging in the act of prayer, a state of Taharah (purity) must be achieved. Wudu is a symbolic and physical cleansing that serves as a mental transition from the mundane world to a sacred space. 💧 1 Niyyah (Intenti... Mon, 17 Feb 2020 20:28:00 +0100 https://dervic.blog/blog/the-art-of-wudu https://dervic.blog/blog/retro-corner-game Retro corner Game 🎮 Dec 20, 2019 calculating.... html css javascript These games have been "in the basement" for years, but now they're finally available to play right in your browser. From the fast-paced racing of Drive Mad to the patience-testing of Logic Quest - pick your favo... Fri, 20 Dec 2019 20:28:00 +0100 https://dervic.blog/blog/retro-corner-game https://dervic.blog/blog/custom-cursor-css Custom cursor with CSS Nov 16, 2019 calculating.... css Creating a custom cursor with CSS is a pretty straightforward process. The first step is to find the image you want to use to replace the default cursor. You can either design one yourself or get a free PNG that suits your n... Sat, 16 Nov 2019 20:28:00 +0100 https://dervic.blog/blog/custom-cursor-css https://dervic.blog/blog/generate-qr-code QR Code Generator 🚀 Feb 21, 2019 calculating.... html javascript Welcome to this comprehensive guide! Today, we are diving into the world of QR Codes. Once considered a "relic" of the past, QR codes have made a massive comeback in the post-pandemic era. From touchless restaurant ... Thu, 21 Feb 2019 20:28:00 +0100 https://dervic.blog/blog/generate-qr-code https://dervic.blog/blog/mixing-colors-css Mixing colors with CSS Feb 5, 2019 calculating.... css I’m working on a UI library for people who love HTML, powered by modern CSS and Web Components. Unlike previous projects of mine, I’m not using Sass at all. I want the whole thing to work with plain old vanilla CSS. One of my... Tue, 05 Feb 2019 20:28:00 +0100 https://dervic.blog/blog/mixing-colors-css https://dervic.blog/blog/empty-pseudo-class-css :empty pseudo-class in CSS Jan 2, 2019 calculating.... JavaScript One of my favorite not-so-new aspects of CSS is the :empty pseudo-class. You can use this to target elements that have no children—either child elements or whitespace and text nodes—and style them differently than ... Wed, 02 Jan 2019 20:28:00 +0100 https://dervic.blog/blog/empty-pseudo-class-css https://dervic.blog/blog/mastering-css-flexbox Mastering CSS Flexbox 🚀 Apr 17, 2018 calculating.... css Remember the days of using float and table layouts to center a div? Those days are long gone. Welcome to the era of **CSS Flexbox**, the most efficient way to arrange elements on a page. 🌐 What is Flexbox? 🧠 Flexbox (The Fl... Tue, 17 Apr 2018 21:28:00 +0200 https://dervic.blog/blog/mastering-css-flexbox https://dervic.blog/blog/one-line-css-dark-mode Dark Mode 1 Line Apr 16, 2018 calculating.... css Light & Dark Mode In Just 1 Line of CSS 😱 Want your whole page to follow your users’ color scheme preferences? Just add color-scheme to your :root element. When you do this, the operating system will automatically adjust things li... Mon, 16 Apr 2018 21:28:00 +0200 https://dervic.blog/blog/one-line-css-dark-mode https://dervic.blog/blog/seo-html-meta-tag SEO HTML Meta Apr 12, 2018 calculating.... seo meta This guide we'll be going through all the meta tags you should be including on your web page, so that it's fully optimised for every situation. Below, you can find a full SEO meta tag template which gives you all the meta tags y... Thu, 12 Apr 2018 21:28:00 +0200 https://dervic.blog/blog/seo-html-meta-tag https://dervic.blog/blog/change-your-website-name-in-google How to Change Your Website Name in Google Mai 19, 2018 calculating.... seo You can make a strong suggestion on what Google should use by implementing Website Schema. This isn't a directive - Google is under no obligation to use your suggestion - but it usually works if you're pat... Mon, 19 Mar 2018 20:28:00 +0100 https://dervic.blog/blog/change-your-website-name-in-google https://dervic.blog/blog/switch-logo-dark-mode Switch Logo in Dark Mode Jul 6, 2017 calculating.... JavaScript html css I designed my website with two versions of the logo - one for light mode and another for dark mode. In this article, I'll share how I switched the color of the logo in light/dark mode. When it came to implem... Thu, 06 Jul 2017 21:28:00 +0200 https://dervic.blog/blog/switch-logo-dark-mode https://dervic.blog/blog/css-preloader CSS Preloader Apr 21, 2017 calculating.... html css JavaScript In our last article we have listed the best css preloader kits to use as loading animations for website. In this article let’s know how to add a css preloader to your website. We assume that you have the basic knowled... Fri, 21 Apr 2017 21:28:00 +0200 https://dervic.blog/blog/css-preloader https://dervic.blog/blog/php-contact-form PHP Contact Form Feb 7, 2017 calculating.... html css php In today’s digital age, maintaining effective communication with your website visitors is crucial. One of the most common ways to achieve this is by incorporating a contact form on your website. A contact form not only pro... Tue, 07 Feb 2017 20:28:00 +0100 https://dervic.blog/blog/php-contact-form https://dervic.blog/blog/cydia-repo-html-theme Cydia Repo HTML Theme Jun 10, 2016 calculating.... html css JavaScript Cydia repository HTML template featuring a dark/light theme toggle, for iOS Jailbreak tweak developers. How to use this theme If you are not hosting your repo on Github Pages, you can download the zip file and... Fri, 10 Jun 2016 21:28:00 +0200 https://dervic.blog/blog/cydia-repo-html-theme https://dervic.blog/blog/top-progress-bar-web Top Progress Bar Mar 27, 2016 calculating.... html css javascript Top bars are beautiful looking lines at the top of a website. A colored top bar would not do any harm. Instead, it increases the beauty of your website (if used correctly). Read to know how I have implemented it in... Sun, 27 Mar 2016 21:28:00 +0200 https://dervic.blog/blog/top-progress-bar-web https://dervic.blog/blog/copyright Copyright Year Mar 21, 2016 calculating.... html JavaScript Auto update Copyright Years. Your website ready for the new year? Here is one small JavaScript. Update the year in your website’s copyright notice. You can either set yourself an annual reminder in your calendar, or if y... Mon, 21 Mar 2016 20:28:00 +0100 https://dervic.blog/blog/copyright https://dervic.blog/blog/copy-clipboard-with-prism Copy Clipboard with Prism Dec 09, 2015 calculating.... html css JavaScript In web development, a copy clipboard feature is a simple but powerful tool that enhances user experience. It allows users to copy text to their clipboard with just a click of a button, saving them time and... Wed, 09 Dec 2015 20:28:00 +0100 https://dervic.blog/blog/copy-clipboard-with-prism https://dervic.blog/blog/add-prism-js How to Use Prism.js for Code Nov 5, 2015 calculating.... Prism.js If you are writing a blog that contains code blocks, a syntax highlighter is essential. It makes your code look organized and easy to read. In this guide, I’ll explain how you can use Prism.js inside your project. ... Thu, 05 Nov 2015 20:28:00 +0100 https://dervic.blog/blog/add-prism-js https://dervic.blog/blog/background-image How to set a background image Apr 17, 2015 calculating.... css 👋 Hello! This is a clean example of a webpage where all content is written directly onto the background image, with no extra boxes or solid white containers. We used CSS shadows to ensure the text remains readable reg... Fri, 17 Apr 2015 21:28:00 +0200 https://dervic.blog/blog/background-image https://dervic.blog/blog/remuve-html The Ultimate Guide: Removing File Extensions Dec 22, 2014 calculating.... htaccess Masterclass 🚀 Why stop at just HTML? If you want your website to look like a modern platform—like Facebook, Instagram, or Medium—you need to strip away all unnecessary extensions. Your URLs should ... Mon, 22 Dec 2014 20:28:00 +0100 https://dervic.blog/blog/remuve-html https://dervic.blog/blog/htaccess-404 How to Deal with 404 Errors in .htaccess Feb 22, 2014 calculating.... htaccess Server Secrets 🛠️ You have a few options for how to deal with 404 errors in .htaccess such as setting a custom 404 error message or redirecting to a URL such as a custom 404 page or your home page. 🚦 A... Sat, 22 Feb 2014 20:28:00 +0100 https://dervic.blog/blog/htaccess-404 https://dervic.blog/blog/what-is-htaccess Understanding .htaccess Feb 22, 2014 calculating.... htaccess Server Configuration ⚙️ An .htaccess file (short for Hypertext Access) is a configuration file for Apache web servers which allows you to control the URLs of your website and control access to your website and files. 🔒... Sat, 22 Feb 2014 20:28:00 +0100 https://dervic.blog/blog/what-is-htaccess https://dervic.blog/blog/what-is-php Understanding PHP Nov 22, 2013 calculating.... PHP Server-Side Scripting ⚙️ PHP stands for Hypertext Preprocessor, or Personal Home Pages as it was previously known. It's a server-side scripting language for building open-source software apps. A scripting language is a software w... Fri, 22 Nov 2013 20:28:00 +0100 https://dervic.blog/blog/what-is-php https://dervic.blog/blog/what-is-javascript Understanding JavaScript Oct 22, 2013 calculating.... javascript Interactive Web ⚡ JavaScript is a programming language that is used for adding interactivity to web pages. Every web browser has a JavaScript engine built-in so you don't need to install anything to get started writ... Tue, 22 Oct 2013 21:28:00 +0200 https://dervic.blog/blog/what-is-javascript https://dervic.blog/blog/what-is-css Understanding CSS Feb 22, 2013 calculating.... CSS STYLING THE WEB 🎨 CSS stands for Cascading Style Sheets. CSS is a presentational language that is used to style HTML web pages. Without these styles, a plain HTML document would just look like a page of text when viewed in a web ... Fri, 22 Feb 2013 20:28:00 +0100 https://dervic.blog/blog/what-is-css https://dervic.blog/blog/what-is-html Understanding HTML Feb 22, 2013 calculating.... HTML Web Development Basics 🛠️ HTML stands for HyperText Markup Language and it is the language used to describe the structure and content of a web page. Every website uses HTML to show content to visitors in the web browser. HTML f... Fri, 22 Feb 2013 20:28:00 +0100 https://dervic.blog/blog/what-is-html https://dervic.blog/blog/begining-web-developer Self-Taught Developer Dec 16, 2012 calculating.... JavaScript The raw truth about coding and survival. 🚀 On Being a Self-taught Web Developer, I get a lot of emails from people who are trying to teach themselves how to be web developers. 📬 Sometimes, they’re designers who want to... Sun, 16 Dec 2012 20:28:00 +0100 https://dervic.blog/blog/begining-web-developer https://dervic.blog/blog/hi Hi, everyone Dec 12, 2012 calculating.... Dervic Blog Welcome to my Dervic Blog! ORIGIN STORY • 2012 - I choose how I spend the rest of my life. So I decided to start a blog. The GitHub account is nice 🛠️, but sometimes I want to share something longer, something that requires co... Wed, 12 Dec 2012 20:28:00 +0100 https://dervic.blog/blog/hi