Sub-collections
Open Source backend in 1 file with realtime database, authentication, file storage and admin dashboard
Random thoughts
Roberto Selbach "vibecodes" subscription apps into free weekend projects using AI: Jabber replaces Wispr Flow dictation, Reel mirrors Loom screen recording/trimming, Hugora edits Hugo blogs with theme preview. Never wrote Swift/macOS apps before. Predicts standalone apps become bundled features. Skeptical for production but ideal personal tools. Shift: apps on-demand via AI.
GitStory 2025 - Your Year in Code GitHub Wrapped
MediaRecorder API records HTML canvas animations to MP4 video blobs. Use canvas.captureStream() for stream, new MediaRecorder(stream), ondataavailable collect chunks, onstop createObjectURL(Blob) for playable/downloadable video. Example: animate moving box across canvas, buttons start/stop recording.
Development Containers stellen standardisierte, identische Entwicklungsumgebungen lokal oder in der Cloud bereit und erleichtern deren Einrichtung.
A web developers guide to browser internals
Addy Osmani demystifies modern web browser internals.
The Great De-Frameworking: Why AI Makes Native Code Cool Again How AI can free us from the upgrade treadmill and give us back code we actually own. AI is targeting your node_modules Your doom-scroll …
AI tools like Copilot are dismantling reliance on frameworks such as React, Tailwind, and Next.js, ushering in "de-frameworking." They generate efficient native JavaScript, CSS, and Web Components faster than framework experts, escaping upgrade hell and dependency issues. Developers regain code ownership, building maintainable projects that age gracefully. Frameworks offered short-term boosts but created treadmills; AI returns simplicity, letting humans focus on logic over scaffolding maintenance.
Integrating Mastodon into your static blog as an alternative to traditional comment systems.
The next generation ShareX / File upload server, packed with tons of features and a great dashboard. What more could you want?
The easiest way to use IndexedDB. A lightweight, minimalistic wrapper that provides a straightforward API for developers using IndexedDB.
Evan You, the creator of the Vue.JS front-end framework, recently announced a technical preview for rolldown-vite, a drop-in replacement for the Vite bundler written in Rust. Early adopters (e.g., Exc
There's tons of little goodies you can add to your .gitconfig to make your life easier. From hidden gems in the git Man pages to aliases and shell functions, here's a few things I've found useful to reduce friction in my Git workflow.
AI Engineer at ANZ Bank working on intelligent systems, LLM optimization, and scalable ML platforms.
TL;DR: Utkarsh Kanwat bets against AI agents dominating software development soon due to reliability gaps in complex tasks.
Agents excel in narrow scopes but falter on edge cases, security, and integration. Human oversight remains crucial for production.
He advocates for hybrid approaches where agents assist with routine work, freeing developers for architecture and debugging.
00:00 Intro00:38 Baseline01:50 light-dark()02:34 Container queries04:46 scroll-state()05:39 dialog07:06 Document Picture-in-PictureLearn HTML CSS: https://le...
Good overview. Container Queries alone are worth the watch!
Developers have nothing to fear from generative AI, but self-cultivation is key.
Aufwand, Dauer und Kosten in der Softwareentwicklung sind schwer vorherzusagen – das hat durchaus etwas von einem Escape Room.
Every time you use a computer, the cache is working to ensure your experience is fast.
A Hands-On Guide to Google AI Studio's New Build Feature Ever had a brilliant app idea but...
📸 Pixelfed for TRMNL. Contribute to stephenyeargin/trmnl-pixelfed development by creating an account on GitHub.
As a dev, I’m constantly on GitHub hunting for the next tool that’ll save me time, automate something...
You can deploy Strapi on Coolify in 1 click from the projects dashboard – that's great for new projects, but what if you have an existing Strapi project in GitHub you want to deploy? This post will show you how!
Which is a better choice, Rust or Go? Which language should you choose for your next project, and why? How do the two compare in areas like performance, simplicity, safety, features, scale, and concurrency?
A curated list of TUI apps and libraries built with Ratatui - ratatui/awesome-ratatui
Hyrum's law, Conway’s law, Zawinski's law, and 10 others.
Codeium is the AI code assistant platform that developers love and enterprises trust. Also the builders of Windsurf, the first agentic IDE.
Who hasn't peppered their code with console.logs in an attempt to find that pesky bug? The logs can g...
Fast, offline, and free documentation browser for developers. Search 100+ docs in one web app including HTML, CSS, JavaScript, PHP, Ruby, Python, Go, C, C++, and many more.
Key bindings from fzf wiki. Contribute to atweiden/fzf-extras development by creating an account on GitHub.
How I stopped worrying about GUI and learned to love the terminal
Spacemacs tabbar-mode layer. Contribute to evacchi/tabbar-layer development by creating an account on GitHub.
ranger - A VIM-inspired filemanager for the console
Step up your game with a modern voice & text chat app. Crystal clear voice, multiple server and channel support, mobile apps, and more. Get your free server now!
Here's some resources that are recommend Git Adding, Commiting, Pushing changes Github Making a Pull Request Javascript ⚠️Basic JS⚠️ * ⚠️Intermediate JS⚠️ Grammar/Scoping Functions Callb...
windows-development-environment - :telescope: Turning Windows into an environment ready for modern development
localhost testing done right Save this URL, memorize it, write it on a sticky note, tweet it, tell your colleagues about it! localtest.me (http://localtest.me) and *.localtest.me (http://something.loc…
org.apache.jasper.JasperException: An exception occurred processing JSP page /WEB-INF/views/desktop/pages/contact/contactPopup.jsp at line 57 54: <formElement:formInputBox idKey="contactEmail" labelKe…
Embracing fluid typography might be easier than you think. It has wide browser support, is simple to implement and can be achieved without losing control over many important aspects of design. Unlike …
You may have heard that when defining the size of things in your website, you should be using em or rem units, rather than good old…
I found a useful command for listing commits newest to oldest.
Just because a browser has a feature doesn't mean you should use it
Include in your web projects with a single-command, manage components and groups easily and provide well documented pattern libraries for your clients and colleagues.
gulp-beer - 🍺 Better Error Reporting for Gulp
Kirby-Tabs-Field - The tab field type is designed specifically for use within the fields.
redux-devtools - DevTools for Redux with hot reloading, action replay, and customizable UI
redux-devtools-extension - Redux DevTools extension.
Learn how React Router v4 works under the hood by building your own version of it.
This is Part 2 of a series of articles for programmers looking to upgrade their skills. Part 1 took us through the very beginning stages…
TIL: document.designMode = 'on'; h/t @AmeliasBrain pic.twitter.com/4J3ULyT8aj— Das Surma (@DasSurma) March 4, 2017
Media Queries haben ihre Grenzen, was Responsives Design angeht. Deshalb wird im W3C-Umfeld an einer neuen Art von Queries getüftelt, die sich nicht auf die Viewportgröße beziehen.
If you're hosting a tmuxme session, you should know and trust the people you invite in, because it is like connecting a second keyboard to your computer and letting them type in your terminal. Dangero…
Microinteractions guide a user through your application. They reinforce your user experience and provide delight.
Rooted in the post-World War II artistic movement, minimalism has reemerged as a powerful technique in modern web design. This technique sometimes presents as an attempt to prioritize content over the…
The box alignment specification details how items are aligned in the various layout methods. As different layout methods pose different constraints in terms of alignment, some of the behaviour of Box …
Freelancer pricing explained: should you charge hourly or by project? Should you charge large corporations more? And how much exactly? Jake Jorgovan has answers.
Once you get comfortable poking around with your shell, you start to wonder if there aren’t easier ways to do some common tasks. We’re constantly cd‘ing places, and running commands, and having to rem…
Contribute to kirby-page-lock-plugin development by creating an account on GitHub.
kirby-twig - Twig templating support for Kirby CMS
react-slingshot - React + Redux starter kit / boilerplate with Babel, hot reloading, testing, linting and a working example app, all built in
Contribute to kirby-FacebookEvents development by creating an account on GitHub.
kirby-image-shrink - A plugin for Kirby 2 CMS to shrink images on *upload* and *replace* to max size.
kirby-panel-prevnext - A Kirby CMS plugin for panel siblings navigation
vim-wtf - A variable contrast color scheme for terminal lovers
tizonia-openmax-il - Command-line music player for Linux with Spotify, Google Play Music, YouTube, SoundCloud and Dirble support.
commit-message-emoji - Every commit is important. So let's celebrate each and every commit with a corresponding emoji! :smile:
slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more!
controlledlist - A Kirby CMS plugin to extend the functionality of list options
Spice-up - Create simple and beautiful presentations on the Linux desktop
RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp).
If you're interested in upgrading your already existing application, this article can be used as a reference sheet for ideas. If you're starting brand new, this would get you up and running with the l...
A shell script which turns your macOS laptop into an awesome web development machine.
I've got a firm hold of plain javascript and want to try a framework for both the frontend and the backend.
Thanks for thinking of me for this project and for reaching out. As I am a professional artist, not a hobbyist, and as your company is a for-profit organization, and as your client’s company is a for-...
⌘ Performance Checklist 2017. Is anything missing in here? Please do let us know. pic.twitter.com/MgUQTevUdl— Smashing Magazine (@smashingmag) December 12, 2016
Redux is becoming the de facto way to build React apps. And there are tons of examples that show how it’s done. But React-Redux apps have…
kirby-stats - A (very) simple stats plugin for the Kirby CMS http://getkirby.com
pomd - 🍅 A good old cli based Pomodoro timer with native notifications
Watch Talks. Get Inspired. Develop. We're bringing the meetup to you. With Sessions, you can watch recordings of top-notch talks from developer meetups -- wherever and whenever you want.
gitflow-avh - AVH Edition of the git extensions to provide high-level repository operations for Vincent Driessen's branching model
&lt;style&gt;.nojsv{visibility:visible}&lt;/style&gt;&lt;meta content="0;url=/search?q=sticky+element+on+scroll+jumpy&amp;amp;gbv=1&amp;amp;sei=...
I still work on around 15-20 client projects per year. That's a big strength I think. That means that you get the same perspective as us who build things in Kirby as well as your clients. Then you...
In 2015 I started my first job as a developer, after having spent five months turning my coding hobby into a profession.
My good friend, colleague, D&D party member, and fellow dad, Lon Ingram and I got into a good discussion the other night about Native Apps vs. Mobile Web vs. Desktop Web. In part, it was sparked by Go...
Don't be afraid of email testing. There are many free or freemium tools online that can help you with testing your SPAM score, deliverability and even the rendering of your email. We feature 30 email...
A moderately inappropriate look at silly things designers do and don’t do
Wordpress is overkill, Forestry Remote is a full CMS in a single index.html file for your Hugo and Jekyll sites.
Made for Supple's retargeting page: https://supple.com.au/services/remarketing/ <a href...
Introducing Webpack Dashboard, a CLI dashboard for your webpack-dev-server
mindpatterns: This book contains frontend coding patterns (and anti-patterns) that will assist developers in building accessible e-commerce web pages, widgets and workflows.
66 points and 14 comments so far on reddit
14 points and 4 comments so far on reddit
“Every freelancer who bills hourly should be FORCED to read this book.” —Matt Inglot
48 points and 19 comments so far on reddit
222 points and 22 comments so far on reddit
Want to create SVGs that scale to all devices? Here are the things you'll need to remember.
1007 points and 36 comments so far on reddit
29 points and 31 comments so far on reddit
47 points and 11 comments so far on reddit
Answer (1 of 11): Conque(https://code.google.com/p/conque/) - Lets you run interactive programs within vim. A major use of this will be to run a terminal within vim. And its better than using the :sh...
vim-themes - some emacs themes ported to vim.
A protip by jdobry about modules, javascript, angularjs, $scope, and angular.
Sketch is quickly becoming the UI design tool of choice, so here’s our short list of the most helpful Sketch plugins we could find, just for all of you. Th
Vim is optimzed for mouseless operation. Using the mouse slows us down, ergo Vim lets us work faster. No other text editor comes close to Vim for speed, efficiency,…
With all the fuss on Atom and Sublime Text, I decided to talk a bit about my favourite editor, Vim. I’ve tried both Sublime and Atom, I’ve especially used Sublime for quite some time before comitting...
Setting up a new machine can often be an exciting prospect. However, as developers, there are a lot of tools we need that don't come as standard. In this post, I'd like to go through some of the...
What is Vim? If, for some strange reason, you don’t know what Vim is, here’s the short answer: Vim is a highly configurable text editor built to enable e…
34 points and 42 comments so far on reddit
28 points and 14 comments so far on reddit
76 points and 34 comments so far on reddit
97 points and 39 comments so far on reddit
57 points and 2 comments so far on reddit
6 points and 2 comments so far on reddit
tmux is used to multiplex several virtual consoles to access multiple terminal sessions inside a single terminal window or remote terminal.
26 points and 26 comments so far on reddit
Here are 10 Vim tips that I think you should know about.
255 points and 92 comments so far on reddit
I'm sure we all have our handy time-savers. I'll start: " Quickly yank all lines in the file. nmap yy :%y+ `` is...
10 points and 18 comments so far on reddit
216 points and 32 comments so far on reddit
56 points and 4 comments so far on reddit
Story of how I unexpectedly built a monster of an open source project
11 points and 1 comments so far on reddit
500 points and 76 comments so far on reddit
34 points and 2 comments so far on reddit
I am currently using `` but it get's in the way more and more. In vim it overlaps with increment of numbers, in terminal it interferes with...
The popularity of building web sites with static site generators is on the rise. Their reduced complexity, easier compliance, cheaper hosting, and other benefits…
pattern-lab-starter - A starting place for using the prototyping tool, Pattern Lab, in tandem with a Drupal theme. Can be used standalone as well.
The following is a guest post by Noam Elboim, a developer at myheritage.com. Noam has dove head-first into Yeoman - from not knowing anything or understand
livingcss - Parse comments in your CSS to generate a living style guide using Markdown, Handlebars, Polymer, and Prism syntax highlighter.
I think of modular design as a practice or a philosophy—with Atomic Design being just one way to do it. I’ve found that I’m able to benefit from Atomic Design concepts without always [...]
Do you love the object tag, too? How do you feel about responsive image maps? Have you ever tried to work around complex tables, nasty carousels, endless country selectors and complex user interfaces...
Using a style guide to drive development is a practice that is gaining a lot of traction in front-end development — and for good reason. Developers will start in the style guide by adding new code or...
Contribute to firby-app development by creating an account on GitHub.
kirby-typography - Typographic enhancements for your Kirby-driven website.
A detailed guide to building and maintaining modular, atomic design systems, pattern libraries and style guides with Pattern Lab 2 by Brad Frost.
44 points and 2 comments so far on reddit
Our secrets revealed to getting a blazing fast website.
One idea that has lodged itself into my brain recently (largely from this panel discussion) is how a front end developer needs to be aware. In a general se
As modern web developers, we are likely to use git on a daily basis. It's a wonderful distributed version control system, and with only a few commands in our toolbelt it is quite powerful and...
4 years ago, I discovered tmux and started sharing my own tmux configuration. Since then, the repository collected around 1100 GitHub stars and is currently cloned from ~200 to ~300 times per week, wh...
Grunt is a powerful Javascript task runner that can make your web design workflow much more efficient by automating a slew of tedious tasks. Pattern Lab is a tool created by Dave Olsen and myself to help you efficiently create robust interface design systems. via Pocket
www.ng-conf.orgng-conf is a two day, single track conference focused on delivering the highest quality training in the Angular JavaScript framework. 500 to 700 Developers from across the country will converge on beautiful Salt Lake City, UT to participate in training sessions by the Google Angular t via Pocket
What is AngularJS? Angular is a client-side MVC/MVVM framework built in JavaScript, essential for modern single page web applications (and even websites). It's a huge leap into the future of HTML and what HTML5 brings, and is a breath of fresh air when dealing with the modern web. via Pocket
Launch your GitHub Page with this step-by-step guide. If you need a free & easy way to host your projects, this guide to GitHub Pages is for you.
I have very little experience with AJAX, so yesterday I decided to try my hand at a Javascript library. At first I was thinking of trying ou...
As much as choice of a font is subjective there are important criteria to consider when choosing a programming font. The characters should be clear, easy to read, in cases of clashing ones such as...
Touch-friendly JavaScript image gallery for mobile and desktop, without dependencies. Responsive layout. Swipe and zoom gestures.
One challenge I encountered was the need to prevent specific days from being picked. Here's the jQuery javascript I used to accomplish that.
For those that arn’t familiar with jQuery UI, it’s essentially a collection of jQuery plugins that try to do for user interaction what jQuery did for JavaScript. Like it’s parent library, jQuery UI...
CanvasLoader is a JavaScript UI library for drawing and animating circular preloaders with HTML5 canvas. Using a simple function, a canvas element (loader) is created inside a placeholder div and...
Adobe AIR (Adobe Integrated Runtime) is standalone client application that using HTML, JavaScript, Adobe Flash, Ajax for building Rich Internet Applications without the constraints of a browser. If...
As English speakers, our minds are geared toward interpreting data and text from left-to-right. However, as it turns out, many of the modern JavaScript selector engines (jQuery, YUI 3, NWMatcher),...