More Awesome Git Aliases / / No Comments In the last article in this series, Awesome Git Aliases, we took a look at some awesome aliases for Git. However, the true power of Git aliases comes from writing custom scripts. These allow you to build Git commands that can do anything you can imagine. In this article, I’ll show you how you can create script aliases with Git. We’re going to take a look at several awesome scripts you can use for Git that are super useful and will save you a bunch of time. Script Aliases We’ll be using Bash for our scripts. Bash is an ugly language, but it has the benefit of working almost anywhere. For your own scripts, you can use any scripting language you’d like. If you’re not... more → Posted in: JavaScript Tagged with: Aliases, awesome, More
Links For You / / No Comments A few quick links here to end May. This week has been incredibly difficult for many people, myself included. Please remember that therapy can be life saving, it was for me. If you need help, please sure to reach out and get support. Your mental health is just as important as your physical health. Raymond Camden… more → Posted in: JavaScript Tagged with: links
CSS :optional / / No Comments A decade ago HTML and CSS added the ability to, at least signal, validation of form fields. The required attribute helped inform users which fields were required, while pattern allowed developers to provide a regular expression to match against an <input‘s value. Targeting required fields and validation values with just CSS and HTML was very useful. Did you know that CSS provides :optional to allow you to style form elements that aren’t required? input:optional, select:optional, textarea:optional { border: 1px solid #eee; } [required] { border: 1px solid red; } In a sense, it feels like :optional represents :not([required]), but :optional is limited to just form fields.... more → Posted in: JavaScript Tagged with: optional
Amazing Text Editing Experiences with UltraEdit (Sponsored) / / No Comments There’s a common saying that adults spend more time with coworkers than family; for us software engineers, we spend more time with our text editor than our families. And why shouldn’t we? They’re our main tool to do a variety of things, and as these editors evolve, they’re capable of doing even more. UltraEdit, a paid text editor, has been around for decades and continues to be immensely powerful! Quick Hits UltraEdit boasts a loyal user base of over 4 million Decades of engineering expertise and stability baked into the editor The UltraEverything Suite includes a Code Editor, a File Finder and Compare tool, and FTP client Available on Mac, Linux, and Windows The entire... more → Posted in: JavaScript Tagged with: Amazing, editing, experiences, Sponsored, text, UltraEdit
I Love You, Ringo / / No Comments Some things happen in your life at exactly the right time. It could be meeting the right person, discovering an open source project you go on to join, or even starting a blog when you’re bored with a job you don’t enjoy. All of those things happened to me at the right time and brought me to where I am today. There’s no real logic in the charmed hallmarks in your life, but they happen and shape what you eventually become. Shortly after my wife and I married, we agreed we wanted a dog. We didn’t have a preference for what we wanted — we knew that when we’d meet the furry friend, we’d “just know” they were right. During our first visit to the dog shelter, we ran into a number... more → Posted in: JavaScript Tagged with: Love, Ringo
Advanced Code Display with Code Detection API (Sponsored) / / No Comments Web apps are accepting numerous types of inputs, from basic text to code to imagery, files, and more. It’s important that we validate the contents we receive but if you do allow arbitrary text, it’s good to know what exactly has been submitted so you can present it properly. Enter the Code Detection API — an API that allows you to detect code in text! Quick Hits Detects code block inside arbitrary text input Proposes the detected language and formats input accordingly Supports dozens of programming languages Excellent documentation with numerous code examples Helps to format communications between remote employees Start for free! Brought to you by APILayer, the amazing API... more → Posted in: JavaScript Tagged with: Advanced, code, Detection, display, Sponsored
Get a Random Array Item with JavaScript / / No Comments JavaScript Arrays are probably my favorite primitive in JavaScript. You can do all sorts of awesome things with arrays: get unique values, clone them, empty them, etc. What about getting a random value from an array? To get a random item from an array, you can employ Math.random: const arr = [ "one", "two", "three", "four", "tell", "me", "that", "you", "love", "me", "more" ]; const random1 = arr[(Math.floor(Math.random() * (arr.length)))] const random2 = arr[(Math.floor(Math.random() * (arr.length)))] const random3 = arr[(Math.floor(Math.random() * (arr.length)))] const random4 = arr[(Math.floor(Math.random() * (arr.length)))] console.log(random1,... more → Posted in: JavaScript Tagged with: Array, Item, JavaScript, Random
Building Table Sorting and Pagination in Alpine.js / / No Comments A few months back, I realized that one of my most popular blog posts (Building Table Sorting and Pagination in Vue.js) would be an excellent opportunity to update for a more plain (or vanilla if you will) JavaScript version. That post (Building Table Sorting and Pagination in JavaScript) was pretty fun to write. As much as I enjoyed using Vue over the past few years, I find myself more and more trying to rely less on external frameworks and sticking to simpler methods of getting things done. That being said… I am also really intrigued by Alpine.js. Raymond Camden… more → Posted in: JavaScript Tagged with: Alpine.js, building, Pagination, Sorting, table