Skip to main content

Posts

Showing posts from 2018

The Freelancer’s Guide to Success and Happiness

With more and more designers going freelance, it could be time you followed. Here are six tips to make sure the move is a happy one. In 2016, 34% of the US workforce worked as freelancers, and by 2020, it’s estimated that number will rise to 43%.
Read More

Introduction to Forms in Angular 4: Writing Custom Form Validators

This is the third part of the series on creating forms in Angular. In the first two tutorials, we used Angular's template-driven and model-driven approach to create forms. However, while detailing both the approaches, there was something that we didn't cover—custom validator functions.
Read More

All in One Authentication and Route Protection for a React + GraphQL App

Email, Facebook, Google, Twitter, Github and the list can go as long as you wish. These are possible options for authenticating users in your web apps. Apps built with React and GraphQL are no less candidates for such authentications.
Read More

I spent 3 months applying to jobs after a coding bootcamp. Here’s what I learned.

I completed Hack Reactor in July 2016 and took almost 3 months before accepting an offer with Radius Intelligence. I applied to 291 companies, did 32 phone screens, 16 technical screens, 13 coding challenges, 11 on-sites, and received 8 offers.
Read More

Google starts certificate program to fill empty IT jobs

Google starts certificate program to fill empty IT jobs13 mins ago / TechnologyThe global split in how people get news48 mins ago / TechnologyPutin set to win Russian election, facing no real competition49 mins ago / PoliticsPentagon to develop more nuclear weapons1 hour ago / PoliticsRetailers
Read More

10 Common Ionic Problems & Error Messages (And How to Fix Them)

We have all seen many error messages while developing our Ionic apps. Some appear more frequent, others appear only on very special occasions. But especially for beginners these messages can be challenging as the meaning is not always clear.
Read More

How to Build an Angular 5 Material App

Angular Material has recently been updated, so our previous tutorial is outdated. Angular 5 has also just released, so it's worth revisiting this topic to get everyone up to date with Angular + Material!
Read More

Push Notifications for Web Browsers

How do you increase the site’s traffic? E-commerce businesses’ main goal is to keep engage their existed subscribers and get the new visitors.
Read More

Convert web page data to Excel spreadsheets with Listly

Listly is a web service that you may use to convert data on web pages to Excel spreadsheets. The service is available as a free and subscription-based version, and as a Chrome extension that makes things a bit easier.
Read More

Template Driven Form Validation In Vue.js

Form validation (or more correctly, form field validation) forces a user to fill out all required fields in a web form. The validation is typically done where the developer can set up rules. For example: If the name field is blank, take the user back to the form and display an error message.
Read More

Why You Should Be Using One of These WP Themes in 2018

There’s no limit to the number of themes on the market you can use to build attractive websites. Searching for the best one for a given business or client can be a time waster, however. You need to use a responsive theme.
Read More

A Practical GraphQL Getting Started Guide with Node.js

Most of us may be very familiar with creating REST APIs. GraphQL is a query language, created by Facebook with the purpose of building client applications based on intuitive and flexible syntax, for describing their data requirements and interactions.
Read More

Get Your SVGs Out of Your HTML

After this holiday season, many of us would like to lose a little weight, page weight that is. In my app, CodeTriage, I make extensive use of SVG elements for images, the logo, and icons. Until recently, I've been rendering the SVG elements directly in the HTML. This was the easiest thing to do.
Read More

15 Interesting JavaScript and CSS Libraries for January 2018

Our mission at Tutorialzine is to keep you up to date with the latest and coolest trends in web development. That’s why every month we release a handpicked collection of some of the best resources that we’ve stumbled upon and deemed worthy of your attention.
Read More

13 Things You Should Give Up If You Want To Be Successful

Sometimes, to become successful and get closer to the person you can become, you don’t need to add more things — you need to give some of them up.
Read More

Adding a CMS to Your Static Site With Netlify CMS

For nearly seven years I was a CMS implementer and contributor, mostly with Drupal, but occasionally with Joomla! and WordPress.
Read More

CSS Starter Kit for Developers – Shoelace.css

Frontend developers need all the best resources they can get. Usually, this means working on top of a framework such as Bootstrap because it comes packed with basically everything. However, there are plenty of alternatives and Shoelace.css is one such example you should be familiar with.
Read More

Building a Vue SPA with Laravel

Building a Vue single page application (SPA) with Laravel is a beautiful combination for building clean API-driven applications. In this tutorial, we show you how to get up and running with Vue router and a Laravel backend for building a SPA.
Read More

Rendering CSS on Servers for Next.js (React) Apps

Server-side rendering is not such an easy task. Its ambiguity is independent of the library — it’s just generally daunting. This is why some amazing developers are out there building open source tools like Next.js (React) and Nuxt.
Read More

Leaflet: Fit Polyline in View

I’ve been playing with the Leaflet.js library over the Christmas holidays to visualize running routes drawn onto the map using a Polyline and I wanted to zoom the map the right amount to see all the points. We have the following HTML to define the div that will contain the map.
Read More

Multi.js – A User-Friendly Select Box Built on Plain JavaScript

Select menus are primitive but they work. Same goes for all the typical form inputs such as checkboxes and radio buttons. It’s easy to create your own forms but rebuilding interface elements from scratch can be tough. That’s why Multi.
Read More

How to Embed MP3 Audio Files In Web Pages with the help of Google Drive

Audio hosting websites like SoundCloud or Anchor.fm make it easy for you to embed audio files in your web pages and blogs. Just upload your file – like an MP3 song or an audio podcast – to any of these sites and they’ll provide the HTML embed code that you can copy-paste in your web template.
Read More

Using Electron for Cross-Platform Desktop Application Development

When computers first became popular and started functioning with ease at workplaces and homes, it was desktop applications that caught the eye. However, with the advent of the internet and the online commerce boom, things changed drastically and web applications came into prominence.
Read More

Angular 5 Server Side Rendering With Firebase ? — Step-By-Step Guide

AngularFire Lite is the very first and currently the only library that supports server side rendering out of the box for both Firestore and the Realtime Database plus other features over the Angularfire2 library like Storage , Observable based Transactions & Batched Writes and Cloud Messaging.
Read More

JavaScript fetch with Timeout

The fetch API started out as a target for criticism because of lack of timeout and request cancelation.  While those criticisms could be argued as fair or not, the you can't deny that the fetch API has been pretty awesome.  As we've always done, if a feature is missing, we can always shim it in.
Read More

Handling Forms in Vue.js

When building web applications, there is always the possibility of working with forms. Learning to handle them as you work with different tools is very important. In this tutorial, you will see how to handle forms in Vue.js. Create a new Vue project using Vue-CLI.
Read More

Introducing Web Payments: Easier Online Purchases With The Payment Request API

The first of these standards, the Payment Request API, is a major step forward. It gives us the ability to request payment from a user and have the browser provide the user interface to accept it.
Read More