Node.js A Javascript runtime built on Chrome’s V8 engine and backed by JS Foundation. It can run on both the server and the client. Node can be used to build scalable, high-performance, low latency web applications such as chat, RESTful API, and web servers. For example, Node can make applications that have to deal with…
Details
Almost every year, we kick off with a list of design trends that we think will dominate projects in the coming year. While we’ve gotten pretty good at identifying hits, there are also some misses. These trends might fade due to a lot of different factors, but commonly they are just difficult techniques that don’t…
Details
Hey guys!Really excited to share my first website. I am self taught in web development and am really proud of the project Ive been working on over the past year. Its finally getting to a stable build and looking presentable so I decided I wanted to start sharing it around to see what people think.Id really appreciate some constructive criticism so if you have any feedback please let me know!!The site is https://www.speedyfingers.net!
Details
My buddy wanted to start a science newsletter where he can share some interesting things he does and reads about in his lab. He was almost ready to pay for Mailchimp when I stepped in and offered him my services for a fraction of the price using Amazon SES & Firebase as the backend and React & Material UI for the frontend. I am a self-taught web developer and I thought it would be a good practice to do this for him. Here is a brief description of my process:Design: React + Material UIThis was a simple decision. He was already using a Gatsby with Material UI for his blog. I just created a new page in Gatsby for the landing page.There are two CTAs, one is the sign me up button as part of the form itself. The second one is at the bottom of the page which on click will scroll back to the form and will highlight it for 10 seconds.Collecting Emails – Firebase Cloud Functions, Amazon SES and MailblusterI used react-hook-form and yup to validate form inputs to email. On submit, the email will go through a Cloud Function which will write the email and associated data to a Cloud Firestore collection called subscription_requests. This will trigger another function that will generate a confirmation link (used CryptoJS with a secret to encrypt the email) and use SES to send it to the user.When the user clicks on the confirmation link, another Cloud Function is triggered which validates the email and calls the MailBluster API to add the email. This function will also transfer the document from subscription_requests to subscription_confirmed in Cloud Firestore.I chose MailBluster because they seamlessly integrate with Amazon SES with no extra charges for the first 60k emails. My friend can then use MailBluster UI to design and send newsletters.On unsubscribe, MailBluster also offers to redirect to a URL. I used this to redirect the user to a Cloud Function which will remove the document from Firestore.So that was my process to build this simple newsletter system for my friend. Let me know if you have any questions and suggestions.Thank you.
Details
TL;DR version:I make and maintain vagrant boxes that are built for full-stack web development and have Linux (Centos8 or Ubuntu20), Apache / nginx, MySql, PHP, installed and good to go. The boxes are completely free to use and entirely open source. To try one of the boxes, just follow the instructions under “Basic Usage” at https://www.aracpac.com/.“I got time, tell me more” version:If you’re a web developer, you have some kind of local development setup. Either you’ve installed the tools directly on your desktop, or (hopefully) you’re using some form of virtualization, say Docker or VirtualBox. This is often a pain point for developers, though, especially when new versions of software come out and break backwards compatibility. For instance, with the recent release of PHP 8, if you have a project that requires PHP 8 and another that is incompatible with it, you’ve got a problem. Yes there are ways to juggle multiple versions of PHP on your desktop, but this isn’t entirely straightforward and may be work you want to avoid.I’ve addressed this need for several previous clients by building purpose-built virtual machines using packer, ansible, vagrant, and VirtualBox. Packer takes a raw server image, say the base Ubuntu 20 or CentOS 8 installation disks, and configures the installation based on your configuration. Then it hands that fresh and empty server over to ansible, which installs and configures all of the software you’ve specified. Next, packer shrinks and exports the server image for use with vagrant and VirtualBox.I started the AracPac project to share the machines I build and maintain for my own usage, but which I think might be useful to other developers as well (you can see the source on github). You can either use the fully ready prebuilt vagrant boxes that I upload to Vagrant Cloud, or modify the scripts to suit your specific needs and build your own images. If you’re not aware, packer can also be used to export to cloud providers, so you can target not only vagrant and VirtualBox, but AWS, Google Cloud, Digital Ocean, and most large providers (I do this for clients who want their local, staging, and production servers perfectly synced).There’s also a second repository, where I maintain some optimized Vagrantfiles. If you’re new to vagrant, a Vagrantfile is a configuration file that sets things up for you. Over the years, I’ve found some helpful tips and tricks that make the experience nicer, and I thought they may be useful to others as well. These are designed to work on MacOs, Linux, and Windows, and if you’re on Windows, will help with a bunch of pain points, such as configuring NFS properly.If you’d like to try one of the boxes, here’s how:install vagrantinstall vagrant plugins: vagrant plugin install vagrant-hostmanagerinstall virtualboxdownload an AracPac Vagrantfile to an empty directory:navigate to the directory from your terminal and type vagrant upyou can then SSH into the box by typing vagrant sshyou can view the webroot (/var/www) by browsing to https://dev.local/ on your desktopI hope these are useful to others out there. Please let me know if there are tools you use that you think would be a good fit for the boxes.
Details
There are some things you can’t explain in a few words, or with website copy. You need a booklet or a brochure. Now, there are all kinds of brochures. Practically every business is giving them away these days. If you want your audience to take you seriously, both your content and your booklet presentation have…
Details
https://millo.co/starting-a-web-design-business-with-no-portfolio
Branding is a vital and integral part of any business. In fact, even before trying out your products and services, branding is what helps people recognize and identify your business. No matter how big or small your business or venture is, your marketing strategy will not be successful unless you pay proper attention to branding.…
Details
According to reliable sources on the internet, chrome browser is used by almost 58% of the total users who use the internet in the world. This stat makes chrome browser as one of the most important browsers in the current times. Before discussing the development of a chrome extension, we should understand what a chrome…
Details
Instagram stories are one of the hottest social media formats. The vertical format allows creators to share videos, photos, and mixed media content in a streaming medium, and introduces an entirely novel layout to design for. The tricky part is creating stories that are enjoyable, shareable, and help people engage with your account, brand, or…
Details