Hacker News·4yRun Python in your HTML
PyScript is a framework that allows users to create rich Python applications in the browser using HTML’s interface. It aims to give users a first-class programming language that has consistent styling rules, is more expressive, and is easier to learn. PyScript is just HTML, only a bit (okay, maybe a lot) more powerful, thanks to the rich and accessible ecosystem of Python libraries.
Syncfusion·4yMicro-Frontend—Why and How?
Micro-frontend is a new architecture inspired by microservices. The concept is similar to microservices, where we can break the whole monolithic codebase into smaller codebases that can be developed autonomously by distributed teams. Micro-frontends have certain principles that allow for scaling an app.
Lee Robinson·4yBuilding a Design System Monorepo with Turborepo – Lee Robinson
Turborepo is a high-performance build system for JavaScript and TypeScript codebases. It was designed after the workflows used by massive software engineering organizations to ship code at scale. Turborepo abstracts the complex configuration needed for monorepos and provides fast, incremental builds with zero-configuration remote caching.
asayer·4yBuilding a Mobile App using HTML, CSS, and JavaScript
In this article, we will learn how to leverage the power of HTML, CSS, and Javascript to build a simple mobile app. We will not be using frameworks like Ionic or React Native. This tutorial focuses on showing how a basic web app can be made to feel and behave like a native mobile application that can be installed and run on mobile devices.
Pointer·4ysindresorhus/awesome: 😎 Awesome lists about all kinds of interesting topics
All your environment variables, in one place. Start selling to enterprise customers with just a few lines of code. Add Single Sign-On (and more) in minutes instead of months. Gitpod automatically and continuously prebuilds dev environments for all your branches. Neverinstall gives you an uninterrupted development experience and improved accessibility.
Changelog·4yCveinnt/LiveTerm: 💻 Build terminal styled websites in minutes!
LiveTerm is an easy-to-use terminal styled website template, powered by Next.js. Building a simple website with LiveTerm only takes minutes, and you only need to work with one file: config.json . You can find several pre-configured themes in themes.json , and you can replace the colors with the theme color you like!
Hashnode·4yDesigning Scalable Frontend Systems
In this article, we will discuss the rest of the items in our frontend system design framework. We will talk about API design, managing the data store, accessibility, performance optimization techniques, and more. Let's get it started. The first point we need to discuss is the API and network design and how we will manage the communication with the BE.
Smashing Magazine·4yYou Don’t Need A UI Framework — Smashing Magazine
Josh Comeau is a software developer, educator, amateur pianist, and cat person. He’s spent the past few years working as a software engineer for orgs like Khan … More about Josh. Email Newsletter Your (smashing) email Weekly tips on front-end & UX.
Pointer·4ytauri-apps/tauri: Build smaller, faster, and more secure desktop applications with a web frontend.
Tauri is a framework for building tiny, blazingly fast binaries for all major desktop platforms. Developers can integrate any front-end framework that compiles to HTML, JS and CSS for building their user interface. The backend of the application is a rust-sourced binary with an API that the front end can interact with.
JavaScript in Plain English·4yHow to Become an Irreplaceable Front-end Talent in a Company
In recent years, the front-end has developed very fast. Front-end practitioners rarely talk about program design principles or design ideas. This inevitably leads to the back-end code being written as spaghetti. Let’s learn how to become an irreplaceable talent in a company like this colleague.
Changelog·4yformkit/auto-animate: A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application.
AutoAnimate is a zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with Vue, React, or any other JavaScript application. Add motion to your apps with a single line of code. Please consider supporting us with a recurring or one-time donation.
Semaphore·4yDockerizing a Node.js Web Application
Docker is an open platform for building, shipping and running distributed applications. We’ll be using a basic Express application as our example Node.js application to run in our Docker container. We will write an addressbook API that stores people’s names in a database.
DZone·4yCreating Microservices in Nest.js
NestJS is an opinionated framework for developing server-side Node.js applications, including microservices. In this tutorial, we’ll show how to use some of their other helpful microservice libraries to develop and operate a TCP-based microservice. We’re going to modify the boilerplate application from an HTTP-based REST API to a more raw request format. Since our microservices respond to TCP requests instead of HTTP, we will need to change the annotations on our controller methods.
Product Hunt·4yReshaped - Design system built for your scale in React and Figma
Reshaped is a professionally crafted design system for everyday product development in React and Figma. Usually, you have to set up a million things before you even start working on UI. We took care of it so you can skip your first year of development. Reshaped can be downloaded for free from the App Store.
Hashnode·4yThe NodeJS 18 Fetch API
NodeJS 18 introduced the built in Fetch API. This means that we no longer need to use 3rd party packages like node-fetch. This is one less dependency that we need to install so our node_modules folders should be a little lighter. To learn more check out the official announcement.
web.dev·4yGOV.UK drops jQuery from their front end.
GOV.UK dropped their jQuery dependency from their front end. You'll never guess what happened. Nearly 84% of mobile pages used in 2021 will use jQuery. GOV. UK provides services and information online for The United Kingdom. Don't shortchange your users if the web platform can easily do the job a framework can.
LogRocket·4yFull-stack DApp tutorial with Vite + React, Tailwind CSS, and Solidity
In this tutorial, we’ll build a full-stack DApp, test it on the Ropsten testnet, and deploy it with the Alchemy Web3 development platform. We will use Vite, React, and Tailwind CSS to build the DApp frontend and Solidity to create the backend.
Quastor Daily·4yHow Compilers Work
Bob Nystrom wrote an amazing book called Crafting Interpreters, where he goes through how language implementations work. We’ll be giving a summary of one of the chapters with some commentary from yours truly. The difference between programming languages and programming language implementations. Front end, middle end and back end of compilers and a breakdown of what each of these 3 parts do.
SitePoint·4y15 JavaScript Libraries for Creating Beautiful Charts
Some of the best JavaScript libraries for graphs and charts. These libraries will help you create beautiful and customizable charts for your future projects. Most of the libraries are free and open source, some of them provide a paid version with additional features. Our top JS charting libraries: D3.js, Plotly.ly, ChartJS, Chartist.js and Google Charts.
CSS-Tricks·4y4 Cool Hover Effects That Use CSS Text Shadow | CSS-Tricks
In this article we will focus on the CSS text-shadow property to explore even more interesting hovers. You are probably wondering how adding shadow to text can possibly give us a cool effect, but here’s the catch: we’re not actually going to make any shadows for these text hover effects.
