DevMarketer
Creator channel

DevMarketer

15 recent indexed videos · 62,400 subscribers

Latest videos

Fresh from DevMarketer

Showing 12 of 15 kept videos

Guide | 7 years ago

How to Build iOS Style Switch or Toggle Using Only HTML, CSS, & Vanilla JS

Have you ever wanted to use an iOS style switch on your website and reached for a package or framework in order to do it? You don’t need any frameworks to build this, and today I am going to show you how you can build an iOS style switch from scratch using only HTML, CSS, and vanilla Javascript.

We will code this project up in Codepen, which makes it easy to follow along and experiment with our project.

===== SOURCE CODE =====

The Full Source Code (CodePen Project): https://codepen.io/jacurtis/pen/EGOgqY

You can fork the project within codepen if you are interested in playing around with this more. There is 1 significant difference between this project and the one in the video and that is that the project linked above is

==== FOLLOW ME ====

Subscribe for New Releases!

Subscribe to DevMarketer Insider https://confirmsubscription.com/h/d/5EDC91CF554832D1

Twitter - http://twitter.com/_jacurtis (ask me questions!)

==== QUESTIONS? ====

Leave a comment below and I or someone else can help you. For quick questions you may also want to ask me on Twitter, I respond almost immediately.

Email me hello@jacurtis.com

Thanks for all your support!

#css #js #html #no-frameworks #tutorial

Recent video details

Indexed videos from DevMarketer

How to Build iOS Style Switch or Toggle Using Only HTML, CSS, & Vanilla JS

Guide | 7 years ago

Have you ever wanted to use an iOS style switch on your website and reached for a package or framework in order to do it? You don’t need any frameworks to build this, and today I am going to show you how you can build an iOS style switch from scratch using ...

Open this video on DevMarketer

Configuring Settings For Our Laravel-Websockets Server

Guide | 7 years ago

In our previous video, we talked about setting up the laravel-websockets package to run our own websocket server. This video will focus on the settings you can configure when setting up your websocket server. For those interested in learning how to use this...

Open this video on DevMarketer

Self-Host Your Own Websockets with Laravel - It's This Easy and Fast

Guide | 7 years ago

Have you ever wanted to use Websockets without using an external service like Pusher? In this video I will show you how you finally can leverage the power of websockets in Laravel without any external services. We will use Laravel Echo to work with the sock...

Open this video on DevMarketer

Using Subdomain in Laravel for Staging, Beta, and Live Servers

Guide | 8 years ago

Ever wanted to create multiple staging servers for your Laravel project but not know how to set it up? In today's video we answer a common subscriber question I get about how this works, so that you can maintain different Larave projects with different subd...

Open this video on DevMarketer

Websockets in Laravel - Part 4: Authenticating Private Channels

Guide | 8 years ago

Up to this point we have always worked with public channels in Laravel Echo. Public channels can be useful for websites with public facing frontends and with notifications like comments that don't provide sensitive or private information. So what do you do ...

Open this video on DevMarketer

Websockets in Laravel - Part 3: Handling Socket Server Events

Guide | 8 years ago

It is finally time to connect to our socket server and start serving broadcasting events to our users. In this tutorial part, we will be creating our event, which we will trigger server-side when we hit the new comment API point that we created in the last ...

Open this video on DevMarketer

Websockets in Laravel - Part 2: Setting up Comments API & AJAX

Podcast | 8 years ago

We are all anxious to get writing some code to interact with websockets, but first we need to build the foundation of code necessary to start submitting and displaying comments to our users. Once we have this part setup, then we can easily add websockets to...

Open this video on DevMarketer

Websockets in Laravel - Part 1: Configuring Laravel for Websockets

Guide | 8 years ago

The goal today is to clone our repository for the demo project so you can easily follow along throughout this series on Laravel Echo. Once we setup the demo project we will also explore how to configure a laravel project to get it ready to start using webso...

Open this video on DevMarketer

Websockets in Laravel: Part 0 - What are Websockets?

Guide | 8 years ago

Before we can master websockets, its important that we first understand them and the terminology that surrounds them. You will encounter lots of funny words while you study websockets and read documentation about them. So the goal of this video is to make s...

Open this video on DevMarketer

Websockets in Laravel: Course Introduction

Guide | 8 years ago

You guys voted on this new series, we are learning websockets in Laravel with Laravel Echo now. This series will grow with more videos to help you master the knowledge of websockets in Laravel. Websockets allow us to create incredible user experiences (UX) ...

Open this video on DevMarketer

Adding Notifications & LaraFlash Package (Ep 25) - Build an Advanced Blog & CMS

Guide | 8 years ago

In this video we add the LaraFlash package to more easily manage our flash notifications. This powerful plugin allows us to easily add flash notifications to our Laravel app, including attaching additional information like priority, message type (success, i...

Open this video on DevMarketer

API Call to Ensure Unique URL (Ep 24) - Build an Advanced Blog/CMS

Guide | 8 years ago

Today we are going to build an API Endpoint to test if our blogpost slug is unqiue. We want it to return true if it is unique (indicating we can use it in our post), and false if we can not use it because the slug is already taken by another post. In our Vu...

Open this video on DevMarketer