Vlastislav Kučera

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

• 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

• CSS Grid Handbook – Complete Guide to Grid Containers and Grid Items
• Learn CSS Grid - A 13 Minute Deep Dive
• CSS Grid Layout Generator
• Named Colors Wheel
• Building Your Color Palette - Refactoring UI
• 101 Brilliant Color Combinations
• How the CSS box-sizing property works | Andy Bell

• Web Design & Development News: Collective #739 - Codrops
• Issue #531 – CSS Weekly
• Web Tools #488 - copyWithin(), JS Utilities, Databases, Uncats
• VSCode #31 - Is JetBrains Fleet Better Than VS Code?
• <article> vs. <section>: How To Choose The Right One — Smashing Magazine
• Layout & Grid in Design Systems | Brad Frost
• Humans TXT: We Are People, Not Machines.

• Web Design & Development News: Collective #717 - Codrops
• Issue #510 – CSS Weekly
• WDW #420 – Web Design Weekly
• Web Tools #466 - WebPageTest, JS Libraries, Media Tools, Uncats
• VSCode #9 - VS Code Community Discussions
• CSS Pattern: Fancy background with gradients
• Random Emoji Generator Online works as Emoji Randomizer
• Creating dynamic bar charts with CSS grid - Josh Collinsworth blog
• Evolution of Apple macOS (1984 - present) - video

• Web Design & Development News: Collective #716 - Codrops, Web Design & Development News: Collective #715 - Codrops
• Issue #509 – CSS Weekly, Issue #508 – CSS Weekly
• WDW #419 – Web Design Weekly
• Web Tools #465 - VS Code, Frameworks, Build Tools, React Native, Web Tools #464 - Jamstack, JS Utilities, Git/CLI Tools
• VSCode #8 - Tailwind Docs in VS Code, VSCode #7 - Material Icons for VS Code
• Opera 88: Opera 88 Stable - Blog | Opera Desktop, Opera prehliadač - Opera 88 - kompaktná lišta listov
• How to Use CSS Grid Layout – Grid Properties Explained with Examples
• Bunny Fonts | Explore Faster & GDPR friendly Fonts
• Internet Explorer 11 has retired and is officially out of support—what you need to know | Windows Experience Blog

• Web Design & Development News: Collective #712 - Codrops
• Issue #505 – CSS Weekly
• WDW #416 – Web Design Weekly
• Web Tools #461 - Mergify, Frameworks, React Tools, Uncats
• Opera 87 Stable - Blog | Opera Desktop
• 10 CSS Grid Code Snippets for Creative Layouts
• 14 Color Combination Tools for Designers - SpyreStudios
• 4 Cool Hover Effects That Use CSS Text Shadow | CSS-Tricks - CSS-Tricks

• Web Design & Development News: Collective #703 - Codrops
• Issue #496 – CSS Weekly
• WDW #407 – Web Design Weekly
• Web Tools #452 - JS One-liners, VS Code, Testing, Uncats
• Comparing the best CSS grid generators - LogRocket Blog
• CSS REM – What is REM in CSS?
• Understanding CSS Selectors - DEV Community
• 35 Best Free Code Editors In 2022 - Browser, Mac and Win Code Editors

• The State of CSS Cross-Browser Development - Ahmad Shadeed
• List Markers and String Styles | CSS-Tricks
• Responsive Grid Design: Ultimate Guide | by Nitish Khagwal | Muzli - Design Inspiration
• Building a Tabs component
• CSS :empty Selector | SamanthaMing.com
• CSS Transition Examples – How to Use Hover Animation, Change Opacity, and More