user experience

Learn to Design and Animate in 3D with Zdog

There's a cool JavaScript library that names like Chris Gannon, Val Head, and CodePen are all raving about. You can also find it on ProductHunt, where it's been doing rather well. The library is none other than Dave DeSandro's Zdog. In this article, I'm going to introduce you to Zdog and show you some cute demos made by amazing devs that you can reverse-engineer and learn from. Let's dive in! What Is Zdog DeSandro explains what Zdog is about on the library's dedicated website: The post Learn to Design and Animate in 3D with Zdog appeared first on SitePoint.

How to Use Git Branches & Buddy to Organize Project Code

This article was created in partnership with Buddy. Thank you for supporting the partners who make SitePoint possible. In this article, you will learn how to set up continuous integration/deployment pipelines for your branching workflow. We will be using Buddy CI/CD services to set up the pipelines. We'll use a basic JavaScript project where we'll set up a couple of development branches. I'll show you how to automate testing on each type of branch. I'll also be introducing the concept of branching workflows, and show a few examples you can adopt in your projects. Prerequisites To follow along with this tutorial, you only need basic Node.js skills. You also need to be conversant with Git. Here are a couple of articles to help you out: Git for Beginners Git for Teams Our book, Jump Start Git In order to set up our pipelines, we will need to write a few tests using Jest. You don't need to learn Jest if you are new to it — the focus for this article is to learn ..

Is the Rise of Millennial Women in Tech Just an Illusion?

This article was created in partnership with the Developer Economics Survey. Thank you for supporting the partners who make SitePoint possible. The latest Developer Economics survey is upon us again, and as always, we highly recommend that everyone participates. It’s an excellent opportunity to express your views about what’s happening in the world of web development, and it helps paint a cohesive picture about the landscape. In the last survey, published April 2019, we garnered a lot of interesting insights into the modern dev at work. Of the participants in the last survey, 9% were women, suggesting a global population of 1.7 million women developers versus the 17 million that are men. However, the report also found that under the age of 35, 36% of developers were women, versus 33% of men. Compare this with the survey’s other finding that 37% of male developers are over 35 years of age, as compared to 29% of women in the same age bracket. This indicates that younger generations of..

SitePoint Premium New Releases: Modern JavaScript, Kanban + DevTools

We're working hard to keep you on the cutting edge of your field with SitePoint Premium. We've got plenty of new books to check out in the library — let us introduce you to them. The Versioning Guide to Modern JavaScript A guided tour of the breadth of modern JavaScript, including frameworks, state management, GraphQL, Node, Electron, design patterns, tools, testing and a lot more. ➤ Read The Versioning Guide to Modern JavaScript. Browser Devtool Secrets Browser development tools have evolved from basic consoles to fully integrated development environments. It’s become possible to alter and inspect any aspect of your web application, but few of us venture beyond the basics. In this guide, we’ll explore the features you may not have considered. ➤ Read Browser Devtool Secrets. Practical Kanban This book will give you practical answers to these questions: Are we using Kanban properly? How can we improve our Kanban? How can we scale our Kanban? How can our work become more p..

A Beginner’s Guide to Working With Components in Vue

One of the great things about working with Vue is its component-based approach to building user interfaces. This allows you to break your application into smaller, reusable pieces (components) which you can then use to build out a more complicated structure. In this guide, I’ll offer you a high-level introduction to working with components in Vue. I’ll look at how to create components, how to pass data between components (via both props and an event bus) and how to use Vue’s element to render additional content within a component. Each example will be accompanied by a runnable CodePen demo. How to Create Components in Vue Components are essentially reusable Vue instances with a name. There are various ways to create components within a Vue application. For example, in a small- to medium-sized project you can use the Vue.component method to register a global component, like so: Vue.component('my-counter', { data() { return { count: 0 } }, template: `
{{ co..

An Introduction to Cloudflare Workers

Cloud computing in its various incarnations — SaaS, PaaS, IaaS — has had big successes. Some of us still recall the $212 million purchase of PaaS provider Heroku in 2010, which at that time was — architecturally speaking — little more than a high-level deployment layer. It had a very posh gem for smooth and easy deployment of apps and frameworks like RoR, Python or Node apps running on Amazon's infrastructure. The concept of Serverless Computing was born. There have been a host of different models for cloud products ever since then. Various experiments have come and gone as providers looks for the sweet spot, with proliferation continuing and new terms being born, like BaaS and MBaaS. Protocol Labs, a crypto startup looking to redefine the cloud model, collected $257 million in its 2017 ICO, breaking all records. Airtable, with its high-level, spreadsheet-meets-database products and api, reached a $1.1 billion valuation in its 2018 financing round. Serverless Computing Serverle..

Top 8 Portfolio WordPress Themes for Creatives in 2019

This sponsored article was created by our content partner, BAW Media. Thank you for supporting the partners who make SitePoint possible. Creating a decent portfolio requires covering a lot of bases. Showcasing your work may actually be the easiest part; while ensuring that the text accompanying each piece gives the right level of context can be a challenge. It has to catch people's attention without shifting focus away from the work itself. There's no shortage of themes you could use to create a decent portfolio website, but if you're not certain as to the functionality you might require, finding a satisfactory one can be difficult. Your search can be even more difficult if your goal is to create a portfolio website that's much more than "decent". You need a theme that provides a simple way to organize your work, one that's bundled with a good combination of plugins, and one that will enable you to create something awesome you can share with the world. Ther..

Talk Tech with Us in Our New Discord Community

Want a place to chat about coding, design, the web, and technology at large with likeminded people? Or perhaps you work remotely and need a community that can travel with you? We're opening our Discord to the public today. We wanted to create a casual place where we could chat about cool tech and getting stuff done, without the exhibitionism and divisive atmosphere of social media, but with that real-time sense of community. Our server is a baby server, and there's a lot of work to be done, but for now we have rooms for all sorts of conversation. Whether you want to puzzle out web development issues or talk games, we've got you covered. Sign up to our Discord and start chatting with SitePoint staff, members, and the wider developer community! It's 100% free. Come on in and have chat with us! ⚡️ Join us for a chat now. The post Talk Tech with Us in Our New Discord Community appeared first on SitePoint.

The Precarious Nature of Running a Digital Publication in 2019

This article was created in partnership with Proper Media. Thank you for supporting the partners who make SitePoint possible. Recently, there have been countless articles and think pieces written about the decline of publishing. These articles often illustrate how difficult it is for publishers to monetize what they do to eke out a sustainable business model. In reality, advertising revenue is down for independent publishers across the board. More people are using advanced ad blocking software, which is impacting the number of ads publishers can show. Plus there are two giant elephants in the room — Google and Facebook. These two entities combined account for almost 60% of the total advertising spend online. This duopoly uses third-party publisher content to bring in advertising revenue, but leaves very little revenue for the publishers themselves. For better or worse, they also have the scale to very effectively monetise their user base, which a smaller publisher just can’t compete ..

Build a Real-time Chat App with Pusher and Vue.js

Apps that communicate in real time are becoming more and more popular nowadays, as they make for a smoother, more natural user experience. In this tutorial, we’re going to build a real-time chat application using Vue.js powered by ChatKit, a service provided by Pusher. The ChatKit service will provide us with a complete back end necessary for building a chat application on any device, leaving us to focus on building a front-end user interface that connects to the ChatKit service via the ChatKit client package. Prerequisites This is an intermediate- to advanced-level tutorial. You’ll need to be familiar with the following concepts to follow along: Vue.js basics Vuex fundamentals employing a CSS framework You’ll also need Node installed on your machine. You can do this by downloading the binaries from the official website, or by using a version manager. This is probably the easiest way, as it allows you to manage multiple versions of Node on the same machine. Finally, you’ll need to ..