Bootstrap Studio A powerful desktop app for creating responsive websites using the Bootstrap framework.
Source: Bootstrap Studio – The Revolutionary Web Design Tool
My bookmarks and blogposts regarding Web Development in Angular, JavaScript, CSS, Html, C# and .NET
Bootstrap Studio A powerful desktop app for creating responsive websites using the Bootstrap framework.
Source: Bootstrap Studio – The Revolutionary Web Design Tool
Pinegrow Web Editor, website builder for professionalsPinegrow is a Mac, Windows and Linux web editor that lets you build modern websites faster with live multi-page editing, CSS & SASS styling, CSS Grid editor and support for Bootstrap, Tailwind CSS and WordPress.Pinegrow is a desktop website editor that opens and saves standard HTML and CSS files.
Source: Pinegrow Web Editor | Website Builder for Professionals
Source: Flex Cheatsheet
Here is a table to understand the behaviors of all the different values for property white-space:
New lines | Spaces and tabs | Text wrapping | |
---|---|---|---|
normal | Collapse | Collapse | Wrap |
pre | Preserve | Preserve | No wrap |
nowrap | Collapse | Collapse | No wrap |
pre-wrap | Preserve | Preserve | Wrap |
pre-line | Preserve | Collapse | Wrap |
Source: white-space | CSS-Tricks
Extract CSS and build beautiful styleguides. 🔎 No more digging in a code. Inspect styles in a simple, well-organized & beautiful way. Get it now! CSS Peeper is a CSS viewer tailored for Designers. Get access to the useful styles with our Chrome extension. Our mission is to let Designers focus on design, and spend as little time as possible digging in a code. Ever wondered what’s the line-height, font or a button size on a website? We provide you the ultimate tool to satisfy your curiosity. We enable you to inspect code in the easiest possible way. Check the hidden CSS style of objects, colors and assets on the web.
Source: CSS Peeper – Chrome Web Store
Handling errors properly is essential in building a robust application in Angular. Error handlers provide an opportunity to present friendly information to the user and collect important data for development. In today’s age of advanced front-end websites, it’s more important than ever to have an effective client-side solution for error handling.
An application that does not handle errors gracefully leaves its users confused and frustrated when the app suddenly breaks without explanation. Handling these errors correctly across an application greatly improves user experience. Collected data from the error handling can inform the development team about important issues that slipped past testing. This is why monitoring tools like Rollbar are so important.
In this article, we will compare several solutions for error handling in Angular apps. First, we will describe the traditional approaches using
ErrorHandler
andHttpClient
. Then, we will show you a better solution usingHttpInterceptor
. We’ll also show you how to use this interceptor to monitor and track errors centrally in Rollbar.
Source: Error Handling with Angular 8 – Tips and Best Practices
I’m thrilled to announce that Blazor WebAssembly is now officially released. This is a fully-featured and supported release of Blazor WebAssembly that is ready for production use. Full stack web development with .NET is now here!
Source: Blazor WebAssembly 3.2.0 now available | ASP.NET Blog
Great icon library with lots of categories, searchable tags and good pricing.
Source: Streamline 3.0
Use Interpolate: body height: calc(100% – #{$body_padding})
Source: css3 – Sass Variable in CSS calc() function – Stack Overflow