How to build your own SAAS business
Read more:
dev.to/kwnaidoo/how-to-build-your-own-saas-business-2op0
Pico.css • Minimal CSS Framework for semantic HTML
picocss.com/
Super Useful CSS Resources 🌈 – DEV Community
dev.to/lissy93/super-useful-css-resources-1ba3
How to set width for table columns in CSS
Tables in html behaves differently than other elements on a page since the table, rows, th and td elements are displayed in a special way. The column width is automatically adjusted based on the content.
Here is a trick to set the column width using the colgroup element which affects both the th and td at once.
A table with 3 columns and 2 rows:
<table> <colgroup> <col class="col-select" /> <col class="col-product" /> <col class="col-country" /> </colgroup> <thead> <tr> <th>Select</th> <th>Product</th> <th>Country</th> </tr> </thead> <tbody> <tr> <td><input type="checkbox">Select</td> <td>Product 1</td> <td>Sweden</td> </tr> <tr> <td><input type="checkbox">Select</td> <td>Product 2</td> <td>Norway</td> </tr> </tbody> </table>
We have 3 columns: Select, Product and Country
To set the widths we use css classes col-select and so on.
.col-select { width: 1%; } .col-product { width: 75%; } .col-country { width: 24%; }
Here we set the select to be as “narrow” as possible (1%). And the others to relative % numbers.
To further “force” the widths we should allow long words to be wrapped, e.g add the following css class for the columns you wish this behavior for:
.text-break { overflow-wrap: break-word; }
Usage:
<colgroup> <col class="col-select" /> <col class="col-product text-break" /> <col class="col-country text-break" /> </colgroup>
Whimsical – simple diagram tooling for software development
Whimsical combines whiteboards and docs in an all-in-one collaboration hub.
Flow charts, mind maps, wireframes
Master Angular 17 (a study guide)
Changes and new features
In this article, I list out the most important changes and new features, also share resources that will teach you how these new Angular features work:
- New, declarative control flow
- Deferred loading blocks
- View Transitions API support
- Support for passing in
@Component.styles
as a string - Angular’s animations code is lazy-loadable
- TypeScript 5.2 support
Additional important changes:
Tabnine Unveils AI Assistant for Visual Studio 2022, Chat Beta — Visual Studio Magazine
C# .NET – Generate error message when “async void” is used in code
The mentioned AsyncFixer extension and Nuget Package are super useful when dealing with async code. They both package a Roslyn analyzer that detects many async issues and provides an automatic fix for them as well in most cases. Using the .editorconfig in Visual Studio you can configure specific warnings as errors:
[*.cs] # AsyncFixer03: Fire-and-forget async-void methods or delegates dotnet_diagnostic.AsyncFixer03.severity = error
And you can set that straight from the Solution Explorer in case you’ve a
Source: c# – Generate error message when “async void” is used in code – Stack Overflow
MindMup – free mind map tool
Create and share mind maps
Capture ideas at the speed of thought – using a mind map maker designed to help you focus on your ideas and remove all the distractions while mindmapping. Create unlimited mind maps for free, and store them in the cloud.
Source: MindMup