Discussion
Loading...

#Tag

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

I wrote a Pong game in a 512-byte boot sector

https://akshatjoshi.com/i-wrote-a-pong-game-in-a-512-byte-boot-sector/

#HackerNews #PongGame #BootSector #Coding #FunTech #RetroGaming

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

Fizz Buzz without conditionals or booleans

https://evanhahn.com/fizz-buzz-without-conditionals-or-booleans/

#HackerNews #FizzBuzz #FizzBuzzChallenge #Programming #Tricks #Coding #WithoutConditionals #CreativeCoding

  • Copy link
  • Flag this post
  • Block
Roni Rolle Laukkarinen boosted
Ana Tudor 🐯
@anatudor@mastodon.social  ·  activity timestamp 2 days 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
Hacker News
@h4ckernews@mastodon.social  ·  activity timestamp 2 days ago

The code and open-source tools I used to produce a science fiction anthology

https://compellingsciencefiction.com/posts/the-code-and-open-source-tools-i-used-to-produce-a-science-fiction-anthology.html

#HackerNews #sciencefiction #anthology #open-source #tools #coding #community #creativity

Compelling Science Fiction Newsletter
  • Copy link
  • Flag this post
  • Block
Ana Tudor 🐯
@anatudor@mastodon.social  ·  activity timestamp 2 days 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
Konstantin 🔭 boosted
Fake Scrum Stats Memes &amp; Humor
@FakeScrumStats@techhub.social  ·  activity timestamp 7 days ago

#scrum #scrumteam #dev #developer #coding #programming #programminghumor #codinghumor #vibecoding #aicoding #aicodingtools #aicodegeneration #AIhumor #Meme #memes #Humor #humour

Photo of what appears to be a shed sticking out of another identical shed.

Caption: Based on my experience in using AI to write code, this is how I feel it would work if it was used in construction
Photo of what appears to be a shed sticking out of another identical shed. Caption: Based on my experience in using AI to write code, this is how I feel it would work if it was used in construction
Photo of what appears to be a shed sticking out of another identical shed. Caption: Based on my experience in using AI to write code, this is how I feel it would work if it was used in construction
  • Copy link
  • Flag this post
  • Block
Hacker News
@h4ckernews@mastodon.social  ·  activity timestamp 3 days ago

My kind of REPL (2023)

https://ianthehenry.com/posts/my-kind-of-repl/

#HackerNews #MyKindOfREPL #REPL2023 #Programming #Community #DeveloperTools #Coding

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

Building a Simple Search Engine That Works

https://karboosx.net/post/4eZxhBon/building-a-simple-search-engine-that-actually-works

#HackerNews #Building #a #Search #Engine #Simple #Search #Engine #Tech #Innovation #Coding #Tips

Karboosx

Building a Simple Search Engine That Actually Works

You don't need Elasticsearch for most projects. I built a simple search engine from scratch that tokenizes everything, stores it in your existing database, and scores results by relevance. Dead simple to understand and maintain.
  • Copy link
  • Flag this post
  • Block
Hacker News
@h4ckernews@mastodon.social  ·  activity timestamp 5 days ago

AsciiMath

https://asciimath.org/

#HackerNews #AsciiMath #AsciiArt #MathTech #OpenSource #Coding

  • Copy link
  • Flag this post
  • Block
Fake Scrum Stats Memes &amp; Humor
@FakeScrumStats@techhub.social  ·  activity timestamp 7 days ago

#scrum #scrumteam #dev #developer #coding #programming #programminghumor #codinghumor #vibecoding #aicoding #aicodingtools #aicodegeneration #AIhumor #Meme #memes #Humor #humour

Photo of what appears to be a shed sticking out of another identical shed.

Caption: Based on my experience in using AI to write code, this is how I feel it would work if it was used in construction
Photo of what appears to be a shed sticking out of another identical shed. Caption: Based on my experience in using AI to write code, this is how I feel it would work if it was used in construction
Photo of what appears to be a shed sticking out of another identical shed. Caption: Based on my experience in using AI to write code, this is how I feel it would work if it was used in construction
  • Copy link
  • Flag this post
  • Block
Stefano Marinelli boosted
BastilleBSD :freebsd:
@BastilleBSD@fosstodon.org  ·  activity timestamp last week

Our community is our strength!

Want to make a real impact on a fantastic open-source security project?

Bastille is always looking for code, documentation, and fresh ideas.

Patches welcome!

Find us on GitHub: https://github.com/BastilleBSD/bastille

#OpenSource #Contribute #Coding #BastilleBSD

  • Copy link
  • Flag this post
  • Block
BastilleBSD :freebsd:
@BastilleBSD@fosstodon.org  ·  activity timestamp last week

Our community is our strength!

Want to make a real impact on a fantastic open-source security project?

Bastille is always looking for code, documentation, and fresh ideas.

Patches welcome!

Find us on GitHub: https://github.com/BastilleBSD/bastille

#OpenSource #Contribute #Coding #BastilleBSD

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

Learn Prolog Now

https://lpn.swi-prolog.org/lpnpage.php?pageid=top

#HackerNews #LearnProlog #Now #Prolog #Programming #Education #Coding #Skills #HackerNews

Learn Prolog Now!

  • Copy link
  • Flag this post
  • Block
𝓼𝓮𝓻𝓪𝓹𝓪𝓽𝓱【ツ】☮(📍🇺🇸) and 4 others boosted
Natasha Jay 🇪🇺
@Natasha_Jay@tech.lgbt  ·  activity timestamp last week

We have been trying to replace coders with some technology since at least COBOL.

https://www.commitstrip.com/en/2016/08/25/a-very-comprehensive-and-precise-spec/

#Code #Coding

A cartoon of two programmers talking over coffee :

Programmer 1 - Some day we won't even need coders any more. We'll be able to just write the specification and the program will write itself

Programmer 2 - Oh wow, you're right! We'll be able to write a comprehensive and precise spec and bam, we won't need programmers any more!

1 - Exactly!

2 - And do you know the industry term for a project specification that is comprehensive and precise enough to generate a program?

1 - Uh... no....

2 - Code. It's called code

CommitStrip.com
A cartoon of two programmers talking over coffee : Programmer 1 - Some day we won't even need coders any more. We'll be able to just write the specification and the program will write itself Programmer 2 - Oh wow, you're right! We'll be able to write a comprehensive and precise spec and bam, we won't need programmers any more! 1 - Exactly! 2 - And do you know the industry term for a project specification that is comprehensive and precise enough to generate a program? 1 - Uh... no.... 2 - Code. It's called code CommitStrip.com
A cartoon of two programmers talking over coffee : Programmer 1 - Some day we won't even need coders any more. We'll be able to just write the specification and the program will write itself Programmer 2 - Oh wow, you're right! We'll be able to write a comprehensive and precise spec and bam, we won't need programmers any more! 1 - Exactly! 2 - And do you know the industry term for a project specification that is comprehensive and precise enough to generate a program? 1 - Uh... no.... 2 - Code. It's called code CommitStrip.com
  • Copy link
  • Flag this post
  • Block
Hacker News
@h4ckernews@mastodon.social  ·  activity timestamp last week

The terminal of the future

https://jyn.dev/the-terminal-of-the-future

#HackerNews #terminal #future #innovation #technology #coding

the terminal of the futuremenugithub logoLinkedIn logoLinkedIn logo

To redesign infrastructure, you have to allow incremental adoption, while simultaneously moving the whole design space at once.
  • Copy link
  • Flag this post
  • Block
Hacker News
@h4ckernews@mastodon.social  ·  activity timestamp last week

Creating minimal music with code in any programming language

https://zserge.com/posts/etude-in-c/

#HackerNews #minimalmusic #coding #musiccreation #programminglanguages #techinnovation

Étude in C minor

Making music with low-level C code, from a simple saw wave to playing melodies
  • 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.0 no JS en
Automatic federation enabled
  • Explore
  • About
  • Members
  • Code of Conduct
Home
Login