daily.dev Changelog·5yAnnouncing daily.dev 3.0 🦄
Daily.dev 3.0 is the fastest version we have ever created. The browser extension is getting a serious revamp with a brand new UI. The new design aims to improve accessibility and make it easier to use daily.dev on both desktop, tablet, and mobile. In the coming weeks, we will ship a new set of features and improvements.
Product Hunt·5yFrontend Toolbox - A list of handpicked resources for frontend developers
There are lots of tools to choose from, and it’s hard to find the right ones. So I created this list – so you save time by easily finding the best stuff out there. Embed this post on your site and share it with your friends.
Geek Culture·5yTop Front-End Development Trends You Should Follow in 2021
Front-end development standards and trends change faster than they can be implemented. JavaScript will continue its Reign as the most popular programming language in the world. Single Page Apps (SPAs) are not SEO-friendly which is critical for growing your online businesses. Gatsby is the single fastest-growing framework, according to the Gatby Market Report (May 2021)
Tuts+·5yBest Free and Open Source JavaScript Animation Libraries
There are many elements on a webpage that can be animated to make it come alive. In this article, I show you eight of the best free and open-source JavaScript animation libraries that you can use in your projects today. Mo.js is an excellent library for adding JavaScript-based motion graphics to your website.
Hashnode·5yTools for Web Developers To Work Smarter and not Harder
The Web Developer is a browser extension that comes bundled with various web developer tools. Quokka makes prototyping,learning and testing JavaScript and Typescript code blazingly fast. Google Lighthouse is an open-source, automated development tool for testing/improving the quality of your web pages.
Smashing Magazine·5yUseful Front-End Boilerplates And Starter Kits — Smashing Magazine
We don’t need to write everything from scratch every single time. With boilerplates and starter kits, we can set up our projects faster, and get to work immediately. This collection is by no means complete, but rather a selection of things that the team at Smashing found useful.
Product Hunt·5yNice avatar — React component for generating avatars
react-nice-avatar can easily generate an avatar for your users with no efforts. Embed this avatar into your users' profiles. Use this avatar to help people with reading comprehension and vocabulary. Share this avatar with your social media accounts. Send it to your friends by sending a message to their accounts.
gitconnected·5yHow to Improve Software Architecture Skills Daily
Find 2 or more solutions for each problem you meet. List the trade-offs and choose a solution. Have a technical discussion with a non-tech person improves communication & technical understanding. In conclusion I suggested 3 exercises you can do in the scope of every development task you are doing.
JavaScript in Plain English·5yThe Front-end Developer’s Guide to Back-end Development
In this tutorial, we’ll set up a simple and secure back-end API service on Google Cloud Platform using Node.js and Express. The Front-end Developer’s Guide to Back-end Development Jamie Curnow will explain the basics of an HTTP API service.
CSS-Tricks·5yFront-End Testing is For Everyone
There are many types of tests and perhaps that is where some of the initial fear or confusion comes from. Testing is an automated tool that finds errors in your development as early as possible. Tests also serve as a reminder that you may have forgotten to check your own work in a certain area.
web.dev·5yNew Progressive Web App training now available
New Progressive Web App training now available. Get started with Progressive Web Apps with our new six-part training, complete with new codelabs. May 20, 2021 Sam Richard Twitter GitHub GlitchBlog Glitch.co.uk. New material will be converted into easier-to-consume formats.
freeCodeCamp·5yJavaScript Tutorial – How to Set Up a Front End Development Project
JavaScript Tutorial – How to Set Up a Front End Development Project. Back to Mail Online home. Follow us on Twitter @jenniferjensen and @matthewjensen. We're also on Facebook and Google+. Back to the page you came from. Click here to follow us on Facebook.
Product Hunt·5yVenus Design System — Design system with 2000+ components & 250+ styles for Figma
Design what you want with less effort at another level. An easy-to-use Design Tool with the most common 2000+ UI/UX components states. Allows you to design quickly with world-class standards out-of-the-box. 20 Login to get promo code Embed Collect.
JavaScript in Plain English·5yWhat You Need to Know About React 18
The Facebook team has published the plan for React-18. There are many exciting features that are provided out of the box. Batching is when React groups multiple state updates into a single re-render for better performance. SSR support for Suspense is an extension of Server Side Rendering (SSR) logic.
Hashnode·5yDeploying with GitHub Actions
GitHub Actions can be used to set up an auto deploy process for a CI/CD system. You will need access to your hosting environment and have FTP, SFTP, or SSH access in many cases. This article will focus strictly on SSH keys, which are used to authenticate into a server.
JavaScript in Plain English·5yWhy Choose Node.js for Your Next Web Application Development Project
Node.js is an ideal choice for companies looking to commit to a real-time application and runtime environment across platforms. Developers can build fast and flexible web applications that can handle multiple parallel connections. Using Node.Js for a proxy server is also a great way to use it to stream information from multiple sources.
Bits and Pieces·5yBetter Micro Frontends and Design Systems with Independent Components
Independent components are components and modules that are developed and versioned independently and shared across remote ‘scopes’ Independent components are all part of a single virtual monorepo. An update made to one component will propagate to all its dependents using a CI for components. That makes collaboration, in-and-across projects, simple and safe.
Hashnode·5yHow to stand out as a software developer with no experience
This article will outline various things you can do to stand out amongst the crowd. The roadmap, in the end, will guide you in regards to that. We will have a look at how you can go about doing the various things step by step, a roadmap for you to start standing out right away.
Product Hunt·5yLighthouse 8.0 - Analyze web apps & sites, collect modern performance metrics
improved CWV balance for the Performance Score, Lighthouse Treemap and metric filtering now in PSI and Canary DevTools, and a brand new CSP audit. Lighthouse 8.0 is here! ⚡ Lighthouse is a free, open-source, cloud-based version of the Windows operating system.
Smashing Magazine·5yThree Front-End Auditing Tools I Discovered Recently — Smashing Magazine
Building a faster website can be a rocket task these days. Here are three less-known tools that might help you get there. Waterfaller focuses on issues in the network waterfall and provides recommendations for improvement. Yellow Lab analyzes your HTML, CSS, and JavaScript and runs a number of audits.
Medium·5yCreate a React App without create-react-app ❓ 😟 (Using parcel)
We all know how to create a react app using create-react -app. But there will be some times where we don’t need to use that. So today we will see how tocreate a React app without using that. This will work as a normal react application but lesser weight (because of managed node modules)
Smashing Magazine·5yGetting Started With Webpack — Smashing Magazine
Webpack is a highly extensible and configurable static module bundler for JavaScript applications. With its extensible nature, you can plug in external loaders and plugins to achieve your end goal. Let’s take a deep dive into what webpack is and how to use it in your development workflow.
