playcss.app - a nice gamified way to improve and practice your CSS skills by solving daily challenges. It can definitely boost your frontend creativity to new heights.
#css #javascript #html #frontend #web #webdev #webdevelopment #webdeveloper #programmer
#css #javascript #html #frontend #web #webdev #webdevelopment #webdeveloper #programmer
👍1
Flytrap - a fresh debugging tool for developers competing with the well-known Sentry. It helps to catch bugs in your frontend applications and deeply preview and analyse them. Check the demo video to see it in action. It’s powerful!
https://www.useflytrap.com/
#webdev #webdevelopment #webdeveloper #javascript #programming #nodejs
https://www.useflytrap.com/
#webdev #webdevelopment #webdeveloper #javascript #programming #nodejs
Flytrap
Flytrap automatically fixes issues in Node.js, JavaScript & TypeScript codebases. Import code from GitHub, describe the problem, and allow the agent to work in the background until it fixes the issue.
👍4
[CSS] A new way of switching theme colors in #css is coming - embrace the ‘light-dark()’ method.
It’s currently experimental and only supported by the latest Firefox browser, keep that in mind.
https://www.bram.us/2023/10/09/the-future-of-css-easy-light-dark-mode-color-switching-with-light-dark/
#html #javascript #frontend #programming #webdev #webdevelopment #webdeveloper
It’s currently experimental and only supported by the latest Firefox browser, keep that in mind.
https://www.bram.us/2023/10/09/the-future-of-css-easy-light-dark-mode-color-switching-with-light-dark/
#html #javascript #frontend #programming #webdev #webdevelopment #webdeveloper
Bram.us
The Future of CSS: Easy Light-Dark Mode Color Switching with light-dark()
A function that computes to the first color if the used color scheme is light or unknown, or to the second color if the used color scheme is dark.
👍2🔥2
The new version of Next.js has been released with a bunch of awesome updates on board! It's definitely one of the most popular frameworks for web development right now and the team keeps shipping cutting-edge improvements 🔥
Read more in the official blog: https://nextjs.org/blog/next-14
#webdev #webdeveloper #javascript #nodejs #frontend #backend #programming
Read more in the official blog: https://nextjs.org/blog/next-14
#webdev #webdeveloper #javascript #nodejs #frontend #backend #programming
nextjs.org
Next.js 14
Next.js 14 includes included performance, stability for Server Actions, a new course teaching the App Router, and more.
🔥4
[TypeScript] Setting up a #typescript project can be a pain, especially in the beginning. Here’s a great article on the topic, specifically explaining how to configure correctly your project to support and run in multiple environments (browser, tests, etc). It’s important to do not mix them up and the article explains why.
https://kettanaito.com/blog/one-thing-nobody-explained-to-you-about-typescript
#webdev #webdeveloper #webdevelopment #nodejs #javascript #programming #frontend #backend
https://kettanaito.com/blog/one-thing-nobody-explained-to-you-about-typescript
#webdev #webdeveloper #webdevelopment #nodejs #javascript #programming #frontend #backend
kettanaito.com
One Thing Nobody Explained To You About TypeScript
One of the most common mistakes in configuring TypeScript.
🔥3
I see a lot of great reviews about this ESLint config from devs on Reddit. It seems like worth trying it out. It looks very comprehensive and complete. Have you tried it in your projects already?
https://github.com/gajus/eslint-config-canonical
#javascript #typescript #webdev #webdeveloper #webdevelopment #nodejs #coding #programmer
https://github.com/gajus/eslint-config-canonical
#javascript #typescript #webdev #webdeveloper #webdevelopment #nodejs #coding #programmer
GitHub
GitHub - gajus/eslint-config-canonical: The most comprehensive ES code style guide.
The most comprehensive ES code style guide. Contribute to gajus/eslint-config-canonical development by creating an account on GitHub.
👍4❤1
[JavaScript] Sorting by a primary and a secondary field is a common task in both frontend and backend. This little helper shows how to achieve that in case of ascending order.
.
#javascript #typescript #webdev #webdevelopment #nodejs #webdeveloper #coding #programmer
.
#javascript #typescript #webdev #webdevelopment #nodejs #webdeveloper #coding #programmer
🔥3
One more option for those who want to learn web development and don’t know where to start. TheValleyOfCode looks like a great learning source for beginners and even more experienced techies.
https://thevalleyofcode.com/
#webdev #webdeveloper #webdevelopment #html #css #javascript #typescript
https://thevalleyofcode.com/
#webdev #webdeveloper #webdevelopment #html #css #javascript #typescript
Thevalleyofcode
The Valley of Code
The Valley of Code, Your Web Development Manual
🔥2❤1
[JavaScript] Decorators are still a new feature in #javascript and isn’t fully here yet (still a proposal), but we can start using them already (for example, in #typescript). Decorators are actually quite helpful in some cases, let’s list some of them here.
.
#js #webdev #webdevelopment #programming #programmer #coding #nodejs #reactjs #angularjs #webdeveloper
.
#js #webdev #webdevelopment #programming #programmer #coding #nodejs #reactjs #angularjs #webdeveloper
❤4
[React.js] Let’s dive into one of the latest hooks in #reactjs - useDeferredValue. It might be not obvious in the beginning why it’s needed at all. But after reading through this post you’ll definitely get few ideas about it.
.
#javascript #typescript #react #webdev #webdevelopment #webdeveloper #frontend #coding #programmer
.
#javascript #typescript #react #webdev #webdevelopment #webdeveloper #frontend #coding #programmer
❤4
[Web Dev] Usually we learn how to write code, but nobody teaches us how to debug and improve our solutions. But it’s critical to understand debugging and its best practices in order to build efficient applications. This post provides some thoughts on Profiling, which is debugging technique for measuring performance. The first step whenever you want to improve/fix issues in your app. What would you add from your experience?
.
#webdev #webdeveloper #javascript #typescript #programmer #webdevelopment #nodejs
.
#webdev #webdeveloper #javascript #typescript #programmer #webdevelopment #nodejs
🤩2
[TypeScript] Do you know the role of the “declare” keyword in #typescript? It helps to reduce the gap between JS runtime environment and the TS type checking system. Basically, you need it to explicitly type an untyped (often third-party) code. Look at the examples to see some use cases.
.
#javascript #nodejs #webdevelopment #webdev #webdeveloper #programming #programmer #backend #frontend
.
#javascript #nodejs #webdevelopment #webdev #webdeveloper #programming #programmer #backend #frontend
👍2🔥1
[JavaScript] Function generators are powerful but still not very popular among developers. Possibly many of us simply don’t see use cases where we can apply them. Let’s review bright sides of function generators and find out how you can incorporate them to your projects!
.
#javascript #javascriptdeveloper #webdev #webdeveloper #webdevelopment #nodejs #typescript
.
#javascript #javascriptdeveloper #webdev #webdeveloper #webdevelopment #nodejs #typescript
👍2🔥1
[Networks]: A bit of theory related to the low level topic in software engineering such as networks. It’s quite handy to have an idea about these network layers as a software engineer, even if you do not work closely with protocols.
.
#network #softwareengineer #softwareengineering #webdeveloper #webdevelopment #webdev #javascript
.
#network #softwareengineer #softwareengineering #webdeveloper #webdevelopment #webdev #javascript
🔥3❤2👍1👎1
Found something pretty cool on the dev news. In-browser face detection and recognition! 🙈
I didn’t try it anywhere yet but the demos are very promising. Definitely will give it a try in some project…
https://justadudewhohacks.github.io/face-api.js/docs/index.html
JavaScript API for face detection and face recognition in the browser implemented on top of the tensorflow.js core API
#webdev #webdeveloper #javascript #programming
I didn’t try it anywhere yet but the demos are very promising. Definitely will give it a try in some project…
https://justadudewhohacks.github.io/face-api.js/docs/index.html
JavaScript API for face detection and face recognition in the browser implemented on top of the tensorflow.js core API
#webdev #webdeveloper #javascript #programming
🔥2
Promise.withResolvers() method is a new way of dealing with promises in #javascript . It feels much better using this method when you need to manage resolve and reject functions outside of the executor function. #webdev #webdevelopment #typescript #webdeveloper #nodejs #frontend #programmer
👍2
Consequent question: Deno or Bun? They both are great tools, from my point of view. Here I have listed how they approach different aspects of the web development. So it depends on you what to choose, but make sure you read it first.
.
#javascript #typescript #nodejs #webdev #webdeveloper #webdevelopment #programmer #frontend #backend
.
#javascript #typescript #nodejs #webdev #webdeveloper #webdevelopment #programmer #frontend #backend
🔥1
⚡️ Highly informative and insightful reads from the Google Chrome team for all web devs out there. Understanding the browser architecture can lead to significant improvements when building complex and distributed projects. Even if you're familiar with the topic, dedicate 15-20 minutes to read through this 4-articles series, you're not going to regret it.
Inside look at modern web browser
- Part 1: https://developer.chrome.com/blog/inside-browser-part1
- Part 2: https://developer.chrome.com/blog/inside-browser-part2
- Part 3: https://developer.chrome.com/blog/inside-browser-part3
- Part 4: https://developer.chrome.com/blog/inside-browser-part4
#webdev #webdevelopment #javascript #programming #frontend #backend #nodejs #html #css #webdeveloper
Inside look at modern web browser
- Part 1: https://developer.chrome.com/blog/inside-browser-part1
- Part 2: https://developer.chrome.com/blog/inside-browser-part2
- Part 3: https://developer.chrome.com/blog/inside-browser-part3
- Part 4: https://developer.chrome.com/blog/inside-browser-part4
#webdev #webdevelopment #javascript #programming #frontend #backend #nodejs #html #css #webdeveloper
Chrome for Developers
Inside look at modern web browser (part 1) | Blog | Chrome for Developers
Learn how browser turn your code into functional website from high-level architecture to the specifics of the rendering pipeline.
❤2👍2
To Next or not to Next?...
Next.js is a legendary web dev framework. Arguably, it's the most popular choice across web engineers for building SaaS and web projects. I'm not a deep expert in #nextjs, although I used it for a while and quite liked it a couple of years ago. I liked its flexibility in SSR/no-SSR rendering, and other cool features. But I've recently had several chats with web devs where we discussed Next.js. So I noticed more and more people complaining that Next became unreliable, too cumbersome and fragile. It seems like Next.js has really changed since then. Also, we have Astro, Svetle, Remix and other competitors around. The latter one in particular is the one I'm working with right now, and it looks quite interesting so far...
What is your favorite framework for building a SaaS or web project nowadays?
#webdev #nodejs #javascript #typescript #webdevelopment #webdeveloper
Next.js is a legendary web dev framework. Arguably, it's the most popular choice across web engineers for building SaaS and web projects. I'm not a deep expert in #nextjs, although I used it for a while and quite liked it a couple of years ago. I liked its flexibility in SSR/no-SSR rendering, and other cool features. But I've recently had several chats with web devs where we discussed Next.js. So I noticed more and more people complaining that Next became unreliable, too cumbersome and fragile. It seems like Next.js has really changed since then. Also, we have Astro, Svetle, Remix and other competitors around. The latter one in particular is the one I'm working with right now, and it looks quite interesting so far...
What is your favorite framework for building a SaaS or web project nowadays?
#webdev #nodejs #javascript #typescript #webdevelopment #webdeveloper
🤖 Monitoring servers - better late than never...
I've recently read a discussion on Reddit where devs shared solutions they use for monitoring servers. Apart from Prometheus+Grafana, that is a well-known and very common stack for medium-large projects nowadays, I've noticed a couple of options that I wasn't aware of. So I thought it could be useful to share them here.
The first one is called Zabbix and it seems to be a big deal. Lots of folks use this setup to watch their hardware, and I actually decided to give it a go too. It provides everything you need for monitoring your dedicated server remotely, including nice templates and dashboards. It's not very obvious in the beginning how to run it because it has a rich set of options, but I believe you can also leverage ChatGPT to configure it for your needs 😀 Maybe later I share with you my thoughts on it after using it myself. Let me know if you're interested in that.
The second option is a small tool that might be handy for uptime and blacklist monitoring. It's called HetrixTools. What I liked about it is that it has a free plan with up to 15 uptime monitors, which is quite generous. We all love free tools, especially when running projects that don't generate any revenue, right? I'm not in need for such service right now, but feel free to test it yourself and let me know if you like it!
I'm curious to hear your opinions of these tools. If you have any other solutions that you prefer to use for monitoring servers, then also share it in the comments!
Happy DevOpsing 👨🏻💻 and coming Easter 🥚!
#devops #server #programming #javascript #webdev #webdeveloper
I've recently read a discussion on Reddit where devs shared solutions they use for monitoring servers. Apart from Prometheus+Grafana, that is a well-known and very common stack for medium-large projects nowadays, I've noticed a couple of options that I wasn't aware of. So I thought it could be useful to share them here.
The first one is called Zabbix and it seems to be a big deal. Lots of folks use this setup to watch their hardware, and I actually decided to give it a go too. It provides everything you need for monitoring your dedicated server remotely, including nice templates and dashboards. It's not very obvious in the beginning how to run it because it has a rich set of options, but I believe you can also leverage ChatGPT to configure it for your needs 😀 Maybe later I share with you my thoughts on it after using it myself. Let me know if you're interested in that.
The second option is a small tool that might be handy for uptime and blacklist monitoring. It's called HetrixTools. What I liked about it is that it has a free plan with up to 15 uptime monitors, which is quite generous. We all love free tools, especially when running projects that don't generate any revenue, right? I'm not in need for such service right now, but feel free to test it yourself and let me know if you like it!
I'm curious to hear your opinions of these tools. If you have any other solutions that you prefer to use for monitoring servers, then also share it in the comments!
Happy DevOpsing 👨🏻💻 and coming Easter 🥚!
#devops #server #programming #javascript #webdev #webdeveloper
👨💻1