Learn JavaScript The Easy Way
HTML & CSS
So let’s start with the HTML & CSS to make our component static. I have created the HTML and CSS for you. But if you want to change it, please go ahead and make your flavor of it.
In the HTML, we have 2 checkboxes because, with JavaScript, we will create a custom checkbox. But it is way cooler to make every input with a type checkbox, a custom checkbox.
HTML
<section class="form-wrapper">
<label class="label" for="checkbox1">
<strong>Checkbox 1</strong>
<input type="checkbox" name="checkbox1" id="checkbox1">
</label>
<label class="label" for="checkbox2">
<strong>Checkbox 2</strong>
<input type="checkbox" name="checkbox2" id="checkbox2">
</label>
</section>CSS
:root { --red: rgb(209, 3…How to solve this with navigator.mediaDevices Web API
Sometimes it happens in a WebRTC application that a browser can’t access the camera or microphone. Possibly it’s being used by another piece of software, or it doesn’t have a camera at all.
In this post, I want to show you how you can check that by using the Web API MediaDevices. It’s super simple, so let’s dive in. At the end of the post, you can use my code if you’re a lazy developer (you should be 😅).
List Media Input and Output devices
As a developer, we can’t make assumptions why we can’t access the user’s microphone or camera. With the navigator.mediaDevices.enumerateDevices() …
The beginner's guide to navigating the world of crypto
Cryptocurrencies are the currencies of our current time. They are not controlled by a bank or country like traditional currency is. It’s the money of the future!
Cryptocurrencies are rising in popularity every year! But you probably wonder why? In this post, I love to tell what cryptocurrencies are.
I’m not a financial advisor, so I will tell you everything in Plain English, so every non-financial-guru understands what cryptocurrencies are.
What is a cryptocurrency?
To understand what cryptocurrencies are, we have to understand a few terms: currency, cryptography, centralization, decentralization, and blockchain.
Currency
The definition of currency is basically money?
A newsletter for developers about HTML, CSS, JavaScript, and much more
Every issue is packed with links to projects, tutorials, and blogposts by the Underdog Developers.
I’ve tried it a couple of times before, but never did I do it like this. Creating a weekly newsletter for developers is not difficult. Creating a newsletter that developers actually want to read is a completely different story.
So this time, it’s not me who’s going to write a long story in an email. No, because developers like us don’t like to be in their email clients checking emails.
We want to discover great resources on the web. Find the newest and hottest tips for being a better developer. So that’s what I’m gonna do!
Every week the best…
Learn JavaScript The Easy Way
When you want to learn JavaScript, where do you start? Well I thought about some easy to build UI components. In this post I will show you to code a custom like button. I will explain how it works so you can build your own.
Enjoy!
HTML & CSS
So let’s start with the HTML & CSS to make our component static. I have created the HTML and CSS for you. But if you want to change it, please go ahead and make your flavor of it.
<button class="btn btn-like"> <span class="btn-icon btn--icon-default"> <span class="fa fa-heart"></span> </span> <span class="btn-icon btn--icon-liked"> <span class="fa fa-heart"></span>…Integrate Tailwind and Next.js today
In this article, I want to tell you why Tailwind CSS and Next.js form a great combination.
Some people hate writing CSS, while others love to write it. I’m one of the latter, but using a tool that helps me create a website a lot faster and brings stability into my work will always make me excited.
On my blog, I’ve used Tailwind CSS before — and I’ve been convinced to use it in more of my web development projects. If you don’t know Next.js, I would recommend reading my previous article.
This story was originally published on ByRayRay.dev
1. Why Use Tailwind CSS?
Compare…
Why Next.js is a smart choice
Building Websites in 2010
When I started with front-end development, I used only HTML, CSS, and JavaScript. Since the back-end developers in my team needed to connect it to the CMS at the time, I was building it into PHP files.
I didn’t use any framework like Angular or React. It was just HTML, CSS, and a bit of jQuery. Also, there was no CSS pre-processor that could help me. Well, they existed, but I didn’t know that.
This story was originally published on ByRayRay.dev
Building Websites in 2020
Nowadays, we have a lot of tools at our disposal. Frameworks like React and Vue.js …
Not all discussions are great. Let’s improve them
If you work in a Scrum team, you are familiar with a retrospective. For the people who aren’t, let me explain it in short.
In the Agile framework Scrum, we have a couple of events. One of them is the retrospective during which we watch back our sprint. A sprint can be a period of a few weeks (in my team, it’s two weeks). In those weeks, we commit ourselves to a set of user stories. Those user stories define what we have to build.
This story was first published on ByRayRay.dev
During the retrospective, we check how we performed…
A Tiny Step At The Time Is More Than Enough To Become A Pro
JavaScript is so populaire last years. Every year there is a poll by stackoverflow that shows this. A lot of codenewbies are also very interested in learning it. But how do you start with learning JavaScript if you know HTML & CSS?
In this post I love to tell you more and give you a 3-step action plan to get started.
This story was first published on ByRayRay.dev
1. Start with the theory first!
When you think about learning JavaScript you propably know what you can build with it. Diving into the cool stuff and complicated stuff sounds nice but can make you feel like drowning!
…
Want to write more tutorials but you aren’t sure where to start? Start here
I have written this after writing programming tutorials for eight years online. In that time I learned so much — still do — but wanted to share it with a lot more people. I hope this will bring you more practical information so you can start to create cool programming content.
Last year I tried so much. I started writing after I’d worked for two years as a developer. It felt good to share my knowledge! Years later I tried video and audio. But I felt that was not my thing. …
Dev by RayRay
I write stories about Frontend Dev, JavaScript, Typescript, Angular, NodeJS, Serverless Functions, JAM Stack, FaunaDB, Netlify, Apple, iOS— https://byrayray.dev
