DEV Community: Qrolic Technologies

How to create a section with a customized option?

Qrolic Technologies — Sat, 12 Dec 2020 10:34:01 +0000

Follow this tutorial to create a section with a customize option in Shopify.

Log in to your Shopify admin panel and navigate to the Section folder.
Click on the Add a new section link.
Add a section name and hit the Create Section button.
Add a dynamic image in your section.

You can view all your schema type from here

Now add the following code in grid-box.liquid file:

{% schema %} 
  { 
    "name": "Grid Box", 
    "settings": [{
           "type": "image_picker", 
           "id": "image", 
           "label": "This is image picker" 
        }] 
  } 
{% endschema %}

Now update the Setting_data.json file with the following code:

"grid-box": {
        "type": "grid-box", 
        "settings": { 
            "image": "shopify:\/\/shop_images\/pexels-sam-lion-5710223.jpg" 
         } 
}

Now write your section name in content for an index of your home page section.

"content_for_index": [ 
      "grid-box" 
    ]

How to Link CSS and JS File in Shopify?

Qrolic Technologies — Fri, 11 Dec 2020 12:37:24 +0000

In this tutorial, I will show you how to link CSS and JS files.

First of all, open the template.liquid file and navigate to the inner head tag.

To link a CSS file, add this code:

<linkrel="stylesheet" href="{{'theme.css'|asset_url}}" type="text/css")">

And add the following code to link JS file:

<script src="{{'theme.js'|asset_url}}" defer="defer"></script>

Now you are done. Run your app to test this code.

15+ most amazing websites to download free fonts

Qrolic Technologies — Thu, 10 Dec 2020 07:43:20 +0000

The font is the language and tone your website speaks in. If it is too fancy your readers won’t be able to understand, if it is too sober your readers will get bored and most probably leave your website. Choosing the right font for your digital or print project is as extremely important and impactful as choosing a color or layout.

A true designer will never settle down for the first typeface they see or whatever is installed on their computer. As a professional, you should consider trying 4 to 5 different fonts to decide the right one. Here we have curated a list of websites where you can find thousands of free fonts to download.

Font Squirrel

Font Squirrel is one of the well-known websites for downloading free fonts. They have a massive collection of fonts. Almost all the fonts featured on this site are free for commercial use, but still reading a license document regarding particular font is advisable. Besides free fonts, they have an amazing free tool called Font Identifier. You simply have to upload an image containing fonts you want to find, and it will do it’s best to find those fonts in the Font Squirrel database.

Google Fonts

When someone asks where to find free fonts, the first place that comes in our mind is Google Fonts. Google Fonts is extremely popular among web and graphic designers. This tech giant has an open-source fonts library for you. You can use those free fonts in every project – print or digital, commercial, or non-commercial.

Behance

Behance is a social media platform owned by Adobe, showcases the creative work of talented artists from all over the world. Members of the Behance can follow each other’s profiles and upload their creative projects to be appreciated by registered and unregistered users. You might have to dig down a little deep to find free fonts but trust me they have them. They have a beautiful collection of fonts that can be used in your print or digital platform.

FontSpace

With over 71,000 free fonts uploaded by a community of 2,900+ designers, FontSpace is a legitimate source for finding beautiful fonts for your projects. They offer more than 15,000+ fonts that can be freely used in your commercial projects. This designer-centered website almost daily updates its library with new and unique fonts.

DaFont

The website may not be well-designed but DaFont offers a rich collection of 53,000+ great typefaces. This community-driven fonts platform provides beautiful fonts ready to be used in commercial and non-commercial projects. All fonts are particular author’s property so reviewing license terms before using it will save you from legal actions.

Abstract Fonts

Abstract Fonts is another community-driven font website where designers from all around the world publish thousands of free fonts on a regular basis. Some of the featured fonts are free to download and use in your print or digital, commercial, or non-commercial projects.

FontStruct

FontStruct is a free online font building tool for creating customized fonts in a quick. You can make your own FontStructions with different geometrical shapes using FontStructor editor. You can browse fonts created by thousands of other creative designers and use them in your commercial or non-commercial projects for free, as per the accompanying license allow.

1001 Fonts

Don’t assume the lack of variety of fonts on 1001Font.com by making assumptions reading its name. This font website contains 10,000 free fonts. Most of the fonts are freeware, but if you want to download them in a single package, you can do so for $19.95, and add all the 10,000 stylist fonts into your personal computer collection in just one click.

Smashing Magazine

Smashing magazine is a great designing resource, a publishing house for the designers’ community, has a curated list of professionally created free fonts for web and graphics designers. The talented designers regularly publish their work on this open-source font library, which is worth checking.

Font Fabric

From a graduation project to a leading typography website, Font Fabric speaks a successful journey of its founders. This fonts platform is serving professionals, freelancers, students, and some of the leading businesses for more than a decade. They have a huge collection of free fonts, especially in Cyrillic script.

Befonts

Fonts has a curated list of high-quality free fonts for free to use in your personal and commercial projects. They update their database almost daily with beautiful script type, professional sans serif fonts, calligraphy fonts, handwritten fonts, brush fonts, script fonts, and many other kinds of fonts.

Graphic Design Freebies

Searching for designing freebies? Graphic Design Freebies is here. It’s a home for amazing free graphic design goods such as fonts, illustrations, mock-ups, and templates. It has an extensive collection of professional looking free fonts ready to use in your creative projects.

Awwwards

Awwwards is a website having complimentary typography for every design project. The website is created for design professionals around the world, to find inspiration, impart knowledge, and share experiences with the creative community. The platform offers the finest quality of free fonts and typography for personal and commercial use.

The League of Movable Type

The League of Movable Type started as a revolution to provide free typefaces to wanna-be type designers who wanted to learn typography and seeking free fonts to experiment with to get kick-started in the field. Today the website is a major open-source font resource and offers thousands of typefaces designed and published by hundreds of type professionals.

Urban Fonts

With a minimalistic interface, the Urban Fonts website offers more than 8,000 free fonts to immediately use in your project. Almost all the featured fonts are freeware, however, some of them are shareware or linkware so they advise thoroughly review usage and license document included with the font file.

10 Best jQuery Plugin and effects to implement in your website

Qrolic Technologies — Tue, 08 Dec 2020 11:22:31 +0000

jQuery is totally ruling the website development world. This powerful Javascript library is the most favorite among the developer community. The reason for their tremendous love for jQuery is its simplicity, clean syntax, cross-browser compatibility, open-source, and SEO friendliness. It is widely used for its plugins, animations, and AJAX support.

jQuery plugins are the best way to extend the functionality of your website without writing hundreds of lines of code. These lightweight code snippets are saving precious time for developers since JQuery has been launched. Here we have made the 10 most useful JQuery plugins and effects that you can implement in your site to enhance its look and usefulness.

fancy box

The fancy box is a powerful JavaScript lightbox library for presenting images, HTML content, and multimedia files. This highly responsive plugin looks excellent on every device and it is compatible with any modern browser. You can swipe, pinch zoom-in zoom-out, and spread it on any touch device. Fancybox also supports mouse wheel and keyboard navigation. This user-friendly plugin darkens the background while displaying content, to keep the user’s focus on the subject without any distraction. Fancybox is licensed under GPLv3 license for all open source projects, which means it is free to use non-commercially while for commercial use you have to purchase a license.

slick slider

Slick Slider is a fully responsive carousel and slider plugin. You can style your website’s slider navigation with Slick Slider in fifteen different ways. It separates HTML elements, images, and videos per breakpoint. This browser-friendly carousel plugin supports almost all the browsers. This jQuery plugin also supports touch gestures which means it can be swiped, and scrolled in all touch screen devices. It can be easily navigated in computer devices with arrow keys, mouse wheel, and dragging. You can freely customize this slider and use it in your personal, educational, non-commercial, and commercial projects.

Chart.js

Display interactive charts on your webpage with Chart.js library. This JQuery plugin enables you to present your data in various statistical chart format on your website. It displays data in highly responsive and customizable charts such as Bar charts, line charts, area charts, linear scale charts, logarithmic scale charts, time scale charts, et cetera on all device screens. You can mix two or more charts to show clear visual distinction in datasets or animate charts to show transitions in the data. Chart.js is a community-maintained open-source project for licensed under MIT license which means it is free to use in any personal and commercial project.

Canvas.js

Canvas.js is another powerful HTML 5 charting library for showing charts and stock charts on website dashboards. This simple JavaScript API can display data in 30+ statistical chart formats with 10x faster performance. It supports every device screen and major browsers such as Chrome, Safari, Firefox, and Internet Explorer 8. Canvas.js is trusted by 20+ leading companies including NASA, Microsoft, Apple, Intel, BMW, and Samsung. You can freely use this JQuery plugin in your personal, educational, or non-commercial project. For commercial use, you can purchase its royalty-free license from the website. If you are running a startup for less than a 3-year-old then you can get a discount on the license. They also offer 60 days unconditional money-back guarantee on all the licenses.

Magnific Popup

Magnific Popup is a free jQuery lightbox and popup plugin to show images videos, maps, modal forms, error messages, and CSS animations on the web page. The magnific plugin is browser friendly JavaScript library run on any modern-day browsers such as Chrome, Safari, Firefox, Opera, and Internet Explorer 8. It is fully compatible with every device and retina display. This plugin displays images before they are completely loaded to give the user a fast-loading experience. Magnific Popup is free for use in any commercial and non-commercial project as it is licensed under MIT license.

WOW animation

Wow.js animation library is an awesome jQuery plugin for animating HTML elements in your website. This widely used library offers simple methods to work with animate CSS library on websites. Wow.js is fully responsible for device screens and compatible with all the modern browsers of today. It has easily customizable animation settings to make alterations in styles, lengths, transitions, and offsets. Wow.js is 100% MIT licensed free for use in any commercial and non-commercial projects.

OWL slider

Owl slider is a lightweight beautiful jQuery plugin for creating carousel sliders. This easy to implement slider has tons of options and functionalities. It is fully customizable. You can create a smooth touch-enabled carousel with an Owl slider. It supports touch and drag options, which means it supports both, mobile as well as computer screens. Owl slider is completely mobile friendly. It has been tested on browsers like Chrome, Safari, IE7, Opera, Firefox, etc. and proved to have modern-day browser compatibility. It also has fallback support for older browsers, which can be considered as its most powerful functionality. Owl browser is MIT Licensed free to use in commercial and non-commercial projects.

Isotope

Want to implement filtering and sorting functionality? Or want to layout some distinct shaped HTML elements in grid or tabular format? Isotope dynamic plugin is an easy way to do that. It provides great filtering, sorting, and layout modes which makes your website and web app look organized and beautiful. It has almost all modern-day browser and device compatibility. You can use this library in your open-source and non-commercial projects as it is licensed under GNU GPL license v3. But if you want to use Isotope in your commercial project, you have to purchase a license.

SweetAlert

Popups are the best way to show the user some information or give alert messages on screen. An interactive popup box helps the user to finish a task or give a confirmation. But sometimes these monotonous boxes do not go with your website and look boring to the user. At that time you search for customized alerts that complement your site. SweetAlert is one such JQuery library for creating beautiful alerts. This plugin display alerts with animation and interactive buttons right in the center of the screen. SweetAlert is compatible with mobile device screens and browsers. This plugin is licensed under MIT license which allows you to freely modify and use it in your commercial projects.

Parallax js

Parallax.js is a simple jQuery plugin that makes your website look beautiful with amazing parallax effect. It reacts to the orientation of your mobile device and if no gyroscope or motion detector hardware available, it uses the position of a cursor. This great parallax library is mobile friendly and compatible with all modern-day browsers. Parallax.js is MIT licensed and can be used in personal as well as non-commercial projects.

Best Resources to Find Textures and Patterns for websites

Qrolic Technologies — Sat, 05 Dec 2020 12:40:18 +0000

Textures and patterns are a great way to give a web page depth, draw user’s attention to key elements, and enhance the website’s overall beauty with a stunning background. But designers now ran out of a proper resource to find amazing looking textures and patterns. All they have is the same boring websites with the same cheesy and over-used textures. If you are a designer, looking for some fresh texture and pattern images then you are at the right place. Here are some websites that will definitely fulfill your need.

Pixel Buddha

Pixel Buddha provides an extensive collection of free and premium graphic design resources for professionals. They have high-quality textures and patterns along with icons, animations, vectors, font, and other designing resources. Pixel Buddha regularly shares its design updates with their 150K+ email subscriber’s community.

Pattern Library

Pattern Library compiles beautiful texture and pattern background images made by some creative designers from all around the world. All the featured pattern images are free to use on your personal and educational projects.

PatternCooler

The PatternCooler is a web application for making custom texture and pattern graphics for Twitter, blog, and Tumblr backgrounds. You can download pattern images for free. The platform is non-commercial and relies on donations made by the user.

FreePik

The Free Pik team’s goal is to provide high-quality graphic resources such as illustrations, photos, icons, mockups, and presentation templates. They have a great collection of texture and pattern images for free users as well as premium members.

GRSites

GRSites has 5,000+ attractive free background textures and patterns for web sites and other graphical use. Apart from texture images, they have a great archive of 6,000+ fonts and 1,000+ sound effects. All this content is well sorted according to color and motifs and can be downloaded for free.

Background Labs

The Background offers seamless high-quality textures and patterns, vector images, and other graphic resources for free. You can browse all these pattern images by colors and styles. The platform is founded in 2008 with a motive to serve the community with easy and free graphics resources.

DinPattern

With a mission to bring new and unique pattern designs and resources to the web, DinPattern provides a beautiful and vibrant collection of free textures and pattern designs, and background images, ready to be used in all kinds of commercial and non-commercial projects.

Better Textures

The founders of the Better Textures platform created this site after being frustrated for unable to find high-quality textures and patterns for graphic design projects. The platform has colorful texture and pattern images with great resolution and quality.

Patterns of Change

Patterns of Change offers gorgeous textures and patterns. The platform does not allow commercial projects to use these patterns for free, they must make a minimum of $10 donation before using these designs. However personal projects are allowed but a donation would be appreciated. All this donation goes to Action Against Hunger.

Background Archive

Background archive provides a wide range of free tileable textures and patterns, desktop wallpapers, and background photos. All these images can be used in a personal and non-commercial project for free, but they expect users to make a little donation to keep the platform running.

Subtle Patterns

Subtle patterns have a beautiful collection of pattern designs. You must visit this site if you are looking for elegant backgrounds for your website or other graphic projects. They release these photographs under Creative Commons Zero (CC0) License which means you are free to download these images in any kind of personal or commercial projects.

Pattern Head

Pattern Head started its journey as an e-commerce store selling texture and pattern images on the web, which has been converted to a blog-style site now. Though the online store is still there. The authors used to publish informative blogs about patterns and textures until 2013.

Texture Palace

Texture palace is a great platform for downloading royalty-free texture and pattern images. The website releases all the content licensed under Creative Commons Zero (CC0) public domain license.

Stock Vault

Stock Vault offers thousands of free textures and patterns images, background images, desktop wallpapers, and stock photos. All these texture and pattern photos come in high-resolutions and can be used in personal and commercial projects.

Lost & Taken

Lost and Taken is a free stock photo gallery featuring a wide variety of textures and patterns images in categories like paint, paper, grunge, watercolor, concrete, scratched, books, cardboard, and many more.

Raw Pixel

Raw Pixel has hundreds of finest quality texture and pattern images, stock photos, illustrations. Their public domain collection is licensed under the Creative Common Zero License. They also have a premium collection for personal and commercial use, which you must try if you are a professional designer.

Vecteezy

Vecteezy is one of the largest vector graphics and stock photos sharing community in the world. They have an extensive collection of vector graphics, stock photos, videos, and texture images. Most of the content is free to download and depending on the license, free to use in your projects.

Pattern8

Pattern8 offers high-quality free seamless texture and pattern design. This free stock texture image website has many beautiful patterns. The platform is serving many web and graphics designers for more than a decade.

Unsplash

Unsplash is one of the top leading free stock photo websites. It has a fair collection of textures and patterns which are absolutely royalty-free to use in any non-commercial as well as commercial projects.

Wild Textures

Wild texture has some great high-resolution textures and patterns free to be used in personal, educational, and commercial projects. The founder Tomasz Grabowiecki created this non-commercial site as a hobby.

And One Bonus Site

The Pixeden has some amazing free and premium texture and pattern packs to offer to the designer community. Each pack is created with a specific category like grunge, bricks, rusty, and many more. Apart from textures, they have a wide range of icons, vectors, and graphic packs also.

20 great resources to explore free vector images treasure

Qrolic Technologies — Wed, 25 Nov 2020 07:02:45 +0000

Vector art has gained huge popularity in the last 10 years. Designers and illustrators find it handy and useful when it comes to conveying a message in a short or without any written content. But finding a perfect vector image is as exhausting and time-consuming as creating it. Luckily, we have curated a list of great resources where you can find tons of free vector images. So, don’t forget to bookmark this page so you can visit these websites in the future to find beautiful images from these vector art treasures.

unDraw

The unDraw is an open-source platform for downloading free vector illustrations. The website is serving the web and graphic designers since its inception in 2017 with a wide category of illustrations and vector graphics. The founder Katerina Limpitsouni launched this website with a goal to show that designers should contribute to the open-source community. We can measure the success of unDraw by knowing that it’s being used in leading tech-giant companies like Google, Microsoft, Facebook, and Harvard Business School.

Freevector.com

FreeVector.com is an ultimate collection of high-quality free vector graphics and illustrations created and submitted by talented artists from all over the world. The content is available in various formats such as EPS, AI, SVG, PDF, etc. They upload hundreds of vector images every month. If you are a free user, you are allowed to use these images in your personal project only but if you are a paying member you can use all images in your commercial projects too. You are allowed to alter, modify, and combine vector images and customize the graphic as you want.

FreePik

FreePik has an extensive collection of 3 million+ high-quality vector graphics for personal and commercial use. It has an amazing filter feature which allows you to browse these vector images easily. You can download these graphics in AI, SVG, and EPS format also. Almost all the graphics are free but if you want some extra FreePik has premium graphics too. Being one of the fastest-growing startups in Europe, FreePik is being used by leading organizations such as NASA, Spotify, Amazon, FedEx, Microsoft, and many more.

Pixabay

With over 100,000+ free vector images, Pixabay is quite popular among the designer community. Pixabay is a community-driven platform where thousands of contributors regularly submit their art. The platform publishes these images under its own license, which allows image users to use the picture in the commercial and non-commercial project without giving attribution or credits to the author. Though it would be appreciated if the user does so.

Flaticon

If you require vector icons for your project, then the Flaticon is a perfect place for you. Flaticon claims they have the largest database of free vector icons and icon packs available in PSD, PNG, SVD, EPS, and BASE 64 formats. The Flaticon library has 3.4 million vector icons sorted into 64 different categories. They also provide an icon editor where you can change your icon’s color, size, and download them in your various formats it supports. Besides this, there is also a free pattern creator where you can create patterns using Flaticon icons.

Openclipart

Open clipart is an online open-source library of free vector clipart images. Started in 2004, the platform has been serving the designer community with over 160,000 free vector images. According to the founders, they are the largest community artists making the best original free vector clipart images to use in any project. The website is licensed under Creative Common Zero (CC0) public domain license, which means you are free to use these images in your commercial or non-commercial projects without attribution.

Streamline Icons

Streamline styles itself as the world’s largest vector icon pack. It has more than 30,000 vector icons sorted into 53 main categories and 720 sub-categories. All the icons are available in Light, Regular, and Bold weights. These royalty-free vector icons can be downloaded in PNG format but you can have them in different formats in paid premium packages. It is easy to use in various graphics designing software such as Adobe Illustrator, Figma, and Sketch.

Vector4Free

Vector4Free website provides an extensive collection of free high-quality vector graphics shared by talented and generous graphic designers. Many of the vector images are licensed under Vector4Free’s own license and free to be used in commercial and non-commercial projects without giving any credits to the site. However individual artist has different terms of use so it is advisable to check it out before using images commercially.

The Noun Project

With a community of talented designers from 120+ countries, The Noun Project has a wide range of free vector icon images and stock photos. They believe the visual language has the power to change the world, and with this belief, they are serving creative artists for more than a decade. All these images are royalty-free, meaning you are allowed to download and use these images for your personal or commercial use.

Vecteezy

Vecteezy is a community-driven platform containing millions of high-resolution free vector images, stock photos, and videos. Its filter feature makes it easy to browse thousands of vector graphics in a matter of seconds. The platform has tons of categories to search for the perfect image for your project. You can also put a comment on photos to give your feedback or suggestion.

Vexels

Vexels features a wide selection of royalty-free vector images and illustrations. Vexels has a talented team of illustrators and designers who are constantly creating these amazing vector graphics and uploading them daily. All these featured graphics are free to use in commercial and non-commercial projects with attribution. It has easy to use online editor tool which lets you customize graphics according to your needs.

Iconmonstr

iconmonstr is the best resource for free vector icons. The website is created by Alexander Kahlkopf, a Germany based graphic designer to provides exclusive high-quality icons. There are over 4,000 graphics in formats like SVG, PNG, EPS, PND, etc. You are free to use these vector icon images in your commercial and non-commercial projects without attribution as all these icons are licensed under iconmonstr free license.

Vector.me

The Vector.me website is a stock image search engine providing over 150,000 high-quality free vector graphics. You just simply have to put any keyword you want an image for and it will display thousands of images from hundreds of collections. All the vector files on this platform are either uploaded by users or fetched by Vector.me crawlers from public resource image libraries or blogs. Terms of use of these images are subject to the license set by the authors, so it is advisable to read LICENSE.txt before using any of the images in your projects.

Pimpmydrawing.com

Pimpmydrawing is a growing database of vector drawings of people, cad blocks, silhouettes, and 2nd scale figures. The website provides vector photos in DWG and AI format and it is a perfect place for finding auto cad architectural designs. Pimpmydrawing offers most of the images are free and you don’t even have to make an account to download these images. You are allowed to use these images in your personal and educational projects.

VectorStock

VectorStock is the world’s premier vector-only image marketplace, as they claim. This vector graphics platform has a collection of 22 million+ high-quality premium and free vector images in their database, and more than 10,000+ new images are being added daily. Such a vast collection is like heaven for the web and graphics designers.

Shutterstock

Shutterstock is one of the giant leading graphics resource platforms in the world. It has a library of 300 million+ images and more than 200,000 pictures are being added daily by 1 million+ contributor from all over the globe. It offers extensive collections of vector images for all kinds of work. All the stock vectors are royalty-free which means they can be used multiple times after purchasing a license.

Pixeden

Pixeden offers high-quality, high-resolution premium and free vector graphics and resources. It has a wide range of vector images, icons, stock photos, textures, and templates. Most of the vector graphics are free but they have some amazing collections for premium subscribers as well. If you are a professional designer you should consider having a premium membership.

The Noun Project

The Noun Project aggregates vector icons and stock photos made by creative graphic designers around the world. You can download from a collection of over 3 million vector icons by various categories. All the images are royalty-free and licensed under Creative Commons Zero (CC0) public license. You can use all vector icons and images in your commercial projects.

Dry Icons

Dry Icons has a huge collection of more than 6,700 vector icons. Dry Icons has a team of talented designers who regularly creates and publishes vector icons on the platform. All icons are licensed under Dry Icon’s own license and free to use in any personal, educational, commercial, or open-source project. Their only condition is to provide a link back to their site on every Dry Icon material you use.

HD Icons

The HD icons provide beautiful high-quality free vector resources in various categories like animals, food, nature, floral, fruits, celebrations, people, logos, vehicles, etc. The site offers vector images in AI, EPS, and CDR formats. You can also download raster versions with transparent backgrounds in PNG formats.

Top 15 Websites to find free transparent PNG images

Qrolic Technologies — Sat, 21 Nov 2020 09:58:45 +0000

Free PNG image resources are becoming more popular among designers nowadays. The reason for their immense popularity is, they are easy to access, designed by creative individuals with keeping quality in mind, and most importantly they are a big time saver. But finding the right website with the right graphics for your project is sometimes gets really frustrating. So, we made this list for graphics creators to easily find free transparent PNG images on the web.

Pixabay

Pixabay site offers an extensive collection of free transparent PNG images, stock photos, illustrations, vector graphics, film footage, and music. The Pixabay platform is licensed under Creative Common Zero (CC0) license which means all the content of the platform is can be used in non-commercial projects too.

Stick PNG

Stick PNG community of creative artists offering a wide range of free transparent PNG images. The platform contains more than 35,000+ PNG images that are free to use for any personal no-commercial and educational projects.

PNGAll

This site provides some amazing high-resolution PNG images and clipart pictures. PNGAll platform contains free transparent PNG images which can be used in any personal non-commercial project.

PNG Pix

PixPNG is a great website for finding free transparent PNG images. The platform has an extensive category of PNG image collection for graphics and web designers. All images are free to use in any non-commercial projects.

Pixel Squid

Pixel Squid is one of the best places for finding beautiful free transparent PNG images and 3D objects. This PNG image site has a variety of 3D graphics and transparent background clipart that are free to use on any personal and non-commercial project.

Designer Candies

Designer Candies is a graphics resources platform created by talented designers. The candies website offers free transparent PNG images as well as 3D rendered objects. You can use these graphics in your personal and commercial projects.

PNG Find

PNG Find has a massive collection of transparent images. With great navigation and filtering features, you can easily find free transparent PNG images. You can use these PNG images in all kinds of educational and non-commercial projects.

PNG Fly

PNG fly gives a variety of over a million free transparent PNG images. More than 1,000 designers daily upload these PNG pictures to be used in your personal and non-commercial projects.

Free PNG Img

Find over 50,00+ free transparent PNG images and icons on Free PNG Img. It is a non-commercial website developed by a bunch of graphic designers. This site is exceptionally useful for finding a vast variety of PNG images for non-commercial projects.

Png Img

The PNG Image is a non-commercial website created by a small team of designers. This platform offers free transparent PNG images, pictures, and clipart that can be easily downloaded and used in any non-commercial project.

Pure PNG

If you are a professional designer looking for PNG images to use in your commercial projects, then Pure PNG is the right place for you. This site offers high-quality free transparent PNG images which are licensed under Creative Commons CC0.

PNG Mart

PNG Mart platform is desiccated to free transparent PNG images, which you can download and use in your personal and non-commercial projects. It has some cool clear background PNG images of different categories.

Free PNGs

Free PNGs offers an extensive collection of beautiful high-resolution premium and free transparent PNG images. This UK based company has the best cut out images which can be easily downloaded and edited.

Mrcutout

Discover gorgeous royalty-free transparent PNG images on the Mrcutout website. All these clear background PNG images are released under the Creative Common Zero (CC0) license, which means you can use these images in your commercial projects as well.

Kiss PNG

Kiss PNG, now Clean PNG, is a website having more than 3,000,000+ free transparent PNG images. The platform has high-quality free PNG images organized in over 50,000+ categories. The best thing is you can download an unlimited number of images without registering on the platform.

So, this is the list of websites containing beautiful high-resolution PNG images. Bookmark this page for future reference and don’t forget to share this with your designer friends.

Custom Mouse Pointer using Javascript and CSS3

Qrolic Technologies — Tue, 06 Oct 2020 13:14:39 +0000

Calculator using Javascript and CSS3

Qrolic Technologies — Tue, 06 Oct 2020 13:11:29 +0000

20 Awesome Free Stock Photos Websites

Qrolic Technologies — Mon, 05 Oct 2020 13:44:56 +0000

Finding the right stock image platform that offers free stock images for websites, blogs, and other marketing campaigns is really a tough job. You have to browse at least five Google Search Pages to find one good site. To save you from that we have curated a list of the best free stock photos sites for you. Please have a look.

Pexels

Pexels has an amazing collection of beautiful high-quality free stock photos and videos. You can rapidly search for the best stock images for all kinds of digital and printable projects. Pexels uses the Creative Commons Zero License for their photos and videos.

Pixabay

Pixabay offers a collection of more than 1 million free stock photos, videos, vectors, and music. All the media files are provided with the Creative Common CC0 license and are free to use in any project commercially without permission.

StockSnap.io

StockSnap offers an extensive collection of high-resolution free stock photos for everything, which they upload every week. The site releases all the photos under Creative Common Zero (CC0) public domain, which means users are allowed to use these stock images without any attribution.

Startup Stock Photos

Startup Stock Photos helps startups, bloggers, publishers, websites, designers, developers, and creators to find free stock photos that convey the intended message and vibe. All the featured stock pictures are free to be used in all kinds of projects as they are released under the Creative Common Zero (CC0) license.

Reshot

Reshot is more than just a stock photo site, it’s a mission to unify the visual content creators to elevate the creative projects. Reshot has a massive collection of free stock photos for every kind of project. Photos on the reshot platform are free to use commercially without any attributions.

FoodiesFeed

FoodiesFeed is a website dedicated to free stock photos of food and food-related goods. The platform is specifically made to eliminate ugly mediocre stock images from food blogs and websites. Many passionate food photographers regularly share their work on this site.

Gratisography

Gratisography declares themselves as a quirkiest platform for stock images, and that makes them very unique. This site has a huge collection of free stock photos, clicked by Ryan McGuire of bells design. All the pictures are absolutely free from all copyright infringements.

Burst

Burst is a stock photo site powered by Shopify. Burst has a humungous selection of top-quality free stock photos clicked by amazing photographers. Burst provides stock images with a Creative Common Zero license as well as Shopify’s own photo license.

FreeStocks

FreeStocks offers an extensive collection of beautiful pictures related to animals, architecture, fashion, food, technology, and nature. The platform provides all the free stock photos licensed under Creative Common Zero (CC0) license.

Picography

Picography provides gorgeous free stock photos. The site has wide categories of photos which are snaped by talented photographers around the globe. You are free to use these photos are you desire, as all the stock images are released under the Creative Common CC0 license.

Unsplash

With more than 2 million high-resolution stock images and 200,000+ photographers, Unsplash is one of the best websites for free stock photos. It may not have numerous categories of pictures like paid stock sites, but it has top-quality photos that are added every day.

Negative Space

Negative Space provides a good collection of high-quality free stock photos. They have thousands of stock images sorted in categories such as abstract, architecture, black & white, work, animals, food, people nature etc. You can use these images in your non-commercial project without attribution as these images are released under CC0 license.

Kaboom Pics

This free stock photo platform has a variety of images related to lifestyle, interior, architecture, beauty, fashion and more. All the photos are royalty-free and can be used commercially but cannot be redistributed or sold.

SkitterPhoto

The SkitterPhoto is a photography platform offering high-quality free stock photos for websites and other projects. The platform has a wide category of images uploaded by amateur and professionals from all around the globe. All photos are Creative Common CC0 licensed and can be used commercially.

Life of Pix

Life of Pix offers high-resolution stock images which have no copyright restrictions for personal and commercial use. These free stock photos are shared by LEEROY creative agency and their network of photographers. All the images are totally free for use in commercial and personal projects.

Little Visuals

Little Visuals platform is created by passionate photographer Nic Jackson. Sadly, the photographer is no more but his creativity is still alive and open to be used in all kinds of personal and commercial projects.

Foca

Foca is a free stock photo site proving stock images licensed under Creative Common Zero (CC0) license. Jeffrey Betts, the founder of Focastock, regularly uploads his creativity on the site. All the images are copyright infringement free.

StyledStock

StyledStock is a collection of gorgeous feminine free stock photos. StyledStock offers a wide range of stock images for women entrepreneurs. You are allowed to use these photos in your personal or commercial project without any attribution.

Picspree

Picspree has a wide collection of high-resolution stock images, illustrations, vectors, stock photos, and vectors. This free stock photo site contains royalty-free photographs and vectors in an extensive category.

Free Range

The photos and illustrations featured in Free Range come from in-house photographers as well as creative contributors from around the globe. The website was formed in the year 2007 with a goal to provide high-quality free stock photos for commercial and non-commercial projects.

Picjumbo

Picjumbo is a stock photo platform created by Viktor Hanacek, after getting rejected by all the stock photography websites. The platform has stunning images clicked by the creator and licensed under Creative Common CC0.

ISO Republic

The ISO Republic provides a curated collection of high-resolution stock images and videos. All the content is licensed under the Creative Common CC0 license and is free to use in personal and commercial projects without giving any attribution.

Death to Stock

Death to the Stock platform is a great platform for businesses, bloggers, and creatives to find stock pictures for their projects. This site uploads 100+ photos every month. These free stock photos are snapped by talented photographers.

Fancy Crave

Fancy Crave founder Igor started this platform to give away his best shots clicked in his traveling to Asian countries. Since its inception, this platform became popular among designers, developers, bloggers, and marketers for all these free stock photos.

New Old Stock

The new old stock offers vintage stock photos collected from public domains. These free stock photos are available for personal and non-commercial use.

Usage rights of these free stock photos

Almost all images on these platforms are licensed under Creative Common Zero (CC0) public domain license and free to be used in any kind of project – commercial or otherwise. But it is advised to check the site’s licensing policies.

DEV Community: Qrolic Technologies

How to create a section with a customized option?

How to Link CSS and JS File in Shopify?

To link a CSS file, add this code:

And add the following code to link JS file:

15+ most amazing websites to download free fonts

10 Best jQuery Plugin and effects to implement in your website

Best Resources to Find Textures and Patterns for websites

And One Bonus Site

20 great resources to explore free vector images treasure

Top 15 Websites to find free transparent PNG images

Custom Mouse Pointer using Javascript and CSS3

Calculator using Javascript and CSS3

20 Awesome Free Stock Photos Websites

Usage rights of these free stock photos

Elegant & Beautiful Testimonial Sliders

Responsive slider

Testimonial images in custom dots

Autoplay slider

3D Card Hover Effect using javascript