The internet is filled with countless images uploaded by users. This is especially true for social media websites—and it is very rare for people to post original unedited images anywhere. It is also common to need to post images with a specific size or format. While there are a lot of full-fledged image editing apps… Continue reading 8 Best Free and Open-Source JavaScript Image Editors
Tag: JS
Easy Steps to Convert Photoshop Designs Into a Website
Here’s a simple guide to solving the troublesome task of turning Photoshop designs into a website. Or, in more technical terms, convert PSD files into responsive HTML. Modern business cannot operate without the Internet today. Therefore, it is very important to have a high-quality presence in it, for example, in the form of websites that… Continue reading Easy Steps to Convert Photoshop Designs Into a Website
30 HTML Best Practices for Beginners
This tutorial is specifically for those who are just diving into web development. If you have one year of experience or less, hopefully some of the tips listed here will help you to become better, quicker! 1. Always Close Your Tags Back in the day, it wasn’t uncommon to see things like this: <li>Some text here.… Continue reading 30 HTML Best Practices for Beginners
Top New CMS Plugins, December 2020
Looking for the best new CMS plugins to take your website to the next level? Well look no further. In this post, we’ll cover a list of the best new CMS plugins for December 2020. This article will include useful plugins for WordPress, Shopify, Craft, and Joomla. Let’s get started… WordPress OptiPic images optimization OptiPic… Continue reading Top New CMS Plugins, December 2020
How to Build an Animated Bootstrap Landing Page With Material Kit
In a previous tutorial, we discussed how to build a responsive landing page with Bootstrap 4. Today, we’ll learn how to create an animated landing page with Material Kit, a free Bootstrap 4 UI Kit based on Google’s Material Design. To implement it, we’ll use a combination of Bootstrap 4’s helper classes, Material Kit’s additional… Continue reading How to Build an Animated Bootstrap Landing Page With Material Kit
Is There a Viable Alternative to Javascript?
The short answer to the title question is “no.” The long answer is more complex, and begins with, “kindof…” There are several JavaScript alternatives for developers, but (for now) they have to be transpiled into JavaScript before they’re deployed. People Love to Hate JavaScript This is not a surprise, if we consider some obvious drawbacks… Continue reading Is There a Viable Alternative to Javascript?
How to Add Sound to Your Site, Without Infuriating Users
Once in a while, every professional comes across a challenge so great, so ridiculous, that they just can’t help themselves. They just have to go for it. It’s like the story of David and Goliath… if David was just bored and Goliath wasn’t threatening his entire nation. As for me, I’m about to argue for… Continue reading How to Add Sound to Your Site, Without Infuriating Users
Build a Tabbed Product Archive for Your WooCommerce Store
In this tutorial you will learn how to make your WooCommerce store a little more stylish by organizing the product archive with tabs. We’ll create tabs with a multi-column layout, a multi-row carousel, and a grid layout. What We’re Going to Build Over the coming steps we will create a WordPress plugin, inside which we … Continue reading Build a Tabbed Product Archive for Your WooCommerce Store
15 Best CSS Libraries for 2019
Hey kids, you ready for me to tell you all about this newfangled thing called Bootstrap? Well get un-ready, ‘cause I’d never do that to you. It’s not that Bootstrap isn’t great, it’s just that if you work in web design, and you’ve been paying any attention at all, you already know about it. And… Continue reading 15 Best CSS Libraries for 2019
Is It Time to Embrace AMP?
If you own a website, you should have at least heard the term AMP before. If you haven’t, it’s likely you will hear more about it very soon. Google’s Accelerated Mobile Pages (AMP) Project has impacted the user experience of millions of mobile web users since its initial launch in 2015. Though primarily used to… Continue reading Is It Time to Embrace AMP?
20 Best New Portfolios, July 2019
And now it’s July. I’d just like to tell my American and Canadian friends to hydrate properly, and the hangover should be gone by October, just in time for the sugar crash. While you recover, we’ve got more portfolios. Lots of good, grid-based stuff this month. And lots of dark layouts. It’s like all the… Continue reading 20 Best New Portfolios, July 2019
Best Free WordPress Plugins for Optimizing Website Performance
Did you know that search engines like Google give preference to fast-loading websites in their rankings? Visitors are also less likely to abandon your site if it loads quickly. Everyone expects a website to load as quickly as possible—if it doesn’t, they will likely abandon it and visit the competitor instead. This means that a… Continue reading Best Free WordPress Plugins for Optimizing Website Performance
Create Beautiful Forms With PHP Form Builder
If you are a PHP developer, creating forms, validating form submissions, and managing PHP sessions are probably tasks that are part and parcel of your job. All these tasks, although rather repetitive, require lots of time and attention, especially if you care about best practices relating to design and security. By using a well-tested form… Continue reading Create Beautiful Forms With PHP Form Builder
30 Best Creative Multipurpose WordPress Themes Of 2019
Best modern creative WordPress themes that lets you build stunning high performance websites using a fully visual interface. These WordPress themes come up with premium pre-built demo websites and layouts all are ready to use as a starting point for your website. All WordPress themes are fully trendy that can give a new look to your corporate website, blog or… Continue reading 30 Best Creative Multipurpose WordPress Themes Of 2019
7 Web Apps For Web Designers To Simplify Their Work Life
There are many web apps for designer and developers out there, but getting by free and good ones is not that easy. That is why we are sharing 7 Web Apps For Web Designers To Simplify Their Work Life. Previously, we have already covered 9 Tools To Simplify A Graphic Designer’s Life. So, without any… Continue reading 7 Web Apps For Web Designers To Simplify Their Work Life
Vivid.js – A JS library serving a set of 90+ SVG icons
Vivid.js is a JavaScript library built to serve 90+ pixel perfect and ready-to-use icons in SVG format. Vivid.js is really easy to use, you just need to include the JS file into the head section and use a data attribute to load an icon. In addition, Vivid.js is super lightweight and minified version equals around just… Continue reading Vivid.js – A JS library serving a set of 90+ SVG icons
The Easiest Way To Add Input Masks To Your Forms
Input masks make it much easier for users to figure out the required format for filling out emails, phone numbers, credit cards and other data. Adding masks to your form inputs makes them so much better and its super easy to do, especially when using a JS library. In this article we’ve prepared for you… Continue reading The Easiest Way To Add Input Masks To Your Forms
Freebie: 3 Amazing Bootstrap 4 Gallery Templates
In this article we share with you 3 amazing Bootstrap 4 image gallery templates with awesome hover effects. Just like all our freebies, these templates are completely free to use, fully responsive and very easy to integrate- just copy and paste. The Templates The templates are built with the Bootstrap 4 grid component. The HTML… Continue reading Freebie: 3 Amazing Bootstrap 4 Gallery Templates
Micron.js – Create CSS Animations Controlled by JavaScript Power
Micron.JS is a micro interaction library which can be used to add Interactions to different DOM Elements. Micron.JS animates an element using CSS power and the interactive behaviours are controlled by JavaScript. Micron.JS is easy to adapt and can bring interactions to life using html5 data attributes or a chain of JavaScript methods. You can… Continue reading Micron.js – Create CSS Animations Controlled by JavaScript Power
Draggable: A lightweight drag & drop JS library
Draggable is a modern, responsive and lightweight drag & drop library released by Shopify. The library abstracts native browser events into a complex API to create a custom user experience. It’s the ideal choice for adding slick native-feeling drag and drop behaviour to your web apps thanks to a lot of features such as fast DOM reordering,… Continue reading Draggable: A lightweight drag & drop JS library
How to Draw Bar Charts Using JavaScript and HTML5 Canvas
In an earlier tutorial we covered how to draw a pie chart or doughnut chart using HTML5 canvas. In this tutorial I will show you how to use JavaScript and the HTML5 canvas as a means to graphically display data by using bar charts. There are easier ways to create charts than coding one from… Continue reading How to Draw Bar Charts Using JavaScript and HTML5 Canvas
Conversational Forms: Turn web forms into conversations with JS
One of the most interesting free resource of this week is Conversational Forms, a Javascript library to turn web forms into chat-looking conversations, developed by SPACE10 in order to engage with users in a more attractive way. View project page
Optimizing Google PageSpeed to 100 in WordPress
What You’ll Be Creating How to Reach a PageSpeed of 100 Welcome to part two of our series on Google PageSpeed. In the first episode, I optimized the PageSpeed of my site’s then theme, MySiteMyWay’s Construct. I managed to get to 70 Mobile and 86 Desktop. However, with MySite’s closure, I chose a new theme and reached… Continue reading Optimizing Google PageSpeed to 100 in WordPress
Hands On Improving Google PageSpeed
What You’ll Be Creating What Is Google PageSpeed? Google PageSpeed is a free tool that assesses the performance and usability of your website for mobile and desktop platforms. It’s extra important because Google uses it in determining key elements of our SEO ranking, i.e. how high we appear in their search results. If you want more background… Continue reading Hands On Improving Google PageSpeed