The website of Tristan WhiteThe website of Tristan Whitehttps://triss.dev/ColorDrophttps://triss.dev/blog/2015-01-01-colordrop/https://triss.dev/blog/2015-01-01-colordrop/I made this because I kept losing great colors in random files, tabs, and design tools. With ColorDrop, you can quickly save hex codes, name them, and build simple palettes — all in a clean, minimal interface.Fri, 23 Jan 2015 00:00:00 GMTFlat Iconshttps://triss.dev/blog/2015-02-22-flat-icons/https://triss.dev/blog/2015-02-22-flat-icons/Flat Icons is a clean and modern icon set featuring 68 beautifully crafted icons. Designed to streamline your workflow, these icons are perfect for web apps, mobile interfaces, and presentations that require a minimalist, polished aesthetic.Sun, 22 Feb 2015 00:00:00 GMTCSS Hover Effectshttps://triss.dev/blog/2015-09-26-css-hover-effects/https://triss.dev/blog/2015-09-26-css-hover-effects/A visual showcase of various CSS hover effects, including transitions like rotate, bounce, fade, and more. This compilation helps designers and developers add interactive touches to buttons, cards, and UI components with pure CSS.Sat, 26 Sep 2015 00:00:00 GMTWireframe UI Kithttps://triss.dev/blog/2017-03-22-wireframe-ui-kit/https://triss.dev/blog/2017-03-22-wireframe-ui-kit/Impress your clients with uniquely designed user-flows and wireframing UX elements. You'll receive 30 unique elements!Wed, 22 Mar 2017 00:00:00 GMTSceletushttps://triss.dev/blog/2015-04-26-sceletus/https://triss.dev/blog/2015-04-26-sceletus/Sceletus is a simple, lightweight, and responsive CSS framework designed to help you build clean and efficient layouts. Inspired by frameworks like Bootstrap, Pure, Skeleton, and Foundation, it's built to be fast, minimal, and easy to use.Sun, 26 Apr 2015 00:00:00 GMTMasonryhttps://triss.dev/blog/2015-01-07-masonry/https://triss.dev/blog/2015-01-07-masonry/Masonry is a lightweight and responsive grid layout framework that enables seamless arrangement of elements in a dynamic, Pinterest-style layout. It adapts automatically to screen sizes and content, making it ideal for portfolios, galleries, and dashboards.Wed, 07 Jan 2015 00:00:00 GMTFood Iconshttps://triss.dev/blog/2017-04-10-food-icons/https://triss.dev/blog/2017-04-10-food-icons/Designing a food app? These icons will help you craft a better UI. The pack includes 12 beautifully designed food-related icons, perfect for mobile apps, restaurant websites, or any project where visual clarity and theme consistency matter.Mon, 10 Apr 2017 00:00:00 GMTSticky Navigationhttps://triss.dev/blog/2018-12-28-sticky-navigation/https://triss.dev/blog/2018-12-28-sticky-navigation/This sticky navigation example demonstrates how to create a fixed menu that locks into place as the user scrolls past a defined point. It’s a clean, practical UI pattern for improving site navigation and usability.Fri, 28 Dec 2018 00:00:00 GMTWordBosshttps://triss.dev/blog/2018-01-01-wordboss/https://triss.dev/blog/2018-01-01-wordboss/WordBoss is an established, owner-operated company specializing in professional translations and language services. With over two decades of industry experience, they’ve built a reputation for high-quality, reliable, and culturally accurate translations for businesses across sectors.Mon, 01 Jan 2018 00:00:00 GMTPlaaskhttps://triss.dev/blog/2018-03-28-plaask/https://triss.dev/blog/2018-03-28-plaask/Plaask is a toolkit for enhancing user interaction on websites. It offers customizable notifications, share dialogs, subscription forms, and popups that can be easily embedded to improve engagement and conversion rates.Wed, 28 Mar 2018 00:00:00 GMTCSS Variableshttps://triss.dev/blog/css-variables/https://triss.dev/blog/css-variables/An introduction to CSS custom properties (variables), showing how they can replace SCSS variables and be dynamically manipulated with JavaScript.Tue, 03 Jan 2017 00:00:00 GMTPure CSS Line Numbershttps://triss.dev/blog/pure-css-line-numbers/https://triss.dev/blog/pure-css-line-numbers/A simple trick using CSS counters to add automatic, incrementing line numbers to code blocks—no JavaScript needed.Fri, 15 Jul 2016 00:00:00 GMTSass Mixin Grid systemhttps://triss.dev/blog/sass-mixin-grid-system/https://triss.dev/blog/sass-mixin-grid-system/A lightweight and modular Sass mixin grid system that keeps your markup clean while offering responsive layout control with minimal effort.Sun, 15 Nov 2015 00:00:00 GMTLeaked Passwordshttps://triss.dev/blog/2019-01-01-leakedpasswords/https://triss.dev/blog/2019-01-01-leakedpasswords/Search across multiple data breaches to see if your pass has been compromised. Implement the API in your signup process to validate users' passwords.Sun, 19 May 2019 00:00:00 GMTCompressionbearhttps://triss.dev/blog/2019-01-09-compressionbear/https://triss.dev/blog/2019-01-09-compressionbear/Compressionbear helps you optimize images for web use by reducing their file size by up to 90% without any visible loss in quality. It's an essential tool for improving page speed, SEO, and user experience.Wed, 09 Jan 2019 00:00:00 GMTCSS line numbershttps://triss.dev/blog/2019-02-16-css-line-numbers/https://triss.dev/blog/2019-02-16-css-line-numbers/A lightweight example of how to use `counter-reset` and `counter-increment` to display line numbers alongside blocks of code, without needing JavaScript. Useful for styling code snippets in documentation or blogs.Sat, 16 Feb 2019 00:00:00 GMTCloudnethttps://triss.dev/blog/2019-03-01-cloudnet/https://triss.dev/blog/2019-03-01-cloudnet/Probably Denmark's best and cheapest LiteSpeed cPanel webhotel.Fri, 01 Mar 2019 00:00:00 GMTMUDS Editorhttps://triss.dev/blog/2019-03-13-muds-editor/https://triss.dev/blog/2019-03-13-muds-editor/MUDS Editor is a blazing fast, ultra-lightweight WYSIWYG editor designed for minimalism and performance. It’s ideal for embedding in custom apps where size, simplicity, and speed matter most.Wed, 13 Mar 2019 00:00:00 GMTSimplistic Dialoghttps://triss.dev/blog/2019-03-23-simplistic-dialog/https://triss.dev/blog/2019-03-23-simplistic-dialog/A simple, yet powerful jQuery modal.Sat, 23 Mar 2019 00:00:00 GMTCSS Radio Buttonshttps://triss.dev/blog/2019-05-11-css-radio-buttons/https://triss.dev/blog/2019-05-11-css-radio-buttons/A collection of elegant radio button styles built entirely with CSS. These examples showcase how to create visually appealing and accessible form inputs without relying on JavaScript, ideal for modern, minimalist UI designs.Sat, 11 May 2019 00:00:00 GMTDitte's Dilemmahttps://triss.dev/blog/2019-06-07-ditte-s-dilemma/https://triss.dev/blog/2019-06-07-ditte-s-dilemma/Ditte's Dilemma is a deeply personal blog that explores the challenges of living with chronic pain. It offers reflections, insights, and practical advice on adapting to an alternative lifestyle, sharing a candid perspective on resilience and self-discovery.Fri, 07 Jun 2019 00:00:00 GMTMaintaining Aspect Ratiohttps://triss.dev/blog/maintaining-aspect-ration/https://triss.dev/blog/maintaining-aspect-ration/A simple CSS trick using percentage-based padding to maintain aspect ratios in responsive designs—perfect for scalable elements like images or palettes.Fri, 07 Jun 2019 00:00:00 GMTEncode/Decode HTMLhttps://triss.dev/blog/encode-decode-html/https://triss.dev/blog/encode-decode-html/A quick reference for encoding and decoding HTML entities using JavaScript and PHP—essential for safely displaying code and special characters on web pages.Sat, 01 Jun 2019 00:00:00 GMTResponsive Videos in HTMLhttps://triss.dev/blog/responsive-videos-in-html/https://triss.dev/blog/responsive-videos-in-html/An easy technique for making embedded videos scale responsively while preserving their aspect ratio, using pure HTML and CSS.Tue, 01 Dec 2015 00:00:00 GMTHTML Details/Summaryhttps://triss.dev/blog/html-details-summary/https://triss.dev/blog/html-details-summary/A simple way to create dropdowns using the native <details> and <summary> elements in HTML, with tips for styling and notes on browser support.Thu, 02 May 2019 00:00:00 GMTHTML 5.2 Native modalhttps://triss.dev/blog/html-5-2-native-modal/https://triss.dev/blog/html-5-2-native-modal/Learn how to use the native <dialog> element introduced in HTML 5.2 to build simple, accessible modals with minimal JavaScript—plus a note on browser support.Mon, 23 Apr 2018 00:00:00 GMTCreating a JS Libraryhttps://triss.dev/blog/creating-a-js-library/https://triss.dev/blog/creating-a-js-library/A step-by-step guide to building a simple JavaScript library from scratch, covering initialization, default options, user overrides, and browser compatibility.Wed, 15 May 2019 00:00:00 GMTA Guide to Hexhttps://triss.dev/blog/a-guide-to-hex/https://triss.dev/blog/a-guide-to-hex/A beginner-friendly breakdown of how hexadecimal color codes work, how they relate to RGB, and how to convert between the two using JavaScript.Wed, 12 Jun 2019 00:00:00 GMTBreaking Max Widthhttps://triss.dev/blog/breaking-max-width/https://triss.dev/blog/breaking-max-width/A clean CSS-only technique for making elements like images break out of their container’s max-width—no JavaScript or hacks required.Sun, 23 Jun 2019 00:00:00 GMTTerminal Portfoliohttps://triss.dev/blog/2019-06-19-terminal-portfolio/https://triss.dev/blog/2019-06-19-terminal-portfolio/Terminal Portfolio is a JavaScript-powered portfolio experience that mimics a command-line interface. Visitors can navigate your portfolio by typing commands, creating a nostalgic, hacker-style interaction that's fun and unique.Wed, 19 Jun 2019 00:00:00 GMTHTML Input Patternshttps://triss.dev/blog/html-input-patterns/https://triss.dev/blog/html-input-patterns/A curated list of practical HTML input patterns using regular expressions to validate IPs, passwords, prices, UUIDs, and more—directly in your form fields.Wed, 17 Jul 2019 00:00:00 GMTMrkdwnhttps://triss.dev/blog/2019-06-28-mrkdwn/https://triss.dev/blog/2019-06-28-mrkdwn/Mrkdwn is a free and open-source reference guide for Markdown — the widely-used, lightweight markup language. It helps both beginners and experienced users write formatted text quickly and efficiently with real-world examples and clear syntax rules.Fri, 28 Jun 2019 00:00:00 GMTHTML Datalist Elementhttps://triss.dev/blog/html-datalist-element/https://triss.dev/blog/html-datalist-element/A quick guide to using the HTML <datalist> element to create autocomplete input fields without JavaScript—plus tips on styling and browser support.Sat, 03 Aug 2019 00:00:00 GMTSVG Header Waveshttps://triss.dev/blog/svg-header-waves/https://triss.dev/blog/svg-header-waves/A dynamic approach to SVG header waves using PHP to generate customizable background images, enabling flexible design without bloating your HTML or asset folder.Fri, 20 Apr 2018 00:00:00 GMTConverting Color Codeshttps://triss.dev/blog/converting-color-codes/https://triss.dev/blog/converting-color-codes/A practical collection of PHP functions for converting color codes between HEX, RGB, HSL, HSV, and CMYK—used in production on colordrop.io.Tue, 02 Jul 2019 00:00:00 GMTThe Perfect Alt-texthttps://triss.dev/blog/the-perfect-alt-text/https://triss.dev/blog/the-perfect-alt-text/A quick guide to writing effective alt-text—why it matters for accessibility, common mistakes to avoid, and how to craft clear, helpful descriptions.Wed, 14 Aug 2019 00:00:00 GMTDotbothttps://triss.dev/blog/2019-08-16-dotbot/https://triss.dev/blog/2019-08-16-dotbot/Dotbot is a lightweight JavaScript library that allows you to generate randomized dotted background patterns on any HTML element. It's great for adding subtle texture and visual interest to your site without relying on images or heavy assets.Fri, 16 Aug 2019 00:00:00 GMTCSS Checkbox Hackhttps://triss.dev/blog/css-checkbox-hack/https://triss.dev/blog/css-checkbox-hack/A deep dive into the CSS checkbox hack—a clever technique to toggle elements without JavaScript, with examples, accessibility notes, and limitations.Wed, 21 Aug 2019 00:00:00 GMTCSS Darkmodehttps://triss.dev/blog/css-darkmode/https://triss.dev/blog/css-darkmode/A practical guide to implementing dark mode on your website using the prefers-color-scheme media query and CSS variables—with a bonus color-mix() enhancement.Sat, 24 Aug 2019 00:00:00 GMTWriting SVG Pathshttps://triss.dev/blog/writing-svg-path/https://triss.dev/blog/writing-svg-path/A comprehensive guide to writing SVG paths by hand, with visual examples and breakdowns of all major path commands for precise, code-based drawing.Thu, 08 Aug 2019 00:00:00 GMTCSS Conical Gradientshttps://triss.dev/blog/css-conical-gradients/https://triss.dev/blog/css-conical-gradients/An intro to conic gradients in CSS—how they differ from radial gradients, how to implement them, and what browsers currently support them.Wed, 07 Aug 2019 00:00:00 GMTHTML Wbr Taghttps://triss.dev/blog/html-wbr-tag/https://triss.dev/blog/html-wbr-tag/A look at the HTML <wbr> tag, which lets you suggest optional line-break points in long strings or compound words—useful for better text wrapping.Thu, 05 Sep 2019 00:00:00 GMTAnimating My First SVGhttps://triss.dev/blog/animating-my-first-svg/https://triss.dev/blog/animating-my-first-svg/A hands-on walkthrough of animating SVG elements by morphing paths and transforming shapes, using CSS to create a smooth hover effect for a custom icon.Wed, 24 Apr 2019 00:00:00 GMTHiding Text in Imageshttps://triss.dev/blog/hiding-text-in-images/https://triss.dev/blog/hiding-text-in-images/A clever method for hiding text inside image files using built-in terminal commands—no tools, no uploads, just local stealth with cat or copy.Tue, 30 Jul 2019 00:00:00 GMTCSS Target Trickhttps://triss.dev/blog/css-target-trick/https://triss.dev/blog/css-target-trick/A clever CSS trick using the :target pseudo-class to style elements based on the URL hash—great for toggling content like menus or sections without JavaScript.Wed, 02 Oct 2019 00:00:00 GMTHTML Meter Taghttps://triss.dev/blog/html-meter-tag/https://triss.dev/blog/html-meter-tag/A guide to the HTML <meter> element—ideal for displaying values within a known range, with styling options and examples for various states.Thu, 12 Sep 2019 00:00:00 GMTPC123https://triss.dev/blog/2019-12-25-pc123/https://triss.dev/blog/2019-12-25-pc123/PC123 is a simple tool for remote support. It provides a fast and frictionless way for users to download and initiate a TeamViewer session, making it easy for technicians to offer quick assistance.Wed, 25 Dec 2019 00:00:00 GMTHTML Progress Taghttps://triss.dev/blog/html-progress-tag/https://triss.dev/blog/html-progress-tag/A quick overview of the HTML <progress> element—perfect for showing task completion, with styling tips using WebKit pseudo-elements.Thu, 19 Sep 2019 00:00:00 GMTHTML Output Taghttps://triss.dev/blog/html-output-tag/https://triss.dev/blog/html-output-tag/An overview of the HTML <output> tag, used for displaying calculated values from user inputs—complete with a working example and supported attributes.Thu, 26 Sep 2019 00:00:00 GMTFixing Whitespace Between Inline Elementshttps://triss.dev/blog/fixing-whitespace-between-inline-elements/https://triss.dev/blog/fixing-whitespace-between-inline-elements/Explore several practical methods to eliminate unwanted whitespace between inline-block elements in HTML and CSS, from comment hacks to font-size resets.Wed, 11 Mar 2020 00:00:00 GMTCSS Scroll Snaphttps://triss.dev/blog/css-scroll-snap/https://triss.dev/blog/css-scroll-snap/Use CSS Scroll Snap to create smooth, snap-aligned scrolling experiences for carousels and galleries—no JavaScript needed.Tue, 14 Apr 2020 00:00:00 GMTHTTP2 on Apache - Linuxhttps://triss.dev/blog/http2-on-apache-linux/https://triss.dev/blog/http2-on-apache-linux/A quick setup guide for enabling HTTP/2 on Apache with SSL—covering required modules, configuration changes, and a working virtual host example.Tue, 27 Aug 2019 00:00:00 GMTWebboxhttps://triss.dev/blog/2020-05-01-webbox/https://triss.dev/blog/2020-05-01-webbox/A collection of useful tools covering topics like web, network, design, security and many more.Fri, 01 May 2020 00:00:00 GMTFluid Typographyhttps://triss.dev/blog/fluid-typography/https://triss.dev/blog/fluid-typography/Explore how to create scalable, responsive typography using the modern clamp() function—no media queries or magic numbers required.Wed, 20 May 2020 00:00:00 GMTOpen Listhttps://triss.dev/blog/2020-07-21-open-list/https://triss.dev/blog/2020-07-21-open-list/Open List makes it easy to create and share lists with friends, family, or co-workers. Whether you're planning a trip, organizing tasks, or collaborating on shopping lists, Open List is the simplest way to keep everyone in sync.Tue, 21 Jul 2020 00:00:00 GMTCloudPortalhttps://triss.dev/blog/2020-06-01-cloudportal/https://triss.dev/blog/2020-06-01-cloudportal/The future of IT outsourcing in the cloud.Mon, 01 Jun 2020 00:00:00 GMTCut And Movehttps://triss.dev/blog/2020-09-07-cut-and-move/https://triss.dev/blog/2020-09-07-cut-and-move/Cut And Move is a mobile hair salon service tailored for businesses. Employees can easily book a haircut through the platform, and payments are handled directly with the stylist. It's a convenient solution that brings professional haircuts right to the workplace.Mon, 07 Sep 2020 00:00:00 GMTAVIF Imagehttps://triss.dev/blog/avif-image/https://triss.dev/blog/avif-image/Get to know AVIF, a next-gen image format offering dramatically better compression than JPEG or PNG—with examples and fallback tips.Tue, 15 Sep 2020 00:00:00 GMTCloudServershttps://triss.dev/blog/2021-01-01-cloudservers/https://triss.dev/blog/2021-01-01-cloudservers/Global cloud infrastructure to develop, deploy and manage applications.Wed, 03 Nov 2021 00:00:00 GMTSpecificity on the Webhttps://triss.dev/blog/specificity-on-the-web/https://triss.dev/blog/specificity-on-the-web/Master the hidden hierarchy of CSS with a visual deep-dive into specificity—learn how selectors truly stack up and what takes precedence when styles collide.Thu, 06 May 2021 00:00:00 GMTScutumhttps://triss.dev/blog/2021-08-16-scutum/https://triss.dev/blog/2021-08-16-scutum/Scutum is a secure service for sharing sensitive data such as passwords or confidential messages. It generates a one-time encrypted link that automatically expires after being accessed, ensuring your data remains private and protected from unauthorized access.Mon, 16 Aug 2021 00:00:00 GMTHSL Simplifiedhttps://triss.dev/blog/hsl-simplified/https://triss.dev/blog/hsl-simplified/Discover the power of AVIF, a cutting-edge image format with superior compression to JPEG, PNG, and WebP—plus how to use it with graceful fallback.Mon, 22 Mar 2021 00:00:00 GMThtml.digitalhttps://triss.dev/blog/2021-05-22-html-digital/https://triss.dev/blog/2021-05-22-html-digital/html.digital is a modern reinterpretation of the browser's default stylesheet. It offers a clean, consistent baseline for designing websites by redefining native HTML element styles, aiming to improve readability and reduce the need for extensive resets or utility classes.Sat, 22 May 2021 00:00:00 GMTCSS selectmenuhttps://triss.dev/blog/selectmenu/https://triss.dev/blog/selectmenu/Explore the experimental <selectmenu> HTML element, how it compares to <select>, and how to style it with new ::part() selectors for full UI control.Fri, 28 Jan 2022 00:00:00 GMTYirrahttps://triss.dev/blog/2022-09-19-yirra/https://triss.dev/blog/2022-09-19-yirra/Yirra is a free, privacy-conscious URL shortener that allows you to create custom links with built-in analytics. It guarantees that your shortened URLs never expire, making it ideal for long-term campaigns, portfolios, or permanent references.Mon, 19 Sep 2022 00:00:00 GMTCSS color-schemehttps://triss.dev/blog/css-color-scheme/https://triss.dev/blog/css-color-scheme/Understand how the color-scheme CSS property affects native styling of elements like scrollbars and form controls, and how to toggle between light and dark modes using just a few lines of CSS.Wed, 01 Feb 2023 00:00:00 GMTSmooth scroll-to-tophttps://triss.dev/blog/smooth-scroll-to-top/https://triss.dev/blog/smooth-scroll-to-top/Learn how to implement a smooth scroll-to-top feature with just a few lines of native JavaScript — no jQuery required.Tue, 21 Feb 2023 00:00:00 GMTWeekly Widget - CSS Couponhttps://triss.dev/blog/weekly-widget-css-coupon/https://triss.dev/blog/weekly-widget-css-coupon/Kick off the Weekly Widget series with a stylish CSS-only coupon component — a clean, reusable snippet for adding a touch of flair to promo sections.Mon, 27 Mar 2023 00:00:00 GMTAspect Ratio Revisitedhttps://triss.dev/blog/aspect-ratio-revisited/https://triss.dev/blog/aspect-ratio-revisited/Explore the modern approach to maintaining aspect ratios in CSS using the aspect-ratio property, replacing old hacks with cleaner, simpler code.Tue, 28 Mar 2023 00:00:00 GMTWeekly Widget - CSS Skewed Graphichttps://triss.dev/blog/weekly-widget-css-skewed-graphic/https://triss.dev/blog/weekly-widget-css-skewed-graphic/A simple but eye-catching skewed graphic built entirely with CSS. This week’s widget shows how powerful basic transforms can be.Mon, 03 Apr 2023 00:00:00 GMTsortable.jshttps://triss.dev/blog/2023-04-10-sortable-js/https://triss.dev/blog/2023-04-10-sortable-js/sortable.js is a powerful, lightweight JS framework used for adding simple sorting controls to HTML tables.Mon, 10 Apr 2023 00:00:00 GMTAnimating the Webhttps://triss.dev/blog/animating-the-web/https://triss.dev/blog/animating-the-web/Explore the core principles of web animation with real-world examples showing how movement can enhance orientation, provide feedback, highlight changes, and guide users through a better experience.Thu, 23 Feb 2023 00:00:00 GMTUnits on the Webhttps://triss.dev/blog/units-on-the-web/https://triss.dev/blog/units-on-the-web/Get a complete overview of CSS units, from absolute and relative lengths to font-based and grid-specific values. Learn how each unit behaves and when to use them effectively.Fri, 10 Mar 2023 00:00:00 GMTWeekly Widget - "Toss" Add to Cart Animationhttps://triss.dev/blog/weekly-widget-toss-cart-animation/https://triss.dev/blog/weekly-widget-toss-cart-animation/A playful “add to cart” animation that tosses items into the cart using CSS transitions and a touch of JavaScript for interaction.Wed, 10 May 2023 00:00:00 GMTWeekly Widget - Datacenter Maphttps://triss.dev/blog/weekly-widget-datacenter-map/https://triss.dev/blog/weekly-widget-datacenter-map/This week’s widget is a slick SVG-powered datacenter map with animated dotted patterns – perfect for showing server locations or network flows.Mon, 29 May 2023 00:00:00 GMTWeekly Widget - HSLA editorhttps://triss.dev/blog/weekly-widget-hsla-editor/https://triss.dev/blog/weekly-widget-hsla-editor/An interactive HSLA color editor built with CSS and JavaScript, letting you tweak hue, saturation, lightness, and alpha in real-time.Mon, 05 Jun 2023 00:00:00 GMTWeekly Widget - Animated Backgroundhttps://triss.dev/blog/weekly-widget-animated-background/https://triss.dev/blog/weekly-widget-animated-background/A hypnotic weekly widget - create a smooth, animated gradient background using only CSS by animating background-position.Mon, 22 May 2023 00:00:00 GMTColor systems with CSS color-mixhttps://triss.dev/blog/color-systems-with-css-color-mix/https://triss.dev/blog/color-systems-with-css-color-mix/Learn how to create flexible, consistent color systems using the new color-mix() function in CSS — perfect for modern theming with light and dark mode support.Wed, 17 May 2023 00:00:00 GMTWeekly Widget - Pure CSS Star Ratinghttps://triss.dev/blog/weekly-widget-css-star-rating/https://triss.dev/blog/weekly-widget-css-star-rating/A fully functional star rating system built with pure CSS using radio buttons—no JavaScript needed.Mon, 19 Jun 2023 00:00:00 GMTColorDrop Release 2023https://triss.dev/blog/colordrop-release-2023/https://triss.dev/blog/colordrop-release-2023/A redesigned ColorDrop.io with a new interface, smarter image scanning, improved palette customization, and a growing library of curated color palettes.Tue, 30 May 2023 00:00:00 GMTWeekly Widget - Isometric Menuhttps://triss.dev/blog/weekly-widget-isometric-menu/https://triss.dev/blog/weekly-widget-isometric-menu/A visually striking isometric-style menu built entirely with CSS transforms, perfect for creative UI experiments.Mon, 12 Jun 2023 00:00:00 GMTDarkyJShttps://triss.dev/blog/2023-06-22-darkyjs/https://triss.dev/blog/2023-06-22-darkyjs/Add a dark mode to your website in seconds. No hassle, no reworking your entire codebase!Thu, 22 Jun 2023 00:00:00 GMTWeekly Widget - Self-coding Websitehttps://triss.dev/blog/weekly-widget-self-coding-website/https://triss.dev/blog/weekly-widget-self-coding-website/A fun experiment that simulates a website writing its own code in real time—great for presentations or educational demos.Mon, 26 Jun 2023 00:00:00 GMTWhiter than Whitehttps://triss.dev/blog/whiter-than-white/https://triss.dev/blog/whiter-than-white/A playful look at the concept of “whitest white” on the web, inspired by a fun experiment using CSS, HTML, and video.Tue, 20 Jun 2023 00:00:00 GMTWeekly Widget - Simple CSS Checkboxhttps://triss.dev/blog/weekly-widget-simply-css-checkbox/https://triss.dev/blog/weekly-widget-simply-css-checkbox/A clean and accessible checkbox toggle built with pure CSS, showcasing the classic checkbox-hack—my most popular pen to date.Mon, 03 Jul 2023 00:00:00 GMTGridderhttps://triss.dev/blog/2023-07-10-gridder/https://triss.dev/blog/2023-07-10-gridder/A clean and minimalistic UI theme created around uncluttered design patterns to achieve optimal focus & readability.Mon, 10 Jul 2023 00:00:00 GMTSarcastic Whitehttps://triss.dev/blog/2023-08-01-sarcastic-white/https://triss.dev/blog/2023-08-01-sarcastic-white/A cool and crisp color theme created around uncluttered design patterns to achieve optimal focus & readability.Tue, 01 Aug 2023 00:00:00 GMTDarky.js Releasehttps://triss.dev/blog/darkyjs-release/https://triss.dev/blog/darkyjs-release/Darky.js lets you enable dark mode on any website with zero redesign—simple setup, customizable, OS theme aware, and stores user preferences.Fri, 28 Jul 2023 00:00:00 GMTStreamlining OpenAI Integrationhttps://triss.dev/blog/streamlining-openai-integration/https://triss.dev/blog/streamlining-openai-integration/A lightweight PHP library for easy integration with OpenAI’s API—supporting text generation, image creation, and text-to-speech in just a few lines of code.Wed, 08 Nov 2023 00:00:00 GMTHex color notation have an alpha channelhttps://triss.dev/blog/hex-color-alpha-channel/https://triss.dev/blog/hex-color-alpha-channel/Hex color codes support transparency by including an alpha channel—using 4 or 8 digits to control opacity directly within the color value.Fri, 12 Jan 2024 00:00:00 GMTMultipage View Transitionshttps://triss.dev/blog/multipage-view-transitions/https://triss.dev/blog/multipage-view-transitions/Learn how to enable and implement multipage view transitions using the experimental View Transition API to create seamless animations between pages.Sun, 28 Apr 2024 00:00:00 GMTCO2 Observer Releasehttps://triss.dev/blog/co2-observer-release/https://triss.dev/blog/co2-observer-release/Measure and showcase your website’s carbon footprint with CO2 Observer—a simple tool that estimates emissions per page view and offers a badge to highlight your sustainability efforts.Sun, 17 Sep 2023 00:00:00 GMTCSS Only Scroll Into View Effecthttps://triss.dev/blog/css-only-scroll-into-view-effect/https://triss.dev/blog/css-only-scroll-into-view-effect/Trigger scroll-based animations using pure CSS and animation-timeline - view()—no JavaScript required.Sat, 08 Jun 2024 00:00:00 GMTAnnouncing Senbeehttps://triss.dev/blog/announcing-senbee/https://triss.dev/blog/announcing-senbee/Announcing Senbee - a unified platform for managing services across providers, built to simplify operations through smart integrations and AI-driven insights.Fri, 09 Aug 2024 00:00:00 GMTA Lesson Learned the Hard Wayhttps://triss.dev/blog/a-lesson-learned-the-hard-way/https://triss.dev/blog/a-lesson-learned-the-hard-way/Reflections on the realization that technology alone isn’t enough—true success comes from building trust, relationships, and community.Thu, 17 Oct 2024 00:00:00 GMTLaunching Particle Fireworkhttps://triss.dev/blog/launching-particle-firework/https://triss.dev/blog/launching-particle-firework/Introducing ParticleFirework.js — a lightweight framework for adding customizable particle effects to your website with ease.Mon, 02 Sep 2024 00:00:00 GMTA Milestone for a Greener Webhttps://triss.dev/blog/a-milestone-for-a-greener-web/https://triss.dev/blog/a-milestone-for-a-greener-web/Celebrating 1 million website scans with CO2 Observer—a major step toward digital sustainability, marked by a $1,000 donation to One Tree Planted.Tue, 17 Dec 2024 00:00:00 GMTThe Best Books I Have Read in 2024https://triss.dev/blog/the-best-books-i-have-read-in-2024/https://triss.dev/blog/the-best-books-i-have-read-in-2024/A personal roundup of the most memorable books read in 2024—ranging from sci-fi epics and timeless classics to poetry, humor, and speculative fiction.Fri, 13 Dec 2024 00:00:00 GMTSaying goodbye to ColorDrophttps://triss.dev/blog/saying-goodbye-to-colordrop/https://triss.dev/blog/saying-goodbye-to-colordrop/Marking the end of a decade-long journey with ColorDrop as it finds a new home—reflecting on its impact and celebrating the future under new ownership.Fri, 20 Dec 2024 00:00:00 GMTA Dead-Simple URL Shortener APIhttps://triss.dev/blog/dead-simple-url-shortener-api/https://triss.dev/blog/dead-simple-url-shortener-api/DescriptionTue, 11 Mar 2025 00:00:00 GMTAccessible Toggle Buttonshttps://triss.dev/blog/accessible-toggle-buttons-copy/https://triss.dev/blog/accessible-toggle-buttons-copy/Toggle buttons are a pleasant interface for toggling a value between two states, and offer the same semantics and keyboard navigation as native checkbox elements.Thu, 29 May 2025 00:00:00 GMTI Was Impressed. Then Dependent. Now, I’m Worried.https://triss.dev/blog/in-2023-i-was-impressed-in-2024-dependent-now-2025-scared/https://triss.dev/blog/in-2023-i-was-impressed-in-2024-dependent-now-2025-scared/When powerful AI tools started going mainstream, it felt like a breakthrough. In 2023, we watched in awe as models wrote, reasoned, and solved problems with near-human fluency. By 2024, they weren’t just novelties — they became part of our workflows, our conversations, even our decision-making.Sun, 27 Jul 2025 00:00:00 GMTThe Best Books I Have Read in 2025https://triss.dev/blog/the-best-books-i-have-read-in-2025/https://triss.dev/blog/the-best-books-i-have-read-in-2025/A diverse reading year filled with classics, thrillers, sci-fi, essays, and poetry—highlighting everything from Paddington and Pride & Prejudice to Stephen King and H.P. Lovecraft.Mon, 22 Dec 2025 00:00:00 GMT