Vlastislav Kučera

Barvy

• Design systems need a colour space
• The good colors – Full spectrum – OKLCH

Media queries

• Using media queries - CSS: Cascading Style Sheets | MDN
• How Min-Width and Max-Width Media Queries Work in Responsive CSS
• Responsive Web Design Media Queries

Ikony, obrázky

• Font Awesome
• Noun Project: Free Icons & Stock Photos for Everything
• Beautiful Free Images & Pictures | Unsplash

Ostatní

• 13 důvodů, proč má web fungovat bez JavaScriptu i v roce 2025
• Best Private Browsers 2024 | Top 10 To Stop Trackers | Tuta
• Curated web design inspiration catalog

Barvy

• CSS Relative Colors

Ikony

• Aha Icon - The Best Free All-in-One Favicon Generator
• Animated Emoji
• GitHub - vkarampinis/awesome-icons: A curated list of awesome Web Font Icons

"Hamburger" menu

• How to Animate a CSS-Only Hamburger Menu and Icons – Speckyboy
• Menu "Hamburger" Icon Animations
• Trend Breakdown: New Ways to Use the Hamburger Icon

Ostatní

• The Virtual Keypunch – Make Your Personal Punch Card
• 4 Of The Best Free Alternatives To Adobe Acrobat For Windows
• Filter - Web Image Editor, Github

Barvy

• Accessible Color Palette Generator
• he Natural System of Colours. Recreating Moses Harris’ color wheels from the eighteenth century
• The good colors – Full spectrum – OKLCH
• Psychologie barev ve webdesignu: Jak vybrat správnou paletu pro vaše stránky | Interval.cz

Písmo

• 40+ Beautiful & Romantic Wedding Fonts Download 2024
• The 10 Most Hated Fonts of All Time | Web Designer Depot

Různé

• CSS Grid Generator (Drag & Drop)
• The Best CSS Background Patterns for Your Next Project – Designer Feed
• MotifyX

Flexbox

• CSS Flexbox Playground - Interactive CSS Flexbox Learning Tool
• An intro to Flexbox | Go Make Things

Ostatní

• LogoMVP - Logo generator for SaaS
• 40 Website Color Schemes So Good, You'll Want To Steal Them - DreamHost
• The 15 best free web fonts | Creative Bloq
• A beautiful library with SVG logos - Svgl
• SVG Flag Icons - Explore our collection of over 200 optimized SVG country flag icons — Perfectly crafted on a 32px grid

Zajímavosti

• Víte, který mobil je doposud neprodávanějším všech dob? Nápověda: není to ani Samsung, ani iPhone | CHIP.cz
• Web Browsers - Web Design Museum
• YTMND - The Original Hampster Dance. The ORIGINAL Hampster Dance, meticulously recreated to be preserved in YTMND. This took more effort than you might think

Ikony

• pqoqubbw/icons - beautifully crafted animated icons
• Developer Icons | Easy-to-use customizable tech icons

CSS

• CSS text-wrap | 12 Days of Web
• CSS Grid Areas - A fresh look at the CSS grid template areas and how to take advantage of its full potential today

Ostatní

• 15+ Free Procreate Color Schemes & Swatches for Digital Artists – Speckyboy
• GitHub - WebdevShefali/CheatSheets
• MSHR - CSS Mesh Gradients

Software

• GitHub - SVG-Edit/svgedit: Powerful SVG-Editor for your browser
• 20 Essential Browser Extensions For Web Developers
• Best video editor alternatives to Adobe Premiere Pro - Gizchina.com

Zajímavosti

• RetroFab by Itizso - Handheld electronic game simulations. Play in your browser
• Most Popular Instant Messengers: Data from 1998 to 2024 - YouTube

Barvy

• InclusiveColors: WCAG accessible color palette creator for Tailwind/CSS/Figma/Adobe
• HexColorList - Explore 16.7 Million Hex Color Codes

Písmo

• The best fonts for books | Creative Bloq
• Google fonts tagged All - Font sensei - Google fonts categorized by tag names
• uifonts.app - Test and preview fonts in real-time for all your design needs. Choose the perfect typeface with ease
• Load the default OS font with CSS | Stefan Judis Web Development
• Velvetyne - Libre fonts for everyone
• Typography in ten minutes | Butterick’s Practical Typography

Ikony

• Iconify Design: All popular icon sets, one framework
• iconmonstr - Free simple icons for your next project
• Isocons - Carefully crafted isometric icons

Grafika

• Logoipsum offers free, SVG placeholder logos in a variety of styles for use in design projects and mockups. Easily copy or download logos for your design
• The best logos of the 2020s (so far) | Creative Bloq
• 20+ Best Wedding Stationery Templates for InDesign in 2025 – Speckyboy

Sofware

• The best game development software to learn how to make a video game | Creative Bloq
• Home | PhotoDemon: the fast, free, portable photo editor
• Vivaldi 7.1: Widgets, Tabs, and sleek start to 2025
• Opera introduces a new web browser: Opera Air - Blog | Opera News
• Opera 116 - Blog | Opera Desktop

Barvy

• High definition CSS color guide  |  CSS and UI  |  Chrome for Developers
• Okay, Color Spaces — ericportis.com
• Color Lisa - Color palette masterpieces of the world’s greatest artists
• The good colors – Full spectrum – OKLCH
• AI color palette generator | Deblank Colors
• HSL: An Intuitive Way to Represent Color in CSS

Písmo

• 15+ Best Free Monospaced Fonts for Coding – Speckyboy
• 15+ Best Free Display Fonts for Creative Projects – Speckyboy
• BASKiT – Free Commerce Branding Font - Free UI Resources
• OpenDyslexic
• The best 3D fonts for impactful projects | Creative Bloq
• Fonts in famous logos: 10 examples where typefaces define a brand identity | Creative Bloq
• Best Free Fonts
• 40 Cyberpunk Fonts to Transport You to the Future - Design Work Life
• The best new typefaces of 2024, according to the experts | Creative Bloq

HTML

• Entity Code - A Clear and Quick Reference to HTML Entities Codes
• Periodic Table of HTML elements

CSS

• CSS Rounded Corners Examples - DEV Community
• CSS Length Units | CSS-Tricks
• The Top 6 CSS Cheatsheets that will Save You Hours - DEV Community

VS Code

• 🚀 Emmet in VSCode ✨ - DEV Community

Ikony

• Reshot | Free icons & illustrations

• Porovnání RGB, HSL, HEX a CMYK - článek popisuje základní formáty barev pro digitální design a jejich výhody a nevýhody pro sladění barev - Comparing RGB, HSL, HEX and CMYK, and where they fall short for design
• Klíčové koncepty a funkce CSS Grid - Unleashing Web Design Creativity: A Deep Dive into the CSS Grid Layout Module | by GNFusion | Jan, 2024 | Medium
• Průvodce základy a pokročilými tématy webového vývoje, jako jsou HTML, CSS a další - The Valley of Code
• Tipy a doporučení pro vytváření poutavých a funkčních uživatelských rozhraní - 58 rules for beautiful UI design. The right UI can elevate an application… | by Taras Bakusevych | Jan, 2024 | UX Collective
• Seznam bezplatných alternativních nástrojů k Adobe Photoshop pro Windows - 15 Free Photoshop Alternatives for Windows Users - Hongkiat
• Bezplatná sbírka 100 štětců Photoshopu s motivem stříkání barvy - 100 Free Paint Splash Photoshop Brushes - Free UI Resources
• Kolekce 20 bezplatných geometrických písem, které se hodí pro různé designové projekty - 20+ Best Free Geometric Fonts for Designers
• Historie Poznámkového bloku - History of Windows Notepad | 1985 - 2021 - YouTube

Odkazy týdne se mění na zajímavé odkazy.

• Chillax: Free geometric font in the Bauhaus style - Freebiesbug
• Ingo Free Modern Display Font - Free UI Resources
• Free Balladon Bold Playful Display Font - Free UI Resources - nemá definované české znaky
• Gradient Picker
• Gradicol | Gradients & Website templates
• Convert colors from HEX to LCH | Atmos
• Picyard - Beautiful Backgrounds for Your Images
• It's time to learn oklch color
• A Guide to Choosing the Best Color Method for Web Design - 1WD
• Fix Color Contrast – Web Accessibility for Text & UI Design - Pimp my Type
• Color Contrast Checker, analyser and color suggestions for WCAG & APCA
• Favicon Generator: Online, Free & Fast
• Iconoir | Free Icons
• Hicon Pack
• CSS Flex: What Every Developer Should Know
• The A to Z Guide of CSS Grid: From Fundamentals to Advanced Techniques
• Hyperlink Design: 9 Examples from Real-Life Websites (Incl. CSS)
• Slovník kybermládeže - Spajk.cz
• Opera 98: Opera 98 Stable - Blog | Opera Desktop, Opera prehliadač - Opera 98 - vylepšená práca s listami
• Vivaldi 6: Vivaldi 6.0: Organize tabs with the new Workspaces and personalize your browser with Custom Icons. | Vivaldi Browser, Opera prehliadač - Vivaldi 6.0 - prichádzajú kontexty a témy

• Become a CSS Grid wizard with grid-template-areas
• Font Library | An open source project to tag and organize Google Fonts
• Fontpair - Free, beautiful fonts and font pairings curated just for you
• PineTools - Free online tools
• Opera 97