Discussion
Loading...

#Tag

  • About
  • Code of conduct
  • Privacy
  • Users
  • Instances
  • About Bonfire
Hacker News
@h4ckernews@mastodon.social  ·  activity timestamp 2 days ago

Django: what’s new in 6.0

https://adamj.eu/tech/2025/12/03/django-whats-new-6.0/

#HackerNews #Django #Django6 #WebDevelopment #Python #TechNews #SoftwareUpdates

  • Copy link
  • Flag this post
  • Block
Hacker News
@h4ckernews@mastodon.social  ·  activity timestamp 4 days ago

The f*** off contact page

https://www.nicchan.me/blog/the-f-off-contact-page/

#HackerNews #The #f*** #off #contact #page #HackerNews #WebDevelopment #UserExperience #ContactPage #Design

  • Copy link
  • Flag this post
  • Block
Hacker News
@h4ckernews@mastodon.social  ·  activity timestamp 4 days ago

Building a Toast Component

https://emilkowal.ski/ui/building-a-toast-component

#HackerNews #Building #a #Toast #Component #UI #Development #Component #Design #WebDevelopment

  • Copy link
  • Flag this post
  • Block
Hacker News
@h4ckernews@mastodon.social  ·  activity timestamp 5 days ago

Discovering the indieweb with calm tech

https://alexsci.com/blog/calm-tech-discover/

#HackerNews #indieweb #calmtech #technology #digitalwellbeing #webdevelopment

  • Copy link
  • Flag this post
  • Block
pvergain (framapiaf) boosted
Guillaume Tronix :nix: :emacs: :linux:
@gtronix@infosec.exchange  ·  activity timestamp 2 weeks ago

Try my new app 😊
Here is a demo link to my project, JollyRSS, a multi-user RSS subscription aggregator with filtering capabilities and user authentication. https://jollyrss.gtronix.tech/
#JollyRSS #RSSFeed   #RSS #WebDevelopment #Django #Demo

  • Copy link
  • Flag this post
  • Block
Hacker News
@h4ckernews@mastodon.social  ·  activity timestamp last week

Django 6

https://docs.djangoproject.com/en/6.0/releases/6.0/

#HackerNews #Django #Django6 #WebDevelopment #Python #Framework #ReleaseNotes

  • Copy link
  • Flag this post
  • Block
Hacker News
@h4ckernews@mastodon.social  ·  activity timestamp last week

NextJS Security Vulnerability

https://nextjs.org/blog/CVE-2025-66478

#HackerNews #NextJS #Security #Vulnerability #NextJS #Security #Vulnerability #Cybersecurity #WebDevelopment #SoftwareSecurity #CVE2025

  • Copy link
  • Flag this post
  • Block
Hacker News
@h4ckernews@mastodon.social  ·  activity timestamp last week

Free static site generator for small restaurants and cafes

https://lite.localcafe.org/

#HackerNews #FreeStaticSiteGenerator #SmallRestaurants #Cafes #WebDevelopment #LocalBusiness

  • Copy link
  • Flag this post
  • Block
Hacker News
@h4ckernews@mastodon.social  ·  activity timestamp 2 weeks ago

Trifold is a tool to quickly and cheaply host static websites using a CDN

https://www.jpt.sh/projects/trifold/

#HackerNews #Trifold #static #website #CDN #hosting #tool #webdevelopment #technews

  • Copy link
  • Flag this post
  • Block
Guillaume Tronix :nix: :emacs: :linux:
@gtronix@infosec.exchange  ·  activity timestamp 2 weeks ago

Try my new app 😊
Here is a demo link to my project, JollyRSS, a multi-user RSS subscription aggregator with filtering capabilities and user authentication. https://jollyrss.gtronix.tech/
#JollyRSS #RSSFeed   #RSS #WebDevelopment #Django #Demo

  • Copy link
  • Flag this post
  • Block
Hacker News
@h4ckernews@mastodon.social  ·  activity timestamp 2 weeks ago

Build Your Own Router with URLPattern()

https://jschof.dev/posts/2025/11/build-your-own-router/

#HackerNews #Build #Your #Own #Router #with #URLPattern() #webdevelopment #javascript #routers #codingtutorial

  • Copy link
  • Flag this post
  • Block
Hacker News
@h4ckernews@mastodon.social  ·  activity timestamp 2 weeks ago

WebR – R in the Browser

https://webr.sh/

#HackerNews #WebR #RInTheBrowser #DataScience #WebDevelopment #Programming

  • Copy link
  • Flag this post
  • Block
Hacker News
@h4ckernews@mastodon.social  ·  activity timestamp 2 weeks ago

Unifying our mobile and desktop domains

https://techblog.wikimedia.org/2025/11/21/unifying-mobile-and-desktop-domains/

#HackerNews #UnifyingDomains #MobileDesktop #TechBlog #Wikimedia #WebDevelopment

  • Copy link
  • Flag this post
  • Block
Hacker News
@h4ckernews@mastodon.social  ·  activity timestamp 2 weeks ago

It is ok to say "CSS variables" instead of "custom properties"

https://blog.kizu.dev/css-variables/

#HackerNews #CSSVariables #CustomProperties #WebDevelopment #FrontEndDesign #CodingTips

  • Copy link
  • Flag this post
  • Block
Roni Rolle Laukkarinen boosted
Ana Tudor 🐯
@anatudor@mastodon.social  ·  activity timestamp 3 weeks ago
Ana Tudor 🐯
@anatudor@mastodon.social  ·  activity timestamp 2 years ago

#tinyCSStip

Want the shadow of an element or some other visual to be a semitransparent version of the `currentColor`?

Use `color-mix()`!

Cross-browser, btw. 😼

#css #coding #frontend #webDev #webDevelopment

RE: https://mastodon.social/@anatudor/110688811266535252

Nowadays, we can do better:

```
box-shadow: 0 1px 2px
rgb(from currentcolor r g b/ .65)
```

Cross-browser since September 2024.

#tinyCSStip #CSS #code #coding #frontend #web #dev #webDev #webDevelopment

  • Copy link
  • Flag this post
  • Block
Hacker News
@h4ckernews@mastodon.social  ·  activity timestamp 3 weeks ago

The Mozilla Cycle, Part III: Mozilla Dies in Ignominy

https://taggart-tech.com/mozilla-cycle-pt3/

#HackerNews #MozillaCycle #MozillaDies #Ignominy #TechNews #WebDevelopment #OpenSource

  • Copy link
  • Flag this post
  • Block
Ana Tudor 🐯
@anatudor@mastodon.social  ·  activity timestamp 3 weeks ago
Ana Tudor 🐯
@anatudor@mastodon.social  ·  activity timestamp 2 years ago

#tinyCSStip

Want the shadow of an element or some other visual to be a semitransparent version of the `currentColor`?

Use `color-mix()`!

Cross-browser, btw. 😼

#css #coding #frontend #webDev #webDevelopment

RE: https://mastodon.social/@anatudor/110688811266535252

Nowadays, we can do better:

```
box-shadow: 0 1px 2px
rgb(from currentcolor r g b/ .65)
```

Cross-browser since September 2024.

#tinyCSStip #CSS #code #coding #frontend #web #dev #webDev #webDevelopment

  • Copy link
  • Flag this post
  • Block
Hacker News
@h4ckernews@mastodon.social  ·  activity timestamp 3 weeks ago

WebAssembly from the Ground Up

https://wasmgroundup.com/

#HackerNews #WebAssembly #WebDevelopment #Programming #TechInnovation #CodingTutorial

  • Copy link
  • Flag this post
  • Block
Roni Rolle Laukkarinen boosted
Ana Tudor 🐯
@anatudor@mastodon.social  ·  activity timestamp 3 weeks ago

I am begging you, please don't split your heading into two separate `h2` elements with an `img` in between just to have the image in between your heading words.

This is what subgrid was made for!

#CSS #layout #cssLayout #code #coding #web #dev #webDev #webDevelopment

HTML:

```
<!-- ❌ DON'T DO THIS 🚫 -->
<section>
  <h2>Classic</h2>
  <img src='classic-bar.png' alt=''/>
  <h2>Flavour</h2>
</section>

<!-- ✅ DO THIS ✅ -->
<section>
  <h2>
    <span>Classic</span>
    <span>Flavour</span>
  </h2>
  <img src='classic-bar.png' alt='the classic chocolate bar'/>
</section>
```

CSS:

```
section, h2 { display: grid }

section { grid-template-rows: repeat(3, auto) }

h2 {
  grid-area: 1/ 1/ span 3;
  grid-template-rows: subgrid;
  
  span:last-child { grid-row: 3 }
}

img { grid-area: 2/ 1 }
```
HTML: ``` <!-- ❌ DON'T DO THIS 🚫 --> <section> <h2>Classic</h2> <img src='classic-bar.png' alt=''/> <h2>Flavour</h2> </section> <!-- ✅ DO THIS ✅ --> <section> <h2> <span>Classic</span> <span>Flavour</span> </h2> <img src='classic-bar.png' alt='the classic chocolate bar'/> </section> ``` CSS: ``` section, h2 { display: grid } section { grid-template-rows: repeat(3, auto) } h2 { grid-area: 1/ 1/ span 3; grid-template-rows: subgrid; span:last-child { grid-row: 3 } } img { grid-area: 2/ 1 } ```
HTML: ``` <!-- ❌ DON'T DO THIS 🚫 --> <section> <h2>Classic</h2> <img src='classic-bar.png' alt=''/> <h2>Flavour</h2> </section> <!-- ✅ DO THIS ✅ --> <section> <h2> <span>Classic</span> <span>Flavour</span> </h2> <img src='classic-bar.png' alt='the classic chocolate bar'/> </section> ``` CSS: ``` section, h2 { display: grid } section { grid-template-rows: repeat(3, auto) } h2 { grid-area: 1/ 1/ span 3; grid-template-rows: subgrid; span:last-child { grid-row: 3 } } img { grid-area: 2/ 1 } ```
  • Copy link
  • Flag this post
  • Block
Ana Tudor 🐯
@anatudor@mastodon.social  ·  activity timestamp 3 weeks ago

I am begging you, please don't split your heading into two separate `h2` elements with an `img` in between just to have the image in between your heading words.

This is what subgrid was made for!

#CSS #layout #cssLayout #code #coding #web #dev #webDev #webDevelopment

HTML:

```
<!-- ❌ DON'T DO THIS 🚫 -->
<section>
  <h2>Classic</h2>
  <img src='classic-bar.png' alt=''/>
  <h2>Flavour</h2>
</section>

<!-- ✅ DO THIS ✅ -->
<section>
  <h2>
    <span>Classic</span>
    <span>Flavour</span>
  </h2>
  <img src='classic-bar.png' alt='the classic chocolate bar'/>
</section>
```

CSS:

```
section, h2 { display: grid }

section { grid-template-rows: repeat(3, auto) }

h2 {
  grid-area: 1/ 1/ span 3;
  grid-template-rows: subgrid;
  
  span:last-child { grid-row: 3 }
}

img { grid-area: 2/ 1 }
```
HTML: ``` <!-- ❌ DON'T DO THIS 🚫 --> <section> <h2>Classic</h2> <img src='classic-bar.png' alt=''/> <h2>Flavour</h2> </section> <!-- ✅ DO THIS ✅ --> <section> <h2> <span>Classic</span> <span>Flavour</span> </h2> <img src='classic-bar.png' alt='the classic chocolate bar'/> </section> ``` CSS: ``` section, h2 { display: grid } section { grid-template-rows: repeat(3, auto) } h2 { grid-area: 1/ 1/ span 3; grid-template-rows: subgrid; span:last-child { grid-row: 3 } } img { grid-area: 2/ 1 } ```
HTML: ``` <!-- ❌ DON'T DO THIS 🚫 --> <section> <h2>Classic</h2> <img src='classic-bar.png' alt=''/> <h2>Flavour</h2> </section> <!-- ✅ DO THIS ✅ --> <section> <h2> <span>Classic</span> <span>Flavour</span> </h2> <img src='classic-bar.png' alt='the classic chocolate bar'/> </section> ``` CSS: ``` section, h2 { display: grid } section { grid-template-rows: repeat(3, auto) } h2 { grid-area: 1/ 1/ span 3; grid-template-rows: subgrid; span:last-child { grid-row: 3 } } img { grid-area: 2/ 1 } ```
  • Copy link
  • Flag this post
  • Block
Log in

bonfire.cafe

A space for Bonfire maintainers and contributors to communicate

bonfire.cafe: About · Code of conduct · Privacy · Users · Instances
Bonfire social · 1.0.1-alpha.8 no JS en
Automatic federation enabled
  • Explore
  • About
  • Members
  • Code of Conduct
Home
Login