Lmst

#Webdevelopment

Switching Pip to Uv in a Dockerized Flask / Django App

https://nickjanetakis.com/blog/switching-pip-to-uv-in-a-dockerized-flask-or-django-app

#HackerNews #SwitchingPipToUv #DockerizedFlask #DjangoApp #PythonDevelopment #WebDevelopment

Neuer Artikel im Blog:

TYPO3 v13-Zertifizierungen sind da!

https://wwagner.net/blog/a/typo3-v13-zertifizierungen-sind-da

#TYPO3 #Zertifizierung #WebDevelopment

A Guide to Understanding and Using React Server Components

https://www.writeforustech.net/2025/06/react-server-components-guide.html

Learn how React Server Components enhance performance by splitting rendering between server and client. This guide explains their benefits, use cases, and how to implement them effectively in modern web apps.

#ReactServerComponents
#ReactJS
#WebDevelopment
#FrontendPerformance
#ServerSideRendering
#ModernWebApps
#JavaScript
#ReactDevelopers
#FullStackDevelopment
#React2025

🎙️ Sergès Goma, Javascript Fullstack Developer at Eveasoft, & Helvira Goma, Software Engineer at sunday, made an appearance at #Webdevcon and we had the pleasure to interview them! watch their interview now: https://webdevcon.nl/session/interview-with-serges-goma-helvira-goma/

#webdevelopment

In general, we can vary any of the four RGBA channels from 0% to 100% along the gradient line while keeping the other three fixed (custom chosen, but having that same custom value everywhere along the gradient line).

Interactive demo on @codepen https://codepen.io/thebabydino/full/ByNVrKL

#SVG #CSS #JS #filter #svgFilter #cssGradient #code #coding #frontend #web #dev #webDev #webDevelopment

So what else could we do? Use an SVG filter!✨

Set the #CSS gradient as one with two end stops and no steps and apply a super simple #SVG #filter (same idea as here https://mastodon.social/@anatudor/114703583973454917 ) that makes it stepped.

Works for all gradient types - see this @codepen demo https://codepen.io/thebabydino/pen/raVrZQN 😼

#cssGradient #code #coding #frontend #web #dev #webDevelopment #webDev #svgFilter #cssVariables

Different types of gradients (linear, radial, conic) turned stepped via a simple SVG `filter`.

Using CSS variables solves both these problems, but we cannot use #CSS variables inside the #Sass `mix()` function, we have to use the CSS `color-mix()`. This means the compiled output looks way uglier.

You can check it out in this @codepen demo https://codepen.io/thebabydino/pres/bNdjKwJ

#cssGradient #code #coding #frontend #web #dev #webDev #webDevelopment #cssVariables

Screenshot of the modified Sass mixin using CSS variables and `color-mix()`. On the right, we also have a DevTools panel open, showing the changing one of the end steps changes all intermediary ones this way.

```
@use 'sass:math';

// $n: number to round to a certain precision
// $p: rounding precision, how many decimals to keep
@function round-to($n, $p: 2) {
@return round($n*math.pow(10, $p))*math.pow(10, -$p)
}

// $c0: gradient start
// $c1: gradient end
// $n: number of steps
// $p: rounding precision, how many decimals to keep
@function stop-list($c0, $c1, $n, $p: 2) {
$l: (); // list of stops

@for $i from 0 to $n {
$l: $l,
if($i > 0,
if($i < $n - 1,
color-mix(in srgb, $c1 round-to($i*100%/($n - 1), $p), $c0),
$c1),
$c0)
// 1st stop position for each stop
// not set (empty '') for very first stop
if($i > 0, 0, unquote(''))
// 2nd stop position for each stop
// not set (empty '') for very last stop
if($i < $n - 1, round-to(($i + 1)*100%/$n, $p), unquote(''))
}

@return $l
}

p {
background: linear-gradient(90deg, stop-list(var(--c0), var(--c1), 10))
}
```

```
p {
background: linear-gradient(90deg,
var(--c0) 10%,
color-mix(in srgb, var(--c1) 11.11%, var(--c0)) 0 20%,
color-mix(in srgb, var(--c1) 22.22%, var(--c0)) 0 30%,
color-mix(in srgb, var(--c1) 33.33%, var(--c0)) 0 40%,
color-mix(in srgb, var(--c1) 44.44%, var(--c0)) 0 50%,
color-mix(in srgb, var(--c1) 55.56%, var(--c0)) 0 60%,
color-mix(in srgb, var(--c1) 66.67%, var(--c0)) 0 70%,
color-mix(in srgb, var(--c1) 77.78%, var(--c0)) 0 80%,
color-mix(in srgb, var(--c1) 88.89%, var(--c0)) 0 90%,
var(--c1) 0)
}
```

Given the end steps (00272b & e0ff4f) + a number n of steps, create a gradient with n equal & equidistant steps.

Generating them in a #Sass loop is always an option, but every gradient with different end steps gets its own long stop list & modifying an end step in DevTools doesn't change ALL steps. 🥴

You can see it in the live demo https://codepen.io/thebabydino/pen/xbxeyOM

#cssGradient #code #coding #frontend #web #dev #webDev #webDevelopment

sass-mix-with-hex.scss file:

```
@use 'sass:math';
// $c0: gradient start
// $c1: gradient end
// $n: number of steps
// $p: rounding precision, how many decimals to keep
@function stop-list($c0, $c1, $n, $p: 2) {
$l: (); // list of stops, initially empty

@for $i from 0 to $n {
$l: $l, mix($c1, $c0, $i*100%/($n - 1))
// 1st stop position for each stop
// not set (empty '') for very first stop
if($i > 0, 0, unquote(''))
// 2nd stop position for each stop
// not set (empty '') for very last stop
if($i < $n - 1, round(($i + 1)*100%/$n*math.pow(10, $p))*math.pow(10, -$p), unquote(''))
}
@return $l
}

.step {
background:
linear-gradient(90deg, stop-list(#00272b, #e0ff4f, 10))
}
```

Compiled sass-mix-with-hex.css file:

```
.step {
background:
linear-gradient(90deg,
#00272b 10%, #193f2f 0 20%, #325833 0 30%, #4b6f36 0 40%, #64873b 0 50%,
#7c9f3f 0 60%, #95b743 0 70%, #aecf47 0 80%, #c7e74b 0 90%, #e0ff4f 0)
}
```

Python is a popular high-level programming language used in various fields, including web programming, artificial intelligence, and data processing. It offers many standard libraries and packages that contain code written before for particular system functions and tasks. 🐍

This guide will show you how to install Python on Debian 12 using various methods.

Keep reading:👇
https://greenwebpage.com/community/how-to-install-python-on-debian-12/

#python #programming #webdevelopment #debian #linuxadministration #greenwebpage

From our blog: Leanpub book LAUNCH 🚀 Beyond Prompt Engineering: The Revolutionary Way to Learn Augmented Thinking by Ed Barnard

https://leanpub.com/blog/leanpub-book-launch-beyond-prompt-engineering-the-revolutionary-way-to-learn-augmented-thinking-by-ed-barnard

#books #ebooks #booklaunch #AugmentedThinking #PromptEngineering #AI #HumanComputerInteraction #LeanpubPodcast #SoftwareDevelopment #CrayResearch #WebDevelopment #MachineLearning #FutureOfWork

I’ve seen agencies go from dreading web projects to making them a highlight of their service menu, all because their handoffs got rock-solid.

Read more 👉 https://lttr.ai/Afodk

#nonprofit #webdevelopment #userexperience

P3 Color Palette Modernized in Tailwind CSS 4 ! 🇺🇸
🔎Zoom: https://nubecolectiva.com/comunidad/flyers/modernized-color-palette-tailwind-css4/

Paleta de Colores P3 Modernizada en Tailwind CSS 4 ! 🇪🇸
🔎Zoom: https://nubecolectiva.com/comunidad/flyers/paleta-colores-modernizada-tailwind-css4/

#programming #coding #programación #webdevelopment #devs #softwaredevelopment #tailwindcss

P3 Color Palette Modernized in Tailwind CSS 4 !

Types of Variables in C#

Tipos de Variables en C#

👉 https://nubecolectiva.com/blog/tipos-de-variables-en-c-9/

#programming #coding #programación #webdevelopment #devs #softwaredevelopment #csharp

Modern Thymeleaf Bundle https://leanpub.com/b/modern-thymeleaf-bundle by Wim Deblauwe is the featured bundle of ebooks 📚 on the Leanpub homepage! https://leanpub.com #Java #Html #WebDevelopment #Software #Javascript #books #ebooks wimdeblauwe@mastodon.social

Our latest blog post at Silphium Design delves into sustainable web design. It’s not just about being eco-conscious; it’s about creating faster, more efficient, and user-friendly websites. A win for the planet and your business.

Check out the 4 key strategies.

#SustainableWebDesign #GreenTech #WebDevelopment #OpenSource

https://silphiumdesign.com/sustainable-web-design-the-planet-your-business/

A drawing of computer components and a website on a gray background.

Rapid URL Indexer's comprehensive RESTful API documentation is now available! Learn how to manage indexing projects, track status, and generate reports with our authenticated endpoints. Our API supports project creation, status monitoring, and credit balance checking - all with proper error handling and rate limiting. Read the full documentation including OpenAPI 3.1 specification for easy integration. #RapidURLIndexer #APIReference #WebDevelopment https://rapidurlindexer.com/indexing-api/

Build powerful RESTful APIs with ColdFusion and cfScript! 🚀 Dive into expert tips on database integration, security, and deployment for modern web services. #ColdFusion #RESTAPI #WebDevelopment

https://bdking71.wordpress.com/2025/06/23/unlocking-restful-power-building-apis-in-coldfusion-using-cfscript-like-a-pro/?utm_source=mastodon&utm_medium=jetpack_social

Client Info

Server: https://mastodon.social

Version: 2025.04

Repository: https://github.com/cyevgeniy/lmst