Skip to main content

Posts

Showing posts from 2018

Total Guide To Dynamic Angular Animations That Can Be Customized At Runtime

From route transitions to small details like feedback when clicking on a button or displaying a tooltip, animations give your project that nice sleek look.
Read More

WordPress Gutenberg Block API: Extending Blocks

Welcome back to our series on creating custom blocks with the WordPress Gutenberg Block API. This tutorial is all about extending the random image block we created in the previous post. We got as far as adding a drop-down control to select an image category.
Read More

NgColombia Speaker Guidelines

We want you to be a rockstar in the stage ?, we want everyone calling your name euphorically and following you everywhere (not just in your social media ?). To help you achieve it, we have defined a set of guidelines that will make you shine! Read them carefully:
Read More

Hanyu Xiao on Twitter

Blog - Announcing Angular Explorer for VS Code #Angular #TypeScript #vscode ⁦@code⁩
Read More

Docz

10 essential extensions for VS Code

I've been using Visual Studio Code as my main code editor for more than two years now.
Read More

Angular NgRx Entity - Complete Practical Guide

When using NgRx to build our application, one of the first things that we have to do is to decide what is the best possible format for storing data inside the store.
Read More

Introducing GraphQL for Visual Studio Code

At Prisma, we strongly believe that the tools we're using as developers should not only get the job done, but actually be delightful and fun to use. Therefore, leveraging GraphQL to provide a great developer experience is at the core of our mission.
Read More

Real-World Angular Series - Part 1: MEAN Setup & Angular Architecture

TL;DR: This 8-part tutorial series covers building and deploying a full-stack JavaScript application from the ground up with hosted MongoDB, Express, Angular (v2+), and Node.js (MEAN stack).
Read More

Sign in with your Google Account

Sign in with a different account Create account One Google Account for everything Google
Read More

wasm-tool/node-loader

Requires the latest version of Node (Node v10). See example.
Read More

Custom Elements Everywhere

What's this? Custom Elements are the lynchpin in the Web Components specifications. They give developers the ability to define their own HTML elements. When coupled with Shadow DOM, Custom Elements should be able to work in any application. But things don't always work seamlessly.
Read More

The Big Bang of Web Development: Let's Talk About Accessibility

In previous posts, I have made mention of "this is not best practice" or "don't do this in production.
Read More

Getting Started with Angular and Electron

Electron is a popular framework that makes it easy to build desktop apps for macOS, Linux or Windows using familiar web technologies (HTML, JavaScript and CSS). Some very popular desktop apps, such as Visual Studio Code and Slack, are built using Electron.
Read More

Interactive Data Visualization with Modern JavaScript and D3

In this article, I want to take you through an example project that I built recently — a totally original type of visualization using the D3 library, which showcases how each of these components add up to make D3 a great library to learn. D3 stands for Data Driven Documents.
Read More

Material Dashboard Using Angular 6

Recently, Angular released its latest version, Angular 6.0. In the latest version, they have focused more on the toolchain, which provides us with a way to quick start our tasks easier, as well as some synchronized versions, such as Angular/core, Angular/compiler, etc.
Read More

React, Angular, and Vue: Which One Is Best and Why

BOUNTY: Angular vs. React vs. Vue: Web Development In today’s development world, technologies are growing very fast and change rapidly, with many development tools appearing to solve different development problems.
Read More

Your Brain on Front-End Development

Part of the job of being a front-end developer is applying different techniques and technologies to pull of the desired UI and UX. Perhaps you work with a design team and implement their designs.
Read More

Building Ionic Apps with Firestore

This is a guest post from Jorge Vegara. Jorge writes frequently on Javebratt about Ionic and Firebase, be sure to check it out. Firestore is a fully managed NoSQL document-based database for mobile and web. It’s designed to store and sync app data easily.
Read More

Ionic 4 Alpha Test

IONIC 4! It’s a thing that we (the Ionic team) have been hard at work on for the last few months. While we’re currently finishing up our testing, I wanted to touch a bit on how to actually setup up and start initially testing 4.0.
Read More

Now, you can deploy your Node.js app to App Engine standard environment

Support for Node.js in App Engine standard environment brings a number of benefits: Fast deployments and automatic scaling - With App Engine standard environment, you can expect short deployment times. For example, it takes under a minute to deploy a basic Express.js application. Further, your Node.
Read More

Vue Native

Vue Native Vue Native Build native mobile apps using JavaScript and VueJs GET STARTED GITHUB Star Quick hello world Example More examples
Read More

Stencil Tools : Visual Studio Marketplace

Start Your End-to-End Testing With Angular and Cypress

In this blog post, we will cover how to get started with end-to-end testing using Cypress and Angular and the AngularCLI. The code for this blog post can be found here.
Read More

Full Image Reveal Effect

JSUI * Pickr * The Most Powerful Font * Devpen * Awesome design patterns * LogicEmu * MapKit JS * jsconfeu-gen... G6 * Priority Nav Scroller * CORS * Sketch.systems * 10 Things I Regret About Node.js * Supercraft * The Histo...
Read More

How to Build Complex, Large-Scale Vue.js Apps With Vuex

It's so easy to learn and use Vue.js that anyone can build a simple application with that framework. Even novices, with the help of Vue's documentation, can do the job. However, when complexity comes into play the things get a bit more serious.
Read More

Create JavaScript-Powered Data Charts With Billboard.js

Graphics and visuals play a vital role in improving the web content. With modern technology it’s so easy to add custom visuals like SVG icons into your page. But another surprising visual you can build from scratch is a web chart.
Read More

Building an Ionic Spotify App – Part 2: Spotify API

After our initial setup for the Spotify OAuth dialog we are now ready to create a simple Ionic Spotify client that can access the Web API of Spotify to retrieve all kinds of information about the user, playlists or tracks!
Read More

Pedro Nauck on Twitter

I'm so happy to announce Docz! A simple and powerful tool that'll help you a lot documenting things! http://docz.site/ Zero-config! Blazing Fast! Theming support! MDX Based! Pluggable! Typescript Support! #react #javascript #designsystem
Read More

Publishing a Custom iOS Capacitor Plugin on NPM

Earlier this week, I published a tutorial that described how to use Capacitor to run custom iOS native code in Ionic. We built a Capacitor plugin that allowed us to automatically retrieve the latest photo on the user’s camera roll, resulting in an application that looked like this:
Read More

GraphQL Stack

Angular custom elements with Cli

Few posts ago I described how to create an angular material data table and how to publish it as a library. As we’re really proud about that, and also a bit lazy, I was wondering if it’s possible to be used with other frameworks like react, vue.js and why not in pure html page.
Read More

Creating Static E-commerce site with GatsbyJs

So, a few days ago I saw tweet Kayle Gill about building static e-commerce site using GatsbyJs. That time I was in process of building an e-commerce website for my wife using NextJs (which is also awesome!). Instead of building the site with NextJs I tried GatsbyJs.
Read More

Apple's MapKit JS Lets You Embed Apple Maps On the Web

Setting up Netlify CMS on Hugo

Netlify CMS is an open source content management system for your Git workflow that enables you to provide editors with friendly UI and intuitive workflow. You can use it with any static site generator to create faster, more flexible web projects.
Read More

Angular — Advanced Styling Guide (v4+)

In this guide we want to cover the different options available when styling Angular Components and Directives. We will cover: You can explore the final code by using this Plunker.
Read More

JavaScript Regular Expressions: Beyond the Basics

In our previous tutorial about regular expressions in JavaScript, you learned about the usefulness of regular expressions and how to write some of your own to match simple patterns.
Read More

Collab on Code – A Free Cloud IDE for Coding with Multiple People

Working in the cloud has become the norm for many developers. You’ve got plenty of cloud IDEs to work with and most of them have features rivaling desktop editors. But few programs have any sort of collaborative mode where you can edit code with others.
Read More

Animate Images and Videos with curtains.js

While browsing the latest award-winning websites, you may notice a lot of fancy image distortion animations or neat 3D effects. Most of them are created with WebGL, an API allowing GPU-accelerated image processing effects and animations.
Read More

Replacing jQuery with Vue

I’m willing to bet that there are a lot of developers out there who still reach for jQuery when tasked with building simple apps.
Read More

Experience Is Everything – The Ultimate UX Guide

Since the advent of the computer, there has been no consensus on how to engage with technology. Over decades, patterns proven to make systems easier to use began to emerge.
Read More

Forms, Auth and Serverless Functions on Gatsby and Netlify

Abstracting infrastructure is in our DNA. Roads, schools, water supply networks—you get the idea. Web development is no exception: serverless architectures are a beautiful expression of that phenomenon. Static sites, in particular, are turning into dynamic, rich experiences.
Read More

The Cult of the Complex

’Tis a gift to be simple. Increasingly, in our line of work, ’tis a rare gift indeed.
Read More

Betting on the Web

Note: I just spoke at Coldfront 2017 about why I’m such a big proponent of the Web. What follows is essentially that talk as a blog post (I’ll add a link to the video once it is published). Also: the Starbucks PWA mentioned in the talk has shipped! ?
Read More

SITE123: A Website Builder to Save Time and Money

This article was created in partnership with SITE123. Thank you for supporting the partners who make SitePoint possible. Spend a few minutes, make a few little adjustments, upload your content, and you will have a stunning website with SITE123.
Read More

Building Apps and Services with the Hapi.js Framework

Hapi.js is described as “a rich framework for building applications and services”. Hapi’s smart defaults make it a breeze to create JSON APIs, and its modular design and plugin system allow you to easily extend or modify its behavior. The recent release of version 17.
Read More

An Introduction to Sails.js

Sails.js is a Node.js MVC (model–view–controller) framework that follows the “convention over configuration” principle. It’s inspired by the popular Ruby on Rails web framework, and allows you to quickly build REST APIs, single-page apps and real-time (WebSockets-based) apps.
Read More

Top 10 Lightweight CSS Frameworks for Building Fast Websites in 2018

When building a website, using a CSS framework is a real time saver as it provides you with tools every web designer needs when crafting a site. But as you know, loading speed is a very important quality factor.
Read More

UX and the Importance of Web Accessibility

Web accessibility is about giving everyone access to the same information, regardless of the impairments users may have. According to The World Bank, 1 billion people (15% of the world’s population) experience some form of disability, with almost 57 million in the US alone.
Read More