JavaScript Mastery·1yTailwind CSS v4 Full Course 2025 | Master Tailwind in One Hour
Master Tailwind CSS with this comprehensive course that teaches utility-first styling, responsive layouts, dark mode, and custom themes. Learn how to structure projects correctly, understand best practices, and optimize your workflow. Gain access to quizzes, interactive exercises, and in-depth lessons on the JS Mastery Pro platform, where you will build a complete, professional landing page.
Javarevisited·1y7 Major Mobile App UI Design Trends for 2025
In 2025, major mobile app UI design trends include minimalist yet functional designs, dynamic gradients, personalized UX, dark mode dominance, responsive designs for wearable tech, neo-brutalism, and AI-powered features. Designers can use various mobile app templates from services like MonsterONE to quickly implement these trends.
Prismic·1y50 Creative CSS Image Effects for Engaging Websites
Enhance your website's visual appeal with 50 creative CSS image effects. These effects add depth, motion, and interactivity to images, making your site more engaging. Additionally, learn how to optimize images for better performance and explore various tools and libraries to apply image filters and hover effects efficiently.
Dev Squad·1yTerminal UI Inspired Portfolio
A developer created a unique terminal-themed portfolio using Next.js and Tailwind CSS, featuring a command box where users can type 'help' to learn more about them. The portfolio includes a theme toggle with various developer-inspired themes for customization.
RUBYLAND·1yHide Scrollbars While Keeping Scrolling Intact
Learn how to hide scrollbars while keeping scrolling intact using various CSS techniques, including TailwindCSS. This can enhance the user experience in sleek and minimalistic web designs by decluttering the UI. Ensure accessibility by maintaining functional scrolling through trackpads, touch gestures, or keyboard navigation.
All ShadCN·1yBeautiful Shadcn UI Landing Page
A modern, responsive landing page template created using Next.js, Tailwind CSS, Shadcn UI, and Shadcn UI Blocks. The template features a clean design, full responsiveness, and dark mode support. It includes detailed customization options to adapt the template to individual needs.
All Things Frontend·1yI Finally built a Grid Playground with Awesome Animations
Grids are now available in Flexbox Labs, featuring properties exploration for grid containers and items, item placement control, and grid line manipulation. The beta release invites feedback and contributions to improve the tool, with future updates including grid line numbers, CSS box shadows, gradients, border-radius, and transforms.
DEV·1yBest Icon Library for 2025 with 4k+ Free Icons
Lineicons V5 is a comprehensive icon library with over 5522 icons, 10+ styles, and 60 categories. It features a user-friendly interface, seamless integration with various design tools, and regular updates to stay aligned with the latest trends. The icons are highly customizable and scalable, offering clear visuals for any screen size. Designers can create custom collections for different projects to maintain consistency and efficiency. The icons are lightweight and optimized for fast loading speeds, enhancing both user experience and SEO performance.
Community Picks·1yDesign Tokens Starter Set by Philipp Jeroma
Get started with a scalable design tokens set, complete with Figma variables and Tokens Studio-ready JSON available on GitHub. This free starter set simplifies setting up design tokens with pre-structured token tiers, naming conventions, and contrast color tokens for accessibility compliance. Customize and expand the tokens as needed, and streamline collaboration between design and development.
selfh.st·1yThis Week in Self-Hosted (21 February 2025)
The newsletter introduces several design improvements to software listings, making them more user-friendly on different devices. Key events include Pi-hole v6 release, Obsidian's optional commercial license for professional use, and Navidrome's new anonymous data collection feature. The post also spotlights Eigenfocus, a new project management app, and offers a command-line tip.
Community Picks·1yThe Unstyled UI Library for Toddle
Spark Core is a UI component library designed for advanced developers using toddle. Inspired by Radix UI Primitives for React, Spark Core integrates seamlessly with toddle’s visual development framework, offering flexible, customizable, and accessible components. It supports developers in creating high-quality web apps by providing low-level primitives and complex features.
Collections·1yCSS @function + CSS if() = 🤯
Chrome Canary has introduced new features for CSS, namely Custom Functions (@function) and the if() function, which enhance responsive design by adding reusable and conditional logic directly into stylesheets. These features can be accessed by enabling the Experimental Web Platform Features flag in Chrome Canary, allowing for more personalized and dynamic web experiences.
Medium·1ySlots: Make your Angular API flexible
Creating reusable components in Angular requires balancing flexibility with technical requirements. This guide explores using ng-content and ng-template for content projection, discussing their suitability for various scenarios. The unified slot definition approach offers a flexible way to manage content in low-level components, emphasizing the importance of context and customization in UI components.
Very Good Ventures·1y10 Reasons To Choose Flutter for Your Mobile App
Flutter, Google’s open-source UI toolkit, enables efficient cross-platform development with a single codebase for iOS, Android, web, and desktop. With features like hot reload, customizable widgets, and high performance, Flutter is cost-effective and delivers a great user experience. Backed by Google and supported by a strong community, it’s a future-proof choice for mobile app development, used by big brands and startups alike.
Chrome Developers·1yNew in Chrome 133
Chrome 133 introduces advanced capabilities for the CSS attr() function, allowing more types and usage in all CSS properties. New CSS scroll state container queries enable styling based on a container's scroll state, and CSS text-box-trim and text-box-edge properties offer precise control over vertical text alignment. Other features include Animation.overallProgress, Node.prototype.moveBefore, FileSystemObserver interface, and PublicKeyCredential.getClientCapabilities() method.
CSS-Tricks·1yContainer query units: cqi and cqb
Container query units like `cqi` and `cqb` allow sizing elements based on the size of their container instead of the viewport. `cqi` represents the inline size unit, and `cqb` handles the block size. Additionally, `cqmin` and `cqmax` units evaluate the larger of the container's inline or block size to determine their value, adding flexibility for responsive design.
CSS-Tricks·1yTypecasting and Viewport Transitions in CSS With tan(atan2())
Using the `tan()` and `atan2()` trigonometric functions in CSS, developers can typecast viewport lengths to integers, enabling various responsive design possibilities such as animations and transitions. This technique allows for the creation of dynamic layouts by converting viewport width to an integer variable, which can then be scaled and manipulated to different unit values. Furthermore, the introduction of a `--wideness` variable permits smooth interpolation of properties such as opacity, rotation, and offset-distance based on screen size.
