Product Hunt·3yplayCSS - Improve your CSS skills by playing daily challenges 💪
PlayCSS was hunted by Frank Eno in Design Tools and Developer Tools. PlayCSS is not rated yet. The easiest way to translate a website Support is great. "Feel free to leave some feedback about this project, it will mean a lot to me," says the makers of playCSS.
UX Planet·3yWhat is Glassmorphism
The goal of glassmorphism design is to create an interface that looks like an assortment of glassy panels hovering in the background space. All elements in this design style have a translucent/transparent look. When these elements are placed on colorful backgrounds, the glass effect is accentuated. It can also be used to design windows or widgets.
Community Picks·3yTabler Icons: over 4650 vector icons for web design
Free and open source icons designed to make your website or app attractive, visually consistent and simply beautiful. Tabler Icons: over 4650 vector icons for web design Over 4650 pixel-perfect icons. Available packages: Free and open-source icons.
Pointer·3ynuejs/nuejs: Build user interfaces with cleaner code. Alternative to React, Vue, and Svelte
Nue JS is a small JavaScript library for building web interfaces with cleaner code. It offers a minimalist approach and easy-to-understand code, making it easier to scale. Nue supports server-side rendering and can be used for UI library development, progressive enhancement, static website generators, and single-page applications.
UX Planet·3yTypography Trends in Web Design 2023
The importance of typography in web design keeps waxing and waning every few years. In 2023, the web typography world has enjoyed an explosion of creativity. Richer typefaces, 3D styles, bold fonts, and various other interesting typography trends have taken over the world of web design.
DZone·3yBest 15 CSS Trends To Watch For
The days are long gone when a viewer’s attention is quickly captured by a simple and plain HTML website. Cascading Style Sheets, or CSS, is an ideal way to spice up your web design. According to W3Techs, as of January 2023, approximately 96.9% of websites use CSS.
UX Planet·3yMobile-First Design Guide 2023
Mobile-first is a design approach in which we start the product design process from the mobile end. In 2012, 10.88% of all global web traffic came through mobile phones. In 2023, that figure was a whopping 56.86%! Mobile searches have accounted for over 50% ofall searches on Google for the past four years.
UX Planet·3yMobile UI Trends 2024 That Will Set You Apart
Mobile UI Trends 2024 That Will Set You Apart are poised to revolutionize your approach and elevate your startup's success. The Metaverse integration is the latest buzzword in tech, and integrating metaverse into your mobile UI can set you apart. In 2024, secure and tamper-proof data transactions within mobile apps are a must.
UX Planet·3yFirst step to becoming a self-taught UX/UI designer.
First step to becoming a self-taught UX/UI designer is getting familiar with the basics of UI and UX design. Learn typography basics like serif vs. sans serif fonts, font pairings, line height, letter spacing, etc. Take note of how colors make you feel on websites and apps you visit.
LambdaTest·3yMastering Cypress Viewport: Testing Your Responsive Designs
Mastering Cypress Viewport: Testing Your Responsive Designs | LambdaTest Mastering Cypresses Viewport. The viewport directly impacts the user experience. By testing the viewport, you can ensure that the content is displayed optimally within the visible area, avoiding cut-off text, overlapping elements or the need for excessive scrolling.
Hacker Noon·3y10 Essential Mobile App UI Design Principles for Building Outstanding Apps
Good mobile app UI design is crucial for user satisfaction and success. This article discusses 10 essential principles of mobile app UI design, including simplicity and clarity, visual hierarchy, responsive design, consistent branding, user-friendly forms, intuitive navigation, accessibility and inclusivity, feedback and response, streamlined onboarding, and user testing and iteration.
Community Picks·3yBehind the scenes of designing a design system component
Rama Krushna Behera shares his insights and experiences behind the scenes of designing a design system component. The process starts with auditing existing components in different products across all business units of Razorpay. This article will briefly answer both of these questions and I hope to give you some clarity by the end.
UX Planet·3yChoosing colors for your desing in 3 simple steps
Learn how to choose colors for your design in 3 simple steps: prepare your layout design grayscale, select a base color based on the message you want to communicate, create a color palette that works well with the base color, and apply the colors to your design using the 60-30-10 rule.