Leon Sans is a free geometric sans-serif typeface made with code (it’s based on JavaScript) by Jongmin Kim. It allows to adjust the font-weight and other properties dynamically via JS for creating custom animations, effects or shapes in an HTML canvas. Super cool, is it? View examples Download font
Tag: JavaScript
How to Create a Web Booking Form With the Smart Forms Script
Booking forms can serve a lot of purposes on a website. You can use them to allow your visitors to book a hotel room or tickets to a popular event. They can also be used for other things like booking appointments with clients. They are a great way for people to simply give you all… Continue reading How to Create a Web Booking Form With the Smart Forms Script
10 Best Mobile Apps for Learning to Code
What’s even better is that you don’t have to spend years mastering programming either. Thanks to numerous coding apps available for both Android and iOS devices, you can easily level up your coding skills even when you’re on the go. In this post, we’ve rounded up the best coding apps that will help you learn… Continue reading 10 Best Mobile Apps for Learning to Code
Build an Advanced Responsive Menu Inspired by Netflix
The other day I visited the Netflix Jobs website from my phone and had a look at its off-canvas menu. I really liked the staggering animations that fired every time you hit it. So I thought it might be a good exercise to take this menu as inspiration and show you how to build a similar responsive… Continue reading Build an Advanced Responsive Menu Inspired by Netflix
Is Google Toast?
For those too young to remember, the Browser Wars entailed a tech rush by, among others, Netscape and Microsoft, resulting in useless features being implemented because they were fast to bolt-on, and useful features being rushed because they were hard. After the Browser Wars, the internet entered an era of stability as the last vestiges… Continue reading Is Google Toast?
What’s New for Designers, July 2019
It’s hard to stay focused this time of year. With vacations coming up (or having recently passed) it’s easy to get distracted from work-related tasks. For that reason, this month’s roundup is full of design tools plus a few design diversions that you can have fun with. 404 Illustrations Have you ever wanted to create… Continue reading What’s New for Designers, July 2019
How to Code a “Click to Tweet” Button
With Instagram, Snapchat and other “young” social media platforms taking over the internet, Twitter still remains one of the most popular marketing channels. It has around 326 million active users per month which means that your target audience is likely using it. This is why you should at least consider using it as a marketing… Continue reading How to Code a “Click to Tweet” Button
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
Easier Apps With Ionic Templates, Frameworks, and Tools
One of the biggest problems in development is the idea of “limitless” possibilities. How do you choose what app to build when you can create anything? Which choice to get from point A to point B is the right one, when there are so many combinations on how to get there? This holds true when… Continue reading Easier Apps With Ionic Templates, Frameworks, and Tools
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
How to Create a Mega Menu With a Free WordPress Plugin
In this post, we’ll explore the WP Mega Menu plugin which allows you to create content-rich navigation menus on your WordPress site. We’ll go through the different aspects of this plugin and we’ll also build a real-world example for demonstration purposes. A sticky menu stays at the top of the screen, so that however far… Continue reading How to Create a Mega Menu With a Free WordPress Plugin
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
20 Best HTML5 and JavaScript Game Engines and Templates
With Flash end-of-life announced for the end of 2020, HTML5 and JavaScript games have quickly taken over, becoming a major source of gaming on the web. With this major shift in the landscape though came a move from largely using one tool to create online games, to using dozens (maybe hundreds!) of different engines, libraries,… Continue reading 20 Best HTML5 and JavaScript Game Engines and Templates
Tips for Enhancing Website Loading Speed by Proper Optimization
Today era is digitization world, where website accessibility is the most common task. Users use websites for a variety of reasons in their day to day tasks. If a user is searching a query using any digital assistant whether phone or desktop, they expect quick and relevant answers to that. For example, if a user… Continue reading Tips for Enhancing Website Loading Speed by Proper Optimization
How Many Programming Languages Should I Learn?
How many programming languages should the average developer learn? While most programmers are expert in one or two languages, how many should they be familiar with? There isn’t a limit to the number of programming languages that any one person can learn. Your memory can expand infinitely inward, but that doesn’t make it easy. Just… Continue reading How Many Programming Languages Should I Learn?
The 7 Programming Languages Web Developers Need To Know in 2019
March 19, 2019 by Alex Fox It might not seem important for web developers to learn programming languages. After all, HTML and CSS can develop some incredible sites all on their own. But JavaScript, PHP, and Swift can all extend the functionality of your web page significantly in was that CSS can’t hope to accomplish.… Continue reading The 7 Programming Languages Web Developers Need To Know in 2019
Top Programming Languages For Mobile App Development In 2019
It doesn’t matter if you are someone who is just entering the app development industry or someone who holds expertise in the field of software development, programming languages act as a basic foundation for them. But there are a ton of programming languages out there and to find out the one that is suitable for… Continue reading Top Programming Languages For Mobile App Development In 2019
Using the New WordPress Default Theme
Twenty Nineteen is the latest WordPress default theme currently available and was included with the WordPress 5.0 release. It’s already proving pretty popular with over 800,000 active installations to date. It’s also also available to WordPress.com users too which bumps up the user base even more. It’s described as a minimal and non-generic theme with simple but sophisticated… Continue reading Using the New WordPress Default Theme
Adding a Music Player to Your WordPress Site
Thinking about adding a substantial amount of audio to your site? Or maybe just a clip for a single song? When working with WordPress, there are dozens of different ways to add a music of audio player to your site. Choosing the one that works best for you can be tough. In this piece, we’ll… Continue reading Adding a Music Player to Your WordPress Site
Two Ways to Create a CSS Frosted Glass Effect
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} In this tutorial I’ll show you how to create a frosted glass effect in CSS. You’ll already have seen this glass blur effect in action in UIs (User Interfaces) such as on MacOS and iOS, even Windows nowadays, so the glass background is definitely a trending effect.… Continue reading Two Ways to Create a CSS Frosted Glass Effect
Try a New Course on JavaScript Functions
Functions are one of the most important constructs in JavaScript. Without understanding functions, you’ll never master the JavaScript language. Luckily, our new course will set you straight: JavaScript Practice JavaScript and Learn: Functions Jeremy McPeak What You’ll Learn Despite their importance, there’s a lot of confusion around JavaScript functions—especially since JavaScript ES5 (ECMAScript 2015), with… Continue reading Try a New Course on JavaScript Functions
WordPress in the Year to Come
What a year! At the end of 2017, I remember thinking that the previous year had been one of the biggest when it came to change in WordPress. But I didn’t know what was in store for 2018! 2018 has seen some of the most fundamental and farthest-reaching changes in WordPress since its inception, embodied… Continue reading WordPress in the Year to Come
How to Maintain the Selected Option On Page Load
Imagine you’re using a <select> element to navigate between pages–ordinarily the select will return to its default option when the page reloads. Today we’ll learn how to maintain the selected option, ensuring that whatever page you’ve selected remains selected even once the new page has been served. To demonstrate it, we’ll use a demo project with… Continue reading How to Maintain the Selected Option On Page Load
Create Style Variations for WordPress Gutenberg Blocks: Part 2
In the previous post we learned all about block style variations and how they’re used in the brand new WordPress 5.0 editor to switch between predefined styles easily. We’ll take things a little further in this post by providing more examples to give you a solid base for implementing block style variations in your own… Continue reading Create Style Variations for WordPress Gutenberg Blocks: Part 2