In this post, we'll create a super simple navigation bar that sticks to the top of the page even after the user scrolls past it. This solution is incredibly straightforward using vanilla javascript.
How To Draw with Javascript & HTML Canvas
5 Things I Learned at LaraconEU 2017
Javascript: Update NodeList Elements Based on an HTML Range Input
In this post, I'm going to walk through how to update a Javascript node list based on the input values of an HTML range. Every time a user to our website moves the input slider, we will take the value of the slider and multiply it by an array of constants to produce a new value. Finally, we will output this new value to the page.
Javascript: Sort An Array Using The Compare Function
Javascript: Calculate Characters Remaining In A TextArea
In this post, we'll create a Javascript event listener that calculates the number of characters that have been entered in a TextArea. The purpose here is not to demonstrate the quick and dirty solution, but rather to fully understand how the code actually works. This functionality is helpful for inline form validation and preventing users from hitting the server-side with invalid data.
Javascript: Add & Remove HTML Elements
In this post, I'm going to walk through the simplest possible example of how Javascript enables the creation and deletion of HTML elements. Using a list, we will access elements based on their tag name, add a new item to the list, and delete an item from the list. This tutorial is designed to be beginner friendly.
Rails Performance: How To Load Images Faster
How To Make A Facebook Messenger Chatbot
In this post, I'm going to walk through how to make a Facebook Messenger chat bot using my open source Survey Bot Repository. By the end of this tutorial, you'll have a fully functioning bot that responds to a series of questions and saves the information to a database
Understand and Implement Laravel Model Events
One of the most powerful functionalities in Laravel is the event. This feature enables all the triggers of various tangentially related functionality to occur throughout the life cycle of a model instance. Plus, events are always listening – meaning you don’t have to explicitly call them in the code to harness their powers. In this post, we’ll implement a sample Laravel model event listener.
Extracting Eloquent Queries to View Composers in Laravel
Whenever working with data using Laravel, it can be easy to write a few small Eloquent queries within your blade files to access the database. However, this practice can quickly spiral out of control if you're not careful, increasing query load time and destroying the performance of your application. In this post, I'll explain how to extract commonly used queries to a view composer so that they can be shared across multiple views that use different blade files.
Use Laravel Homestead's Vagrant Box to Tail Logs
Unit Test A Sorting Functionality using PHPUnit
In this post, I'm going to walk through a small code sample that automates unit testing for a sort functionality. We will call a JSON API URL, and then test that the information received is properly sorted. We'll also make the tests completely dynamic, enabling us to test multiple parameters to sort on.
Use Laravel Elixir’s Gulpfile for Multiple Websites
When starting from a fresh Laravel installation, it’s easy to get started using Elixir and your gulpfile to concatenate, minify, and move any custom CSS and Javascript code from Resources to Public. But what happens when your application takes the next step in its development cycle and expands into multiple websites?
Website Scraping Using Ruby and Nokogiri
In this post, we're going to walk through how to scrape website data in Ruby. We'll use the Nokogiri gem to grab HTML data from Hostelworld, store that data in an array, then print hostel prices to a CSV file. This is an easily extensible block of code that you can use to pull data from around the web.
Parse JSON from HTTParty using Ruby on Rails
How To Add A Foreign Key in Ruby on Rails
This article will walk through how to create a simple application that has two databases that relate to each other using a foreign key. Unlike formal documentation, my hope here is that by demonstrating the actual uses in migrations, models, controllers, and views, it will be easier for others to implement this feature.
How To Make a Newsletter Form in Ruby on Rails
Many applications and websites require e-mail capture to target leads, subscribers, and customers. This is a tutorial on how to create a reusable newsletter form for e-mail and any other user information your app requires. We'll use a brand new app for the purposes of this example, but this code is extendable for most existing Rails apps as well.
Getting Started with HAML on Rails
The HAML syntax is like installing all the software updates on your computer: at first it seems like upgrading is going to take forever and it's not worth it, but once you're up to date the time saved pays for itself and you could never imagine going back to your old ways. You can also learn a ton from the official HAML reference, but consider this a cheatsheet to bootstrap your proficiency and get started with some of the major use cases.