Exciting New Stuff for Web Designers and Developers (August 2021)

So many cool things are happening in the world of web development! It’s hard to keep up with all the new tools and techniques, but don’t worry, I’ve got you covered.

In this post, I’ve gathered some awesome resources to help you stay up to date, my fellow web developers. We’ve got tools, frameworks, learning materials, and design resources. Let’s dive into the full list!

What’s Fresh in Web Design and Development (July 2021)

As a web developer, there’s always something new to learn and grow. You can even brush up on your design skills. Read more

Check Out Peeky!

I want to tell you about a cool framework called JavaScript Tester. It’s a tool that helps you test your JavaScript code in a really neat way.

One of the things that makes it special is its user interface. With this framework, you can easily run and keep an eye on your tests for each file. It’s pretty slick-looking, if you ask me.

Another great feature is that it fully supports modern JavaScript right from the start. That means it can handle things like Async/Promise and TypeScript. And there are even more exciting features in the works!

I believe these unique qualities set it apart from other similar frameworks out there. So if you’re looking for a powerful and user-friendly way to test your JavaScript code, this framework is definitely worth checking out.

Super Cool Tips

Super Cool Tips is a treasure trove of code standards and incredible tricks for various programming languages, frameworks, and development environments. It’s like having a secret weapon in your coding arsenal.

Are you in charge of a team of developers? Well, guess what? This is your go-to resource for creating a set of guidelines that will set your team apart. It’s like having a personal assistant at your fingertips.

Introducing IDB KeyVal

Hey there, did you know that your browser has a super cool secret? It’s a built-in database called IndexedDB. It’s just like SQL, where you can create a database and add columns, but here’s the twist – it lives right inside your browser!

Now, let me tell you about this amazing library called IDB KeyVal. It’s designed to make working with IndexedDB a breeze. It takes care of all the little quirks and takes into account the different browsers and their versions, so you can focus on building awesome stuff.

What’s New with Github? A Closer Look at their Open Graph Image Feature

Have you noticed something different when sharing a repository URL from Github? You might have! Github recently made an interesting update to their platform that has caught my attention.

Before this update, sharing a repository URL from Github would look a bit odd because it would only show the repository author. Not exactly the most useful or eye-catching image, right?

But now, things have changed for the better! Github has introduced a new feature called “Open Graph Image” that brings more relevant and engaging visuals to the table. When you share a repository URL, you’ll see an image that includes the repository name, languages, author, and more.

Curious about how this new feature works? Well, in a recent blog post, Github has shed some light on what goes on behind the scenes.

Absurd Design

Hey there! Want to make your website stand out with a totally unique look? Then check out these mind-blowing abstract illustrations from Absurd Design! They’re guaranteed to give your site a one-of-a-kind personality.

With Absurd Design’s collection, you’ll find a bunch of crazy illustrations that will leave you scratching your head in awe. These aren’t your typical pictures – they’re abstract, bizarre, and totally absurd. Trust me, you won’t find anything else like them!

But wait, it gets even better. Absurd Design offers their illustrations in two formats, so you have options! You can choose between PNG or SVG, depending on what works best for your design needs.

So next time you need to add a touch of eccentricity and originality to your website, give Absurd Design a try. These illustrations will make your site pop and have everyone talking about it. Give it a shot – you won’t be disappointed!

Introducing WVSC: A Custom VSCode Theme

Are you tired of your plain old code editor? Looking for a fresh new look that will make coding more enjoyable? Look no further! WVSC is here to save the day.

WVSC is a custom VSCode theme that will transform the appearance of your code editor, making it look sleek and stylish. With its light and dark color schemes, WVSC offers the perfect aesthetic for any coding session.

Whether you’re working on HTML, CSS, or JS codes, WVSC is designed to make your code stand out. It’s optimized for Retina displays, ensuring that your code looks crisp and clear on high-resolution screens.

Installing WVSC is a breeze. Simply download it and apply it to your VSCode editor. Within seconds, you’ll have a completely refreshed coding environment that will make you excited to write code.

So why wait? Give your code editor the makeover it deserves with WVSC. Download it today and unleash your coding creativity!

Welcome to the Schema API

Hey there! Looking to get some inside scoop on your competitors’ websites? Well, you’re in luck! With our amazing Schema API, you can easily analyze a website and grab all the juicy structured meta data defined in Schema.org. It’s like getting a sneak peek into their secret bag of SEO tricks! And the best part? It’s absolutely free! So why wait? Let’s dive right in and start uncovering the hidden gems of your competition.

Boxicons

Hey there! I’m here to tell you about an awesome collection called Boxicons. It’s designed especially for web designers and developers like you. Boxicons has over 1500 icons that you can use in your projects.

These icons cover a wide range of categories, so you’ll find everything you need for building websites and apps. And that’s not all – Boxicons also includes popular tech and service logos, so you can add those to your designs as well.

With Boxicons, you’ll have access to a world of creative possibilities. These icons are perfect for making your websites and apps stand out. So dive in and start creating something amazing!

Welcome to Shiki

Hey there! I’m Shiki, a super lightweight JavaScript library that’s here to make your code syntax shine with the right colors. I’m lightning fast and I’ve got your back when it comes to supporting 100 different languages right out of the box. Yep, you heard me right – 100 languages! Whether you’re coding in English, Chinese, or any other language under the sun, I’ve got you covered.

But that’s not all! I also come with some awesome themes that will make your code look even cooler. How about trying out the Monokai theme? It’s got that classic, stylish vibe. Or maybe you’re into the dark side and prefer the Dracula or Github dark themes. Don’t worry, I’ve got you covered there too. And hey, if you’re more of a light theme kind of person, I’ve also got the Github light theme just for you.

So, whether you’re a professional developer or just getting started with coding, Shiki is the perfect companion to make your code pop and help you focus on what really matters – bringing your ideas to life. Give me a try and let’s make your code look amazing together!

Build Rock-Solid React Apps

Introducing Bulletproof React: a powerful framework that provides everything you need to create a strong and reliable application with React.js. It handles the nitty-gritty details, from structuring your code to managing state, authentication, and more. With Bulletproof React, you can hit the ground running and start building right away. It’s the perfect launchpad for your React projects!

Why waste time reinventing the wheel every time you start a new React project? Bulletproof React streamlines the development process, giving you a solid foundation to work from. From directory setup and configuration to stylish components and seamless state management, we’ve got you covered. Our battle-tested architecture ensures your app is well-organized and maintainable, saving you time and headaches down the line.

With Bulletproof React, you’ll have all the tools necessary to create a first-class React application. Whether you’re a seasoned pro or just getting started with React.js, this framework is a game-changer. Say goodbye to the hassle of setting up your project from scratch – let Bulletproof React do it for you, so you can focus on what you do best: bringing your ideas to life.

Torchlight

Hey there! I’ve got some exciting news to share with you. Have you ever wanted to make your code look super cool and colorful, but didn’t want to mess around with JavaScript? Well, guess what? I’ve found the perfect solution for you! It’s called Torchlight.

Torchlight is a library that can render code syntax with all the fancy colors you can imagine. And the best part? You don’t need JavaScript for it to work! Unlike other similar libraries, Torchlight does all the hard work on the server-end, so you don’t have to worry about a thing. It even gives you a fully rendered HTML with all the syntax colors included. How awesome is that?

Another great thing about Torchlight is that it supports a ton of different programming languages, so no matter what kind of code you’re working with, it’s got you covered. Plus, it comes with a bunch of themes right out of the box, so you can choose the one that suits your style.

So go ahead and give Torchlight a try. Trust me, you won’t be disappointed. Your code will look better than ever, and you’ll save yourself the headache of dealing with JavaScript. It’s a win-win!

Laravel Zero

Have you ever wanted to create your own command-line (CLI) using Laravel? Well, I’ve got good news for you! Laravel Zero is a framework that allows you to do just that. It puts a unique spin on the traditional Laravel framework, offering some exciting features that you won’t find in the standard version.

One of the standout features of Laravel Zero is its interactive menu. With this feature, you can navigate through your CLI application right in the Terminal, selecting options and making choices as you go. It’s like having a conversation with your computer!

But that’s not all. Laravel Zero also gives you the ability to send desktop notifications. Imagine being able to receive important alerts or updates directly on your screen while using your command-line application. It adds a whole new level of convenience and efficiency.

So, what exactly is Laravel Zero? It’s a powerful framework that empowers you to build a rock-solid CLI application. Whether you’re a seasoned developer or just starting out, Laravel Zero is here to help you create command-line magic with ease.

Introducing WP-CLI Fixtures

Hey there! I’m here to talk to you about a super cool tool called WP-CLI Fixtures. It’s an extension for WP-CLI that lets you create fake content. And I mean more than just posts – you can make menus, taxonomies, and users too! How awesome is that?

So why would you want to use WP-CLI Fixtures? Well, think about it. It’s perfect for when you need to do some automated testing. Instead of manually creating all the content you need, you can just use WP-CLI Fixtures to generate it for you. Talk about a time-saver!

Welcome to Starship!

I’m here to enhance your Shell experience and make your life easier. With Starship, you’ll have access to a range of helpful features that will save you time and energy.

First and foremost, I improve your command completion, so you can effortlessly navigate your projects. But that’s not all. I also provide extra information about your current project, like the Git branch you’re on, Git metrics, and the version of the programming language you’re using.

But wait, there’s more! Starship offers a variety of options that will inject joy into your Shell environment and supercharge your productivity. No more tedious typing or searching for information. I’ve got you covered.

HTTPie

Hey there! Have you heard of HTTPie? It’s a super cool app that lets you make HTTP requests from the command line. Unlike other apps, HTTPie has a really easy-to-use syntax, so you won’t get confused. Plus, it has built-in support for JSON, which means you can work with it more easily. It’s like an all-in-one tool that makes dealing with HTTP requests a breeze.

Learn Anything

Do you ever want to learn something new, but you’re not sure where to start? Well, let me tell you about this awesome search engine called Learn Anything. It’s a one-of-a-kind tool that helps you find all the resources you need to learn something. You can search for anything – like web design or mobile applications – and it’ll give you all the guidelines and materials you need to get started. It’s like having a personal tutor right at your fingertips.

VSCode JS Debug

Hey there! Allow me to introduce you to the brand new and better-than-ever JavaScript debugger for Visual Studio Code! This amazing tool works on various platforms, not just in your browser with Chrome and Edge, but also in the Node.js environment and as a VSCode extension.

Lint Staged

Do you want to make sure your code meets the code standard? Look no further! Lint Staged is the perfect extension for you. With this tool, you can easily check your code every time you stage it in Git, ensuring that it complies with the standard. And the best part is, it won’t let you push your code until it passes the check.

Whether you’re working on a team project or collaborating with multiple contributors in an open-source environment, Lint Staged is a handy tool to have. It helps you maintain code quality and ensures consistency throughout your project. Say goodbye to messy and inconsistent code, and say hello to clean and compliant code. Let Lint Staged be your code quality guardian!

ChromePHP

Hey there! Did you know that with ChromePHP, you can control a Chrome-headless browser using PHP? It’s a cool PHP library that lets you run automation tests right in your browser. If you’re a PHP developer, this library is perfect for you because it allows you to work with all your projects that use PHP, without needing to learn any other languages. How awesome is that?

Welcome to Vitesse WebExt

Are you ready to dive into the world of developing browser extensions using Vue.js? Look no further than Vitesse WebExt, your one-stop shop for all your extension development needs.

With Vitesse WebExt, you can hit the ground running. This powerful boilerplate and development environment has everything you need to get started, and it’s all built on top of Vue.js and its supporting components.

But that’s not all – Vitesse WebExt goes the extra mile by taking care of all the prerequisite configurations for you. Say goodbye to tedious setup tasks because Vitesse WebExt has got you covered. It includes WebExtension polyfills, WindiCSS for styling, ESLint for code quality, TypeScript, and more.

So don’t waste any more time. Get started with Vitesse WebExt today and unlock your full potential as an extension developer. The world is waiting to see what you can create.