Exploring the Best Practices and Techniques in
Web Design to Create Beautiful and Effective Websites
Introduction to a Grid system A grid system serves as an aid for designers when building designs, helping them to create consistent user experiences and arrange information in a natural, informative manner. They utilize several common rules, including: Golden section...
Summary: created Sketch Script a hand drawn font that can be used with wireframes or sketches. Creative designers always need new fonts Typography is a world unto itself within the design universe. There are so many good great choices. To create a truly unique look...
The Utö Font is Stunning 😍 The Utö font is a typeface designed by Teo Tuominen, Erik Bertell, and Emil Karl Bertell for Fenotype. It is named after the island of Utö, which is located in southern Finland and is known for its austere simplicity. Similar things can be...
Summary: When dealing with CSS, understanding CSS specificity is essential. Specificity decides which CSS styles, and in what order, will be applied to an HTML element. There are ways to nuke even inline styles. CSS specificity We will go through the various sorts of...
Summary: Creating a UX/UI prototyping is a great way to test out a digital experience and get feedback before investing in engineering. It’s important to know the differences between simple and complex interactive prototypes when deciding which one is best for your...
Summary: Use Canva if you need a tool that is flexible and goes beyond just presentations. Use PowerPoint if you work in a Microsoft tech driven environment. Gone are the days of heated debates over which digital tools reign supreme. As remote work has become an...
Summary: As designers, we have the opportunity to create stunning visuals that are not only aesthetically pleasing but also user-friendly. That's why it's so important for us to take into account all of our users, including color blind users! Designing and building...
Summary: Looking to have some fun with color schemes and palettes? This blog post dives into the creative possibilities of crafting a UI Color Generator by utilizing chroma.js, jQuery and nes.css! Follow along as we break down how to build your own palette with a base...
Summary: Code snippets of a copy to clipboard JS snippet in JavaScript and a jQuery version. Copy text to clipboard Have you ever needed a snippet to copy text with JavaScript directly to your clipboard? If so, today is your lucky day — because we’re going to talk all...
Summary: Out of 25 design systems, Bootstrap, Material Design, Ant Design, Base Design, and Semantic UI garner the most interest online. Bootstrap and Material Design Dominate all other design systems We spent some time to review search trends, visibility, and...
Summary: For website or product improvements, it may be better to refresh an existing design and give it a creative facelift rather than beginning anew with a redesign. As a user experience designer, this approach has been successful many times with clients. Website...
Summary: IBM has created an awesome design system that puts the power in your hands to build amazing digital products and experiences. The Carbon Design System is centered around core principles and elements like colors, typefaces, layouts, and icons so you can create...