Category: Web Design – Javascript

IntroJS: Introduce your app for first time visitors.

A simple jQuery function which provide a tutorial kind of functionality for your web application. It will extend your web application’s capabilities and allow you to minimize the training part for your application. First time visitors can get introduced to your site content/functionality. A new digital sitemap. Step 1: Include the introJS in your application’s head/body/footer as per your framework structure. <script src=”http://github.com/intro.js”></script> Note:: jQuery…

It's our epic JavaScript 2018 roundup

This week we’re taking a break from the usual roundup to look back at what happened in the JavaScript world in 2018, as well as the tutorials, videos, and tools you, our fantastic readers 🤗, clicked on the most. Thanks for continuing to support us in 2018 and we’ll be back on January 4th. We hope you have a fantastic holiday season, however you celebrate…

Design pattern – Asynchronous operation with conditions

Use doors to represent asynchronous operations depending on multiple conditions. Imagine a door with multiple locks, you can not open the door until all locks are unlocked and one lock is enough for the door to be closed. Check it out online! Usage A door is either opened or closed. The transition from one state to an other depends on conditions called “locks”. const Doors…

Writing A Multiplayer Text Adventure Engine In Node.js

About The Author Fernando Doglio has been working as a Web Developer for the past 13 years, and as a Technical Manager for the last 4. In that time, he’s come to love the … More about Fernando Ever heard of a text adventure? If you’re old enough (like me!), then you’ve probably heard about them or even played them back in the day. In…

Creative Logo Design for Screen for 2019

Challenges Boards All Boards Community Top Users Top Creators Top Challengers Top Contributors THIS WEEK LEADERBOARD Case Studies Start a case study Featured case studies Store more_horiz User Rankings Sell With Us Advertise Stories Blog About Terms Privacy Policy FAQ search close Login add_circle_outline

nextein v2: Static Site Generator for Next.js + Markdown.

A static site generator based in Next.js What is it? nextein is a wrapper around next.js that allows you to write static sites using markdown and react. Requirements NodeJS v8.x+ is required to run nextein commands. Starter Kit If you want to jump into a starter project check nextein-starter Getting Started There are a few steps you have to follow to get your site up…

Tutorial “Functions in JavaScript”

Sometimes, the elegant implementation is just a function. Not a method. Not a class. Not a framework. Just a function. – John Carmack From the author Function is the main building block of a code in high-level languages. You transform data, compose and decompose units of code, and even control space and time with functions. Functions come from algebra so mastering them is like mastering…

Code Splitting with React Suspense

React.Suspense, along with React.lazy(), introduced in v16.6, adds new functionality that allows components to wait for something before actually rendering. This new ability makes code splitting and lazy loading of React components a breeze! Getting Started To get started, you will need to make sure you are on React v16.6 or higher. If you’re starting a new project, or if you’re working with an older…

'JavaScript is the main cause for making websites slow.'

Pika: A Searchable Catalog of ES Module npm Packages — Most packages in the main npm repository are published as Node.js/Common.js-style modules which aren’t so good for front-end development. Pika lets you search only for fast, modern packages using the ES module syntax. Fred K. Schott A Guide to the CSS Object Model (CSSOM) — If you’ve written JavaScript in a front-end context, you’ve undoubtedly…