Using ES2015 modules you can chunk the application code into reusable, encapsulated, one-task focused modules. That’s all good, but how do you structure modules? How many functions, classes a module should have? This post presents 4 best practices on how to organize better your JavaScript modules. Post written by Dimitri Palvutin.
A hand-drawn illustration library. The library works like building blocks made of vector arms, legs, and emotions. You can mix these elements to create different Peeps.
Powerful component libraries and styleguides that fit the way you work.
Pay what you want: 5, 10 or 15€/month. The essence of our hosting platform is sharing: we provide enough resources for everyone and sufficient headroom to handle traffic spikes on your site. We always keep the systems up to date and take care of maintenance so you have the time to focus on your project.
Collaborate on documents, share files, collect information. All private. All encrypted. All with Graphite.
Conversational marketing made open source. Turn strangers into leads, maintain data ownership. Easy to install, develop, and measure.
The most powerful and extensible open source Wiki software. Make documentation a joy to write using Wiki.js beautiful and intuitive interface!
Find open-source alternatives for your favorite apps.
Write and run your javascript code online, see result in live view or in editor console. Share your javascript.
A deployment tool written in PHP with support for popular frameworks out of the box.
What began as a side project of a Google developer now shares the JS leaderboard with React and Angular... With the help of Sarah Drasner, Taylor Otwell, Thorsten Lünborg and many others from the Vue.js community, Evan You tells the story of how he fought against the odds to bring Vuejs to life.
Beaker is a browser for the next-generation Web. It's an experimental browser for exploring and building the peer-to-peer Web.
Free Google Slides and PowerPoint templates to boost your presentations.
The Odin Project is one of those "What I wish I had when I was learning" resources. Not everyone has access to a computer science education or the funds to attend an intensive coding school and neither of those is right for everyone anyway. This project is designed to fill in the gap for people who are trying to hack it on their own but still want a high quality education.
Layouts with diagonal sections are quite popular for several years now. It is not the new hot stuff, and you will probably not find it in the articles titled "Design trends for 2020". But I think it is here to stay. Post written by Nils Binder.
Ace is an embeddable code editor written in JavaScript. It matches the features and performance of native editors such as Sublime, Vim and TextMate. It can be easily embedded in any web page and JavaScript application.
Vecta is the world's most powerful SVG editor with built in collaboration, javascript based plugins and SVG compressor that let everyone create SVG graphics faster than ever before.
This is a JavaScript bundler and minifier. It packages up JavaScript code for distribution on the web.
This post describes how Lucas Santoni setup ESLint in different scenarios. He'll start with a simple plain JavaScript project and then we'll deal with TypeScript, and also React. The aim is to do the things right and avoid installing random packages or copy/pasting snippets of configuration until things work.
A modern, headless GraphQL-based e-commerce framework built with TypeScript & Nodejs.
Yasumi is an easy PHP library to help you calculate the dates and names of holidays and other special celebrations from various countries/states.
Giving users a dark theme option can be beneficial for accessibility, as some people experience headaches or visual difficulties from excessively bright screens, or have trouble reading for long periods on a light background. Post written by Michelle Barker.
RoadRunner is a high-performance PHP application server, load-balancer, and process manager written in Golang.
Downtime Happens. Get Notified! 50 Monitors, Checked Every 5 Minutes, Totally Free!
Tired of Facebook, Instagram & Twitter selling your data? Create your own social network website with this open source social network.
A repository for All algorithms implemented in Javascript (for educational purposes only).
Here’s a history of CSS and web design from 90's to 2020 written by Eevee.
Open source alternative to Algolia? Typesense is an open source, typo tolerant search engine that delivers fast and relevant results out-of-the-box.
Beluga is open-source software for creating your own ecommerce site. Built with React, Node.js, and using Stripe for payment processing.
Open source mobile client for GitHub, GitLab, Bitbucket and Gitea, built with Flutter.
The unobtrusive JavaScript framework for server-side web applications. Unpoly enables fast and flexible frontends while keeping rendering logic on the server. It has no dependencies and plays nice with existing code.
Matt Stauffer shares with us some precious advises in this post to set up your equipment for podcasting and streaming.
A lightbox that works in all modern browsers with images, videos, iframes and any kind of HTML, has support for CommonJS and AMD, a simple API and zero dependencies.
Use Oxygen's unparalelled power, flexibility, and light-weight code to visually design your WordPress or WooCommerce site with ease.
You've heard about testing, and even better "Test-Driven Development", but you're still not sure exactly what they are. Well now you'll know! In this trail, thoughtbot developers Harry Schwartz and Ian C. Anderson cover core principles of writing code with Test-Driven Development. You'll learn about the benefits of testing, the way testing first applies positive design pressure to your code, and how to apply TDD to your own development.
This showcase let you review VSCode themes from the VSCode marketplace.
Syntax highlighting for the Web. 185 languages and 91 styles, automatic language detection and multi-language code highlighting.
The simplest open source application to create your docker projects.
Compress.Studio is a serverless image compression tool with a decentralized private storage.
Grow is a static site generator optimized for building highly-interactive, localized microsites. With a focus on workflow and building projects that are highly maintainable in the long-term, Grow encourages a strong-but-simple separation of content and presentation, and makes maintaining content in different locales and different environments a snap.
Constantin shows us how to build a signup form using the library AlpineJS. Post written by Constantin - Placebo Domingo