Some of the most fun I’ve had this year is playing Wordle with my friends and family. But I’m a product designer and a programmer, so as I played, I couldn’t help but notice some strange things about how it was constructed. I was right in the middle of making my own product School Morning Routine,… Continue reading Wordle is a masterclass in product design simplicity
Tag: Vue.js
What Is JavaScript?
Technology is advancing rapidly and web development is no different. New tools and services are constantly coming into existence to help you build the next big thing. It’s great to have so much innovation in web development, but it can be very intimidating for people who are just starting out in the field and have… Continue reading What Is JavaScript?
17 Tools I Can’t Design Without
I think of a creative practice as a combination of an approach (a design philosophy) and a series of techniques (craft skills); a good tool facilitates a technique, which in turn supports an approach. It wasn’t until I sat down to write a list of tools I can’t design without, that I realized just how… Continue reading 17 Tools I Can’t Design Without
Build a Chrome Extension to Streamline Your Workflow — SitePoint
When I began as a JavaScript editor at SitePoint, our submission process was something of a mess — articles coming from every direction in a variety of formats. So we decided to standardize things and settled on submission via GitHub in Markdown. This was a step forward, but we still needed to convert the Markdown… Continue reading Build a Chrome Extension to Streamline Your Workflow — SitePoint
Build an App With GraphQL, Laravel, and Vue
If you want to learn about a useful new web API that offers a more dynamic and robust API for fetching and submitting data, try our new course, Build an App With GraphQL, Laravel, and Vue. What You’ll Learn Join Jeremy McPeak in this course as he teaches you how to create GraphQL APIs with… Continue reading Build an App With GraphQL, Laravel, and Vue
Turn Your Static SVG Drawings Into Interactive Widgets and Infographics With Vue.js
What You’ll Be Creating SVG is powerful and flexible graphic format, which fits perfectly into the web medium. Unlike raster image formats, such as JPG, PNG, or GIF, SVG is vector-based and consists of “real” objects, which you can select and manipulate in whatever manner you want. So even with some basic scripting a static… Continue reading Turn Your Static SVG Drawings Into Interactive Widgets and Infographics With Vue.js
Boost Your Vue.js Workflow With Vue CLI 3
We can hardly imagine modern web development without the help of Command-Line Interface (CLI) tools. They tremendously facilitate and speed up the development workflow by reducing the amount of repetitive and tedious tasks. Setting up a project manually, with all the linting, building, testing, preprocessing, optimizing, and dependency tracking features, doesn’t sound like a fun… Continue reading Boost Your Vue.js Workflow With Vue CLI 3
6 Cross-Platform Development Tools Worth Checking Out
There are many development tools out there, but getting by free and good ones is not that easy. That is why we are sharing 6 Cross-Platform Development Tools Worth Checking Out. Previously, we have already covered Four Robust Builders To Build Amazing Mobile Apps. So, without any further ado let’s take a look at these… Continue reading 6 Cross-Platform Development Tools Worth Checking Out
Build A Pomodoro Timer ― Scotch
Last week on the code challenge #5 we looked at building a movie player using a provided API. Here is the solution to the challenge built with Vue.js. This week we’ll be building a Pomodoro timer. A Pomodoro timer is a time management tool which breaks down task completion time into intervals of about 25… Continue reading Build A Pomodoro Timer ― Scotch
Element: A desktop component UI library
Element is a complete and minimal framework including many useful UI components to quickly build websites and apps. The toolkit is based on Vue.js and provides all the basic elements you may need when creating a complex product (grid system, forms, navigation, notices, dialogs and more). Project page View on Github