Dev World·1y🚀 Frontend Designers & Developers, Meet Your New Best Friend! 🎨💻
Discover an incredible resource for frontend designers and developers with calltoinspiration.com. This site offers a vast collection of beautifully designed web components like forms, alerts, tabs, dropdowns, and cards. It's perfect for elevating your projects and unleashing your creativity. Check it out to design better and faster.
Community Picks·1ySuper Color Palette
Super Color Palette lets you create, export, and save color palettes for free without ads. Use shifting techniques for hue, saturation, and lightness to generate diverse palettes quickly. Adjust individual colors, entire palettes, or generate palettes from hex codes and images. It supports different color harmonies and models and offers features like accessibility checking, custom easing, and preview options. Join the Patreon for updates and optional support.
Web Tools Weekly·1yTop 30 Tools of 2024
Discover the top 30 tools of 2024, which include various CSS and JavaScript libraries, frameworks, and UI components. Learn about solutions for improving sleep quality by neutralizing harmful EMFs, and explore how to support the newsletter creator through various means. Notable tools featured include Beer CSS, VTable, Tini, and Batman-Comic.CSS.
Ahmad Shadeed·1yBalancing Text In CSS
Text balancing in CSS is explored with features like `text-wrap: balance` and `text-wrap: pretty` to ensure even text distribution. These techniques are helpful in addressing challenges with dynamic content and varying browser behavior. Practical examples and demos show how text balance can enhance readability in different scenarios.
Community Picks·1yBuilding a Design System as a Solo designer in a startup
The post shares a detailed experience of building a design system as a solo designer in a startup environment. It highlights the challenges of creating an efficient design infrastructure, the process of learning and setting up components and documentation, and the importance of collaboration with engineering teams. The journey includes transitioning from initial failures to a more robust version using tools like ShadCN UI, Supernova, and AI integrations, resulting in significant improvements in product usability and company revenue.
CSS-Tricks·1yThe Mistakes of CSS
CSS, initially designed in 1996 to style documents, has grown significantly, leading to quirks and inconsistencies like the behavior of z-index and defaults in background-repeat. These issues persist due to the technical debt of existing websites. The CSS Working Group recognizes these complications and continuously aims to improve the language while maintaining backward compatibility.
CSS-Tricks·1yRevisiting CSS Multi-Column Layout
CSS Multi-Column Layout, introduced nearly 20 years ago, allows for dividing content into columns without extra markup. Despite its potential, it remains underused due to past browser support issues and usability concerns. Modern CSS features like container queries and properties such as column-span improve its readability and flexibility. Designers and developers should reconsider the layout for enhancing web design.
Medium·1yMastering Scrollable in Flutter
Discover how the Scrollable superclass in Flutter works, including notifications, scroll physics, and handling viewport dimensions. Learn the nuances of managing different types of scrollable widgets like ListView, CustomScrollView, and SingleChildScrollView. The guide explains key properties such as scrollDelta, metrics, dragDetails, and how to implement scroll notifications and custom scroll physics. It also covers scenarios involving transformed views during scrolling and offers tips for efficiently managing dynamic content within scrollable areas.
DesignCourse·1yCan you use Fake Projects in your Portfolio?
Using fake projects in a design portfolio can be beneficial, allowing designers to showcase their skills without client constraints. The process involves using tools like Figma, MidJourney AI, and Claude AI to create realistic-looking designs. Taking it a step further by implementing the designs with HTML, CSS, or no-code tools like Framer can add credibility, especially for those with front-end development skills.
