Search results

0
0
0
0
0
0
0
0
0
JCF 🍻 🎸 🇨🇵 💻🐧 @JCF@diaspodon.fr
Public

Avis à la population

Jeune étudiante en 1ere année BTS info. SIO cherche un stage sur Paris pour deux mois à compter de mai (oui c'est demain) jusqu’à juin selon le planning donné par l’école . Une durée plus longue serait aussi bénéfique. Si l’entreprise peut donner la possibilité d’avoir l’alternance elle serait aussi ravie car elle l’envisage pour l’année prochaine.

Pour toute personne intéressée, me contacter en MP pour passer le CV.

0
0
0
Unicorn @unicorn@fosstodon.org
Public

@amoatengJohanan Oppong Amoateng has put together an initial roadmap to get Unicorn to a stable 1.0 release. 🤩

We'd love your feedback! What would be most useful for Unicorn going forward? How can we set it up for improved support and adoption in the ecosystem?

github.com/adamghill/django-un

This is a proposal to help organize and prioritize work on django-unicorn so maintainers and contributors can make informed decisions about the project's direction. Current State Django-unicorn is ...

Proposed Roadmap for django-unicorn · adamghill django-unicorn · Discussion #768

This is a proposal to help organize and prioritize work on django-unicorn so maintainers and contributors can make informed decisions about the project's direction. Current State Django-unicorn is ...

github.com · GitHub

0
0
0
adamghill @adamghill@indieweb.social
Public

Released 0.25.0 of dj-angles, a way to use elements instead of the Template Language.

- Add error boundaries: dj-angles.adamghill.com/en/lat
- Add `django-components` integration: django-components.github.io/dj

Plus, lots of bugs have been squashed, faster parsing, and improved stability. 🙌

📖 dj-angles.adamghill.com/en/lat
🛠️ github.com/adamghill/dj-angles
📦 pypi.org/project/dj-angles/

dj-angles error boundaries example
0
0
0
0
0
0
0
0
0
0
0
0
adamghill @adamghill@indieweb.social
Public

Just published 0.6.0 of refreshcss, a pure library to clean unused .

- Much better modern CSS support via pypi.org/project/tinycss2/, i.e. can now parse Bulma 1.x.
- Use pypi.org/project/justhtml/ for parsing instead of just using regex.
- Much improved performance, i.e. can now reasonably parse the entire 3 MB Tailwind file on the fly! 🚀

🛠️ github.com/adamghill/refreshcss
📦 pypi.org/project/refreshcss/

Client Challenge

pypi.org

0
0
0
0
0
0
0
0
0
Sherri W (SyntaxSeed) @syntaxseed@phpc.social
Public

Heartbreaking update from . They had to lay off 75% of their staff yesterday due to driven losses.

I really don't see how the industry survives this. The days of making your source and your docs open to the public is quickly disappearing.

github.com/tailwindlabs/tailwi

Add /llms.txt endpoint that serves a concatenated, text-only version of all Tailwind CSS documentation pages optimized for Large Language Model consumption. Extract text from MDX files, removing J...

feat: add llms.txt endpoint for LLM-optimized documentation by quantizor · Pull Request #2388 · tailwindlabs/tailwindcss.com

Add /llms.txt endpoint that serves a concatenated, text-only version of all Tailwind CSS documentation pages optimized for Large Language Model consumption. Extract text from MDX files, removing J...

github.com · GitHub

0
0
0
Terence Eden’s Blog @blog@shkspr.mobi
Public

Drunk CSS

shkspr.mobi/blog/2025/09/drunk

A decade ago, I was writing about how you should test your user interface on drunk people. It was a semi-serious idea. Some of your users will be drunk when using your app or website. If it is easy for them to use, then it should be easy for sober people to use.

Of course, necking a few shots every time you update your website isn't great for your health - so is there another way?

Click the "🥴 Drunk" button at the top of the page and see what happens!

These are a relatively simple set of CSS rules which you can apply to any site in order to simulate inebriation.

(I may have changed these since writing the post. Check the source for the latest version.)

First, monkey around with the fonts. This sets all the lower-case vowels to be rendered in a different font - as discussed in "targetting specific characters with CSS rules":

 CSS/* Drunk */
@font-face {
    font-family: "Drunk";
    src: url("/blog/wp-content/themes/edent-wordpress-theme/assets/fonts/CommitMonoV143-Edent.woff2") format("woff2");
    /* Lower-Case Vowels */
    unicode-range: U+61, U+65, U+69, U+6F, U+75 ;
    size-adjust: 105%;
}

The rest of the characters will be rendered in the system's default Cursive font. Characters will also be slanted. The first character of every paragraph will be shrunk:

 CSS:root:has(input#drunk:checked) * {
    font-family: "Drunk", cursive;
    font-style: oblique -12deg;
    text-align: end;
}
:root:has(input#drunk:checked) p::first-letter {
    font-size: .5em;
}

Next, use the child selectors to rotate and skew various elements. While we wait for CSS randomness to come to all browsers this is a simple way to select various elements:

 CSS:root:has(input#drunk:checked) *:nth-child(3n) {
    transform: rotate(2deg);
}
:root:has(input#drunk:checked) *:nth-child(5n) {
    transform: skew(5deg, 5deg);
}
:root:has(input#drunk:checked) *:nth-child(7n) {
    transform: rotate(-3deg);
}

Make the entire page blurred and saturate the colours:

 CSS:root:has(input#drunk:checked) body {
    filter: blur(1px) saturate(2.5);
}

Make any hyperlink harder to click by having it gently bounce up and down:

 CSS:root:has(input#drunk:checked) a  {
    animation-name: bounce;
    animation-duration: 4s;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
@keyframes bounce {
    0%   { margin-top:  0px; }
    25%  { margin-top:-10px; }
    50%  { margin-top:  0px; }
    75%  { margin-top: 10px; }
    100% { margin-top:  0px; }
}

Does this really simulate drunkenness? No. It is a pale simulacrum. What it is, however, is deliberately inaccessible to the majority of people.

How does it make you feel using the site in Drunk-Mode? Does it frustrate you? Do your eyes hurt due to the garish colour scheme? Do you keep missing the thing that you try and click on? Are the words so hard to read that it takes you extra time to do anything useful? Will you recommend this experience to your friends and family?

I've written before about cosplaying as being disabled. Strapping on a pair of Glaucoma Goggles will give you an idea of what a visual impairment is like. But it won't give you the experience of living that way for months or years.

You should test your stuff with people who have cognitive impairments or physical disabilities. Find out how usable your site is for someone lacking fine motor control or for those with learning disabilities. Pay disable people to take part in usability studies. Integrate their feedback.

Faffing around with CSS will only get you so far.

Screenshot of the homepage all askew.

Drunk CSS

A decade ago, I was writing about how you should test your user interface on drunk people. It was a semi-serious idea. Some of your users will be drunk when using your app or website. If it is easy for them to use, then it should be easy for sober people to use. Of course, necking a few shots every time you update your website isn't great for your health - so is there another way? Click the "🥴 …

shkspr.mobi · Terence Eden’s Blog

0
0
0
0
0
0
0
0
0
N-gated Hacker News @ngate@mastodon.social
Public

🤦‍♂️ Oh, look! Someone discovered you can throw random gibberish into and browsers won’t implode! 🎉 Next revelation: water is wet. Has the internet run out of actual content, or are we just taking "creativity" in coding to new nonsensical heights? 💻🔧
maurycyz.com/misc/make-up-tags/

You can make up HTML tags: (Maurycy's blog)

maurycyz.com

0
0
0
MauroGata @MauroGata@mastodon.social
Public

At www.unicode.org/charts a lot of symbols, characters and so on.
How to insert them in a website? With &; in the html, where the "CODE" is the decimal translation of the hex in the unicode charts.
A tool to convert from hex to decimal here binaryhexconverter.com/hex-to-

Hexadecimal to Decimal Converter

Hexadecimal to decimal converter helps you to calculate decimal value from a hex number up to 16 characters length, and hex to dec conversion table.

www.binaryhexconverter.com

0
0
0
0
0
0
Asbjørn Ulsberg @bitbear@icosahedron.website
Public

The untold history of web development:

1990: HTML invented.
1994: CSS invented to fix HTML.
1995: JS invented to fix HTML/CSS.
2006: jQuery invented to fix JS.
2010: AngularJS invented to fix jQuery.
2013: React invented to fix AngularJS.
2014: Vue invented to fix React & Angular.
2016: Angular 2 invented to fix AngularJS & React.
2019: Svelte 3 invented to fix React, Angular, Vue.
2019: React hooks invented to fix React.
2020: Vue 3 invented to fix React hooks.
2020: Solid invented to fix React, Angular, Svelte, Vue.
2020: HTMX 1.0 invented to fix React, Angular, Svelte, Vue, Solid.
2021: React suspense invented to fix React, again.
2023: Svelte Runes invented to fix Svelte.
2024: jQuery still used on 75% of websites.

(By twitter.com/fireship_dev)

x.com · X (formerly Twitter)

0
0
0
marius @mariusor@metalhead.club
Public

Today was the first time in my career I've actually used the <ruby> tag.

Granted I'm not using it exactly what it was designed for, but it's a decent compromise in having a fat icon accompanied by a small explanatory text, as opposed to doing this with a lot more CSS and some other semantically uninteresting containers.

A detail from a screenshot of a web page focusing on a link element meant to be repositioning the viewport at the top of the page. The link text is composed of an arrow pointing up, with a smaller text underneath that says "top" in small caps, and having the link title being shown as a tooltip: "Go to the top".
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
1
0
0
0
0
0
0
adamghill @adamghill@indieweb.social
Public

0.2.0 of django-new has been released. 🎉

`uvx django-new [--api] [--web] [--worker] name [folder]`

- Basic project and app creation for APIs, websites, and worker use cases.
- Optionally create minimal applications similar to DEP-15 (aka, all files in one folder).
- Slightly opinionated folder structure to get you going, but no major decisions that force you into a corner.
- Only includes a few lukewarm takes.

🛠️ github.com/adamghill/django-new
📦 pypi.org/project/django-new/

django-new is designed to be used with uvx or pipx. uvx django-new [--api] [--web] [--worker] name [folder] django-new has some opinions about the folder structure and what files are most useful for certain use cases. For example, config is used to store "project-level" files like settings.py. The --api, --web, and --worker flags can be used as an additional modifier to create a specific type of application. Along with the typical Django files, django-new also creates a few typically used files (if they do not already exist) when creating a new project: - .env - Environment variables - .gitignore - git ignore patterns - pyproject.toml - Python project configuration (PEP 621 compliant) - README.md - Project documentation Create a new API uvx django-new --api name [folder]
0
0
0
0
0
0

Unsure Calculator

Giovanni's (@gla@mastodon.social) bookmarks @ubnt@betula.tail3c2d2c.ts.net

Unsure Calculator

The Uncertainty Calculator enables users to perform calculations using precise numbers and ranges (e.g., 4 or 4 ± 6) to express uncertainty. It simplifies statistical reasoning for everyday decisions, helping users gauge potential financial outcomes in uncertain situations.

Key Features

  • Input both exact numbers and ranges with a tilde (~) to denote uncertainty.

  • Operates on basic mathematical operations: addition, subtraction, multiplication, and division, and supports functions like exponentiation, square roots, and trigonometric functions.

  • Utilizes a Monte Carlo method for computations, providing a probabilistic range of results.

  • Design is basic and intentionally user-friendly, aiming to empower those without deep statistical knowledge.

Limitations

  • Calculation speed is slower due to Monte Carlo simulations, and the formula parser may show errors.

  • Only normal distributions are assumed for ranges, providing a simplified model for uncertainty.

Practical Applications

  • Estimate financial viability of business ideas, calculate potential investment returns, assess risks, and more, all accounting for uncertainty in key variables.

#html, #programming, #webapp

Read more →
0
0
0
0
0
0
Alvaro Montoro @alvaromontoro@front-end.social
Public

An article about triangles and CSS. I have always said that using borders to draw triangles with CSS is a hacky solution and shouldn't be used... but there are exceptions.
alvaromontoro.com/blog/68086/d

Spoiler alert: they involve logical properties... and most places that suggest using borders still use physical properties instead.

Drawing Triangles with CSS Using Borders... an Exception

A long time ago, I wrote an article about drawing triangles in CSS, and explained why the common border-based approach was far from ideal and should generally be avoided. In this article, I revisit a scenario where using borders might actually be convenient. :: Blog post at Alvaro Montoro's Personal Website.

alvaromontoro.com

0
0
0