In this roundup we’re going to be checking out some of the awesome tools Firefox has in its collection of Developer Tools. Even if Google Chrome is your primary development browser, Firefox has some tools that Chrome doesn’t. In fairness the reverse is also true–Chrome has some tools that Firefox doesn’t, but the tools in… Continue reading 14 Firefox Developer Tools You Might Not Know About
Tag: path
How to Make a Beating Heart Animation for St. Valentine’s Day With SVG
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Let’s get into the spirit of St. Valentine’s day, getting all pink and smooshy in the process, and code ourselves a simple beating heart animation with SVG. Here’s what we’re going to create: This is a great exercise for familiarizing yourself with SVG syntax and authentic animation.… Continue reading How to Make a Beating Heart Animation for St. Valentine’s Day With SVG
Great Design is Built on Great Research
If there is any secret to a good design, then it is to conduct good research beforehand. Great design does not happen by chance, it is always based on the understanding of the user and empathy. Research is a fundamental part in understanding context and narrowing down to the “right” problem users face, which is… Continue reading Great Design is Built on Great Research
4 Examples of Bad UI and How to Avoid Them
The easiest way to observe bad user interfaces is by keeping your eyes open. Every time you order something online, every time you visit a new website, every time you fill in a form, purchase a product or publish a post, think about how you’re being asked to perform that task. Where are the buttons… Continue reading 4 Examples of Bad UI and How to Avoid Them
Review the Hoverwatch Phone Tracker
You can track a smartphone using phone tracker free because technology has made great strides to make it easy to get everything done. It is possible to track a smartphone whether it is Android and iPhone. There are quite a few phone trackers. We will review Hoverwatch phone tracking app here. What are spyware programs? Spyware programs… Continue reading Review the Hoverwatch Phone Tracker
65 Free Vintage Logo Templates and Badges
Free vintage, retro logo templates and vintage vector logo kit to make vintage branding projects, labels, apparel design, typography pieces with these handy vector element and logo design kit. That’s 65 vintage logo templates and badges that you can use for poster, sticker, packaging product design, t-shirt design, corporate identity and more. They’re all fully editable and available for commercial… Continue reading 65 Free Vintage Logo Templates and Badges
How to Create a Menorah Illustration in Adobe Illustrator
What You’ll Be Creating In this tutorial we’ll be creating a Hanukkah holiday card and illustrating one of the most popular Jewish symbols, the Hanukkah Menorah. The Menorah is one of the oldest symbols in Judaism. Sometimes called the ‘Chanukiah’, the Menorah is a nine-branched candelabrum that is used on Hanukkah. It stands for light, wisdom,… Continue reading How to Create a Menorah Illustration in Adobe Illustrator
Design Persuasive Websites With These Basic Principles
November 5, 2018 by Alex Fox Web design has become the focal point of the online industry. Why? Entrepreneurs are now concentrating all their resources on improving their online image, reputation, and brand. That brand is defined most strongly through an official website. Official websites are by far the most common tool used to attract… Continue reading Design Persuasive Websites With These Basic Principles
Render Text and Shapes on Images in PHP
In the previous, we focused on loaded and manipulating images with PHP. We learned how to rotate, resize, scale or flip an image. We also learned about different filters and the convolution matrix. Those tutorials also covered some practical uses of the GD library like resizing all images in a directory or adding watermarks on multiple… Continue reading Render Text and Shapes on Images in PHP
How to Upload a File in PHP (With Example)
In this article, I’ll explain the basics of file upload in PHP. Firstly, we’ll go through the PHP configuration options that need to be in place for successful file uploads. Following that, we’ll develop a real-world example of how to upload a file. Configure PHP Settings There are a couple of PHP configuration settings that… Continue reading How to Upload a File in PHP (With Example)
Migrating a WordPress Website In Under 10 Minutes: The Ultimate Guide To The Duplicator Plugin
Thinking about migrating your WordPress site? Most people aren’t aware of how they can migrate their site and then upon searching, they come across so many complex ways that they decide to not to do it altogether. But, then there are a few ways that can help you in moving the site to the server… Continue reading Migrating a WordPress Website In Under 10 Minutes: The Ultimate Guide To The Duplicator Plugin
WordPress Gutenberg Block API: Creating Custom Blocks
The new WordPress editor (codenamed Gutenberg) is due for release in version 5.0. Now is the perfect time to get to grips with it before it lands in WordPress core. In this series, I’m showing you how to work with the Block API and create your very own content blocks which you can use to build… Continue reading WordPress Gutenberg Block API: Creating Custom Blocks
Database and API ― Scotch
To get paid for goods and services provided, companies/freelancers need to send invoices to their customers informing them of the services that they will be charged for. Back then, people had paper invoices which they gave to the customers when they contact them for their services. Right now, with the advent and advancement of technology,… Continue reading Database and API ― Scotch
How to Optimize Node Requests with Simple Caching Strategies ― Scotch
One of the things that affect how users interact with our applications is its speed. Even though some users generally have a poor connection, they are expecting some minimum level of speed when using the application. To give our users a seamless experience, we are going to consider the possibility of optimizing our requests in… Continue reading How to Optimize Node Requests with Simple Caching Strategies ― Scotch
These 5 UX Mistakes Drive Visitors Away in Less Than 5 Seconds
Posted · Category: Best Collections The longer you can keep a visitor tuned into your website the better. But the time needed to fully engage a visitor is quite short. If your website UX isn’t up to snuff, you’ll be fortunate if a visitor sticks around more than 5 seconds. That isn’t much time to… Continue reading These 5 UX Mistakes Drive Visitors Away in Less Than 5 Seconds
Cross-functional Empathy for Designers
A human-centric approach for working with humans As designers, a huge part of our job lies in empathizing with users. It’s exciting to see how far we’ve come as a discipline in becoming more user-centric, more research-driven and better at tying our ideas to actual user needs. Yet many of us struggle with applying that… Continue reading Cross-functional Empathy for Designers
Analysing Usability Testing Data
Gathering feedback from your users is a crucial part of any design process. The way in which you can gather this feedback varies depending on what kind of questions you are trying to answer, the resources you have available for user research and what stage of the product life cycle you are currently in. Qualitative… Continue reading Analysing Usability Testing Data
How to Build a Chrome Extension
Google Chrome is the most popular browser on the planet. You use it, your mom uses it, your cat uses it. Sure, it’s got quirks and problems. But if you want to reach a large audience, designing a Google Chrome extension isn’t a bad way to do it. Fortunately, it’s pretty easy to build a… Continue reading How to Build a Chrome Extension
Creative SVG Strokes Animation | Codrops
A creative strokes animation of a bike illustration powered by SVG and GSAP. SVG stroke animations are nothing new, but when using a more complex drawing that is basically made of strokes, then we can create a very original looking effect. Using many different colors and adding some other element animations, we can bring a… Continue reading Creative SVG Strokes Animation | Codrops
Design makes AI smarter
Designers today most likely have been designing for products that use some level of AI for automation. We have been designing in the first stage of AI, artificial narrow intelligence. To get to the second stage of AI, artificial general intelligence, we need user data. Lots of it. How do we get this information? To… Continue reading Design makes AI smarter
Creative Splash Transition with CSS and SVG ― Scotch
SVG path’s are really awesome! And its versatility is what makes them even more impressive and useful for creating engaging animations. In this tutorial we’ll be creating an eye catching animation, just using SVG paths and CSS transitions. To make things easier, we will also be using Pug and Sass, HTML and CSS preprocessors respectively.… Continue reading Creative Splash Transition with CSS and SVG ― Scotch
Walking Through Design in Tokyo
People push past me as I exit the train at Shibuya station, and I start looking for the Hachiko statue. My friends told me to meet there before dinner, but ten minutes later I’m still lost. Thankfully once I slow down and look at my surroundings, I see guides all around me. At its size… Continue reading Walking Through Design in Tokyo
Purchasing an APM for Your Business: Are Your Stuck?
For any application technology to succeed, it has to provide the end-users with the quality experience. What APM (Application Performance Monitoring/Management) does is to ensure that the application program that you develop performs optimally as expected. It could be that you have disappointed your customers for so long with frequent crashes of your apps and… Continue reading Purchasing an APM for Your Business: Are Your Stuck?
11 Online Tools For Magazine and Presentation Design
There are all sorts of web design tools out there that offer users the opportunity to build their own content, from social media post designs, to web-based portfolios, microsites and many others. Yet, if you’re looking for an online design platform tailored especially for designing digital magazines and presentations, you should take a look at… Continue reading 11 Online Tools For Magazine and Presentation Design