Exciting New Tools for Web Designers and Developers (March 2020)

Hey there, fellow web developers! I’ve got some awesome fresh resources to share with you today. This time around, we’ve got some amazing tools from tech giants like Microsoft, Github, and JetBrains.

We’ve also got a bunch of top-notch JavaScript libraries that’ll help you create stunning Flowcharts, impressive data grids, and sleek calendars. Plus, there’s a handy PHP library that’ll make performing HTTP requests a breeze. So let’s not waste any more time and dive right into the full list!

Jetbrains Mono: The Ultimate Typeface for Developers

Introducing Jetbrains Mono, a monospace type font specially designed with developers in mind. This font brings your coding experience to a whole new level. With four different weights, over 100 code-specific ligatures (think => and ===), and the best part? It won’t cost you a dime.

Zttp

Hi there! Let me introduce you to Zttp, a powerful tool that allows me to make HTTP requests with PHP. It’s like a helpful assistant that simplifies the process for me. You see, there’s another library called Guzzle that’s really great at handling HTTP in PHP, but it can sometimes feel a bit overwhelming to use. That’s where Zttp comes in. It acts as a smart middleman between Guzzle and me, making the whole process much easier and straightforward for about 90% of the things I need to do. So, whenever I’m working with HTTP requests in PHP, Zttp is my go-to resource.

Introducing Solid.js: A Fast and Modern JavaScript Library for Building User Interfaces

y

Hey there! Have you heard of Solid.js? It’s a cool JavaScript library that I want to tell you about. Unlike some other popular libraries like React.js, Solid.js takes a different approach by not using Virtual DOM. Instead, Solid.js compiles your code directly to native DOM nodes, which makes it super fast.

But speed isn’t the only thing that sets Solid.js apart. It also provides a bunch of modern features that make it a joy to work with. One of these features is State, which allows you to easily manage and update the data in your app. With State, you can keep track of things like user input, button clicks, and more. It’s like having a memory for your app!

Another awesome feature is JSX. If you’re not familiar with JSX, it’s a syntax extension for JavaScript that lets you write HTML-like code right in your JavaScript files. This makes it super easy to create and manipulate your user interface components in a way that feels natural and intuitive.

So, whether you’re looking for speed, modern features, or just a fresh take on building user interfaces, Solid.js has got you covered. Give it a try and see what you think! Happy coding!

Flowy

Creating a flowchart is a breeze with Flowy. All you have to do is drag and drop a block, rearrange it by moving up, down, left, or right. It has a sleek interface that is equally impressive on mobile devices. Plus, you can customize it to your heart’s content using the API and Callback Functions.

Welcome to Playwright!

Hey there! I’m excited to introduce you to Playwright – a cool new tool from Microsoft that makes browser testing a breeze. With Playwright, you can automate your tests and run them in real browsers like Chrome, Firefox, and Webkit-based browsers. It’s like having an assistant that performs a series of actions for you!

Imagine this – you’ve just built a new feature for your website. You want to make sure it works perfectly when your users try it out. That’s where Playwright comes in. It allows you to define a set of actions to test your feature and see if it behaves as expected. It’s like having a magical button that ensures your code is working smoothly.

Playwright takes care of the tough stuff, so you don’t have to. It navigates through your website, clicks buttons, fills out forms, and more – just like a real user would. You can sit back, relax, and let Playwright do the hard work.

So why is Playwright so awesome? Well, it’s open-source, which means it’s free for everyone to use and contribute to. Plus, it’s backed by Microsoft, so you know it’s reliable and powerful. If you’re a developer or a tester, Playwright is a game-changer that will save you time and effort.

Ready to get started? Just follow the simple steps to install Playwright, and you’ll be on your way to smooth and efficient browser testing. Happy testing!

Understanding the CSS Cascade

Have you ever wondered how CSS works? The CSS Cascade is here to unveil the magic behind it all. In this article, I will take you on a journey through the mysterious world of CSS to help you become a master designer or developer.

Amazing CSS Houdini

Guess what? CSS is about to get even more awesome with CSS Houdini. Usually, when a new feature is added to CSS, it takes a really long time for it to work in different web browsers. Sometimes, it can even take years or even a decade!

Well, the CSS Houdini specification is here to fix that problem. It lets you create your own custom features for CSS using the browser’s API. And the best part? You can make it work in all kinds of different web browsers!

Neumorphism

Hey there, I’ve got something cool to share with you! Have you ever wanted to create a neumorphism user interface with CSS? Well, I found a handy tool that can help you do just that!

With this tool, you can easily pick a color, adjust the shadows, and even shape your neumorphic UI. And guess what? It will generate the CSS code for you to copy and use in your own projects!

Take a Look Inside the Clipboard

Hey there! I’ve got some exciting news for developers like you. Introducing the Pasteboard Viewer – your new best friend when it comes to checking if your app is really putting the right stuff on the NSPasteboard!

With this handy utility app, you can effortlessly monitor the pasteboard contents in real-time. It’s like having x-ray vision for the clipboard! So, what can you expect? Well, brace yourself for the ability to preview text, RTF, and images. You can actually see what’s going on in there!

Curious to learn more? The Pasteboard Viewer is yet another brilliant creation from the talented Sindre Sorhus. Get ready to take a deep dive into the exciting world of NSPasteboard!

Critic.sh

Hey there! I’m Critic.sh, a handy little tool to help you test your Bash scripts. Think of me as your own personal testing guru. With my help, you can check if your script is doing what it’s supposed to do and returning the results you expect.

GitExplorer

Hey there! Are you in need of some help finding the perfect Git commands? Look no further than GitExplorer! We’ve got your back, making it super easy for you to navigate the world of Git.

Here’s the deal – we’ve created a user-friendly interface where you can select the specific command you need, along with the context or scenario you’re dealing with. Let’s say you want to clone a repository and deal with submodules afterwards. No problem! GitExplorer will generate the command you need: git submodule update –init –recursive.

Exciting News: Windows Terminal is Here!

Guess what? Windows is getting a Terminal application! Microsoft just released their latest version, packed with bug fixes and cool new features. It’s called Windows Terminal, and it’s gonna blow your mind!

So, what can you do with this awesome Terminal app? Well, I’m glad you asked. With Windows Terminal, you can run all sorts of scripts in different Shell environments. Yep, you heard that right – you’ve got options! You can use powerful shells like PowerShell, or if you’re feeling adventurous, you can even try out the Windows Linux Subsystem with Debian or Ubuntu. It’s like having a magic box that gives you access to a whole bunch of cool stuff.

Github CLI

Did you hear the news? Github just released its official CLI. Now, I know what you’re thinking – “What’s a CLI?” Well, my friend, CLI stands for Command Line Interface. It’s basically a fancy way of saying that you can manage your Github repositories straight from your Terminal. How cool is that?

With this CLI, you can do all sorts of things. Want to create a Pull Request or open an Issue? No problem! You can even check the status of your repositories – all without leaving the comfort of your command line. That’s right, say goodbye to juggling between browser tabs and hello to streamlined Github management.

FullCalendar

Hey there! Have you ever wanted to create a cool calendar for your website? Well, look no further because FullCalendar is here to save the day! FullCalendar is a JavaScript library that lets you make an awesome calendar just like the one you see in Google Calendar, but with even more cool stuff and lots of options to customize it just the way you want.

With FullCalendar, you can easily integrate it into your website, whether you’re using React.js, Vue.js, or Angular. It’s super flexible and works great with these popular frameworks.

All About Aos

Hey there! Have you ever wondered how some websites have those cool animations that make content come to life as you scroll? Well, let me introduce you to Aos – a powerful JavaScript library that can bring your website to the next level!

With Aos, you can easily animate content as it appears on the viewport. No need to worry about complicated setups or external dependencies – Aos runs smoothly on Vanilla JavaScript. Plus, it comes bundled with an intuitive API that makes integration a breeze, regardless of the type of website you have.

Whether you’re a seasoned developer or just dipping your toes into the world of coding, Aos is perfect for anyone looking to add some pizzazz to their website. So go ahead, give it a try and watch your content come alive!

Handsontable

Hey there! Have you ever wanted to create a data grid that feels just like a spreadsheet? Well, look no further because I’ve got just the thing for you — Handsontable. It’s an amazing JavaScript library that lets you do just that!

With Handsontable, you can easily bind your data, validate it, filter it, sort it, and even perform CRUD operations. It’s super flexible and makes handling data a breeze!

What’s even better is that Handsontable plays well with other popular frameworks like Vue, React, and Angular. So, no matter which framework you prefer, you can enjoy all the benefits of Handsontable without any hassle.

JavaScript Talks You Can’t Miss

Hey there! Are you looking to level up your JavaScript skills? Well, you’re in luck! I’ve got a fantastic collection of talks that will help you do just that.

These talks cover a wide range of topics, including the latest version of JavaScript (ES6), various frameworks, creating client-side applications, optimizing JavaScript performance, and more. It’s everything you need to take your JavaScript game to the next level.

And the best part? These talks are absolutely free! So you can brush up on your JavaScript skills without breaking the bank.

So what are you waiting for? Dive into this treasure trove of JavaScript knowledge and watch these talks. You won’t regret it!

HeroIcons

Hey there! I want to tell you about HeroIcons. They’re these really cool icons that come in two different styles – solid and outline. And get this – there are a whopping 140 icons in each style! But wait, there’s even more – they’re going to add even more icons to the collection! How awesome is that?

And here’s the best part – these icons are in SVG format. That means you can make them any size you want without worrying about them getting all pixelated and blurry. They’ll always look crisp and clear!

A New Era of Animation with SceneJS

Hey there! Have you ever wanted to bring your web pages to life with captivating animations? Well, look no further because Scene.js is here to make your dreams come true!

Scene.js is like a magical potion that combines the power of JavaScript with the awesomeness of CSS animation. With this incredible library, you can create mesmerizing animations using a CSS-based timeline. It’s perfect for those of you who are already familiar with CSS animation and want to level up with the dynamic language of JavaScript.

Welcome to OpenPeeps!

Here, you’ll find a fantastic assortment of SVG elements, including arms, hair, cloth, accessories, and facial expressions. You can combine these elements in countless ways to create unique and captivating characters.

But that’s not all! OpenPeeps also offers ready-made combinations of these elements in both PNG and SVG formats. Best of all, these downloads are completely free. It’s the perfect solution for busy designers and developers who want to add some character to their websites or web applications.