Build Archives

How to Build a Responsive Slider With Swiper.js

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Have you ever built an advanced slider for a project? If so, you might have taken advantage of any one of a number of JavaScript carousels. In the past, I’ve covered two of them: slick and Owl. Today, I’ll introduce another well-known one: Swiper. Ready to learn… Continue reading How to Build a Responsive Slider With Swiper.js

How to Build a UIkit Lightbox With Dot Navigation

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Have you ever worked with the UIkit front-end framework? Its current version at the time of writing is 3.9.4, and in the next few months, YOOtheme (the team behind it) plan to release v4. This isn’t the first time I’ve written about UIkit; some years ago, while still… Continue reading How to Build a UIkit Lightbox With Dot Navigation

30 Tutorials for Developing HTML5 Web Browser Games

September 30, 2021 by Jake Rocheleau Modern HTML5 specifications allow for a wide breadth of creativity. Web developers have always been toying around with JavaScript games. But, nowadays, it is so much easier to jump into the process and create something truly magnificent. This gallery is devoted to 30 tutorials you might use to learn… Continue reading 30 Tutorials for Developing HTML5 Web Browser Games

Creative Brand Guidelines Templates For Presentation

30 Shares Brand guidelines templates also known as a Brand Manual, Brand Standards & Brand Identity Guidelines. Brand design agencies and branding studios will use brand guidelines templates to present their clients how to implement their new brand. Each templates available in US Letter and International A4 sizes. Brand guidelines templates are suitable for any… Continue reading Creative Brand Guidelines Templates For Presentation

How to Build a Simple REST API in PHP

In this tutorial, I’ll teach you how to build a simple REST API with PHP and MySQL. REST has become the de facto standard when it comes to exposing data via APIs and building web services. In fact, most web applications these days access and expose data via REST APIs. With the popularity of front-end… Continue reading How to Build a Simple REST API in PHP

Creative or Developer? One or More of these 15 Awesome Pre-built Websites Could be Just Right for You

Posted · Category: Design, Uncategorized As a creative, you need a digital space to showcase your work to potential employers or clients, and for that matter to the world at large. That digital space, your website, works in both directions. It allows you to promote your work, and it enables your audience to get in… Continue reading Creative or Developer? One or More of these 15 Awesome Pre-built Websites Could be Just Right for You

Creative or Developer? One or More of these 15 Awesome Pre-built Websites Could be Just Right for You

Posted · Category: Design, Uncategorized <!– –> As a creative, you need a digital space to showcase your work to potential employers or clients, and for that matter to the world at large. That digital space, your website, works in both directions. It allows you to promote your work, and it enables your audience to… Continue reading Creative or Developer? One or More of these 15 Awesome Pre-built Websites Could be Just Right for You

15 Free iOS Apps For Graphic Designers

August 12, 2016 by Veronika iPhone’s full HD retina and 3D touch display is the perfect canvas for creating enchanting designs. With these 10 free iOS design apps you can easily expand your portfolio on the go. Paper Source: https://www.pastemagazine.com/articles/2015/10/paper-by-fiftythree-app-review-ios-gotta-get-that.html Developed by: FiftyThree, Inc Category: Productivity Price: Free Paper is not your typical productivity app. It… Continue reading 15 Free iOS Apps For Graphic Designers

How to Build a Simple Theme Switcher With the CSS Checkbox Hack

In this tutorial, you’ll learn how to create a CSS-only theme switcher by taking advantage of the “CSS checkbox hack technique” and CSS variables. Ready for another CSS challenge? Note: This tutorial assumes that you’re familiar with this particular CSS technique along with advanced CSS selectors (e.g. general sibling combinator). If you haven’t heard of… Continue reading How to Build a Simple Theme Switcher With the CSS Checkbox Hack

25 Best Brand Guidelines Templates Design

38 Shares Professional multipurpose Brand identity guideline templates for those who need a branding guide for a new business / company or rebrand. Guideline presentation templates gives you an effective way to introduce your brand and proposes a new project. The Brand guidelines template covers all aspects of design including logo, color, type, web, Social Media,… Continue reading 25 Best Brand Guidelines Templates Design

Example of How to Add Google reCAPTCHA v3 to a PHP Form

In this article, I’m going show you how to add Google reCAPTCHA v3 to a form on your PHP website. The latest reCAPTCHA is different than the previous versions—it doesn’t require user interaction at all. In this post, we’ll see how it works, and we’ll build a real-world example for demonstration purposes. As a website… Continue reading Example of How to Add Google reCAPTCHA v3 to a PHP Form

3 Reasons Why You Should Monetize Your Website

February 3, 2021 by Spyre Studios Whether you started your website as a fun hobby or a way to support an exciting business venture, monetization may be on your mind more now than ever. Times are tough, and everyone’s looking for more ways to put money in their pocket. Luckily, your website is a goldmine… Continue reading 3 Reasons Why You Should Monetize Your Website

How to Build a Fake AJAX “Load More” Mechanism (JavaScript Tutorial)

The other day I was working on a WordPress project that used ACF (Advanced Custom Fields) Pro’s flexible content. If you aren’t familiar with this field, imagine it as a miniature of the Gutenberg and Elementor builders that gives you the ability to define different types of layouts. So, on this project, the design required… Continue reading How to Build a Fake AJAX “Load More” Mechanism (JavaScript Tutorial)

Popular Design News of the Week: December 7, 2020 – December 13, 2020

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers. The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however,… Continue reading Popular Design News of the Week: December 7, 2020 – December 13, 2020

Popular Design News of the Week: November 23, 2020 – November 29, 2020

Web Design Puzzle – How to Put Together an Impressive Website Layout

A website is like a puzzle; it’s made of thousands of tiny pieces that fit together seamlessly to create a functional whole. Subjectively speaking, you can say that many websites are variations of the same theme. Why is that? And is it a bad thing? Many platforms like WordPress offer access to free templates and… Continue reading Web Design Puzzle – How to Put Together an Impressive Website Layout

Build an HTML Email Template From Scratch

What You’ll Be Creating The best way to understand any process is to carry it out yourself, from the ground up. Today, we’re going to do just that with email design, by building an HTML email template from scratch. “The sooner you stop fighting the quirks of email, the sooner you can use them to… Continue reading Build an HTML Email Template From Scratch

7 Key Strategies for Retail-Based Clothing Businesses to Increase Their Revenue

The apparel industry is big and continues growing every day. On a global level, the apparel and clothing market reached a value of more than $758 billion in 2018, having grown at an annual rate of 7.5% since 2014, and is expected to reach nearly $1,2 billion by 2022. But while the clothing industry can… Continue reading 7 Key Strategies for Retail-Based Clothing Businesses to Increase Their Revenue

Customize Your WooCommerce Store With Elementor Template Kits

Elementor Pro’s built-in templates are a great way to style an individual page, but why customize your online store on a product-by-product basis, when you can use Elementor Template Kits to design your entire eCommerce site? Countless businesses use WordPress to sell their products and services, thanks to the popular WooCommerce plugin. In the previous… Continue reading Customize Your WooCommerce Store With Elementor Template Kits

How to Build a WooCommerce Store With Elementor

Elementor and WooCommerce make it easy to create an online store. In this tutorial, I’ll show you how to use WooComerce, WordPress, and Elementor to build an online store complete with products, categories, and an Amazon-style dropdown menu. Why WooCommerce? WordPress is one of the world’s most popular blogging platforms, but countless businesses also use… Continue reading How to Build a WooCommerce Store With Elementor

11 Actionable Tips to Build a Winning Brand Identity

12 Shares Branding means much more than a cool-looking logo and a Facebook ad. It’s about turning your business into a recognizable company that people are devoted to and think positively about. Building your brand doesn’t happen overnight, but with ongoing effort and a proper plan, you’ll be well on your way to branding success.… Continue reading 11 Actionable Tips to Build a Winning Brand Identity

Build vs. Buy: Automated Accessibility Tools

If something can be automated, developers will try to build it to save them time. In the field of accessibility, some automated tools out there can catch up to 50% of accessibility defects (like axe-core). On top of that, there are a lot of free accessibility rules libraries out there already for developers to choose… Continue reading Build vs. Buy: Automated Accessibility Tools

How to Enhance Your Website Layouts With SVG Shapes

In this new tutorial, we’ll get rid of the usual boring rectangular boxes and learn to build a landing page full of complex SVG shapes. We’ll even enhance it with Bootstrap styles as well as a full-screen background video. The best way to understand what we’re going to build is by checking out the demo, so it’s… Continue reading How to Enhance Your Website Layouts With SVG Shapes

Tag: Build