* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} We all know and love the spooky sense of discord created by glitch effects, but what we may not know is how to create that awesome font glitch effect quickly and easily. Well, today we will share some great resources from Envato Elements and GraphicRiver for creating… Continue reading Trending Distorted Fonts to Create a Glitch Text Effect
Tag: Text
What is React Native?
React Native is a cross-platform mobile application development framework that Facebook created in 2015. React Natives uses JavaScript as the underlying programming language, and it aims to help developers can build native mobile apps for both Android and IOS devices with a single codebase. In this post, I’ll introduce some of the key concepts and… Continue reading What is React Native?
How to Make your First App in Java
Are you a budding developer who knows the basics of Java and wants to make their first app using Android Studio? With PlayStore currently hosting 2.89 million Android apps and growing every minute, it is a great decision to learn and eventually master Android apps development. Get Started With Android Studio To make an android… Continue reading How to Make your First App in Java
8 Easy Ways to Improve Your Website Typography in Under 30 Minutes
Typography is one of the most important elements of any site, having a measurably large impact on brand and experience. So fundamental is it that making wholesale changes to your typography — opting for a new font, changing the measure, increasing leading — is complex and fraught with potential time-sinks. But there are some simple… Continue reading 8 Easy Ways to Improve Your Website Typography in Under 30 Minutes
Common React Native App Layouts: Login Page
In this series, you’ll learn how to use React Native to create page layouts commonly used in mobile apps. The layouts you’ll be creating won’t be functional—instead, the main focus of this series is to get your hands dirty in laying out content in your React Native apps. If you’re new to laying out React… Continue reading Common React Native App Layouts: Login Page
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
Using Redux in a React Native App
Redux is a library for state management that ensures that the application logic is well-organized and that apps work as expected. Redux makes it easy to understand your application’s code regarding when, where, why, and how the state of the application is updated. Redux is made up of the following key parts: actions reducers store… Continue reading Using Redux in a React Native App
Understanding the Image Component in React Native
Images are an essential aspect of any mobile app. This tutorial will introduce you to the image component and show you how to use images in your React Native app. You will also learn how to create your own photo gallery! Prerequisites to Create a React Native App We will use the Expo CLI for… Continue reading Understanding the Image Component in React Native
Popular Design News of the Week: September 21, 2020 – September 27, 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: September 21, 2020 – September 27, 2020
How to Make Effective Video Landing Pages
As a web developer, if you chance upon a comparison of the landing page and video landing page, what would be your first reaction? Both have all the characteristics of an excellent landing page. So, what sets them apart? Why does the subconscious choose the video landing page? It’s simple. It’s the video on the… Continue reading How to Make Effective Video Landing Pages
24 Best jQuery Image Sliders
Add a full-featured and easy-to-implement jQuery image slider to your website to help you keep your visitors’ attention. CodeCanyon offers some of the best jQuery image sliders available on the web for a low one-time payment. Slider Revolution is one of the best-selling jQuery image sliders available on CodeCanyon. Images are an integral part of… Continue reading 24 Best jQuery Image Sliders
Biggest Graphic Design Trends for 2020
2020 has rung in the new decade, and what a decade it has been so far! It has brought with it a new evolution of design within the graphic design world. Almost as if marking the start of a new era, new trends, ideas and looks have started appearing and making themselves seen and heard… Continue reading Biggest Graphic Design Trends for 2020
33 Best Facebook Covers Using a Facebook Cover Photo Maker
Your Facebook cover photo occupies one of the most noticeable areas on your Facebook page—the top third of the page. Whether you’re just using your page to connect to friends and family or you’re a business looking to raise brand awareness, generate leads, or close deals, it’s critical that you know how to use and… Continue reading 33 Best Facebook Covers Using a Facebook Cover Photo Maker
50+ Best CV Resume Templates 2020
31 Shares Latest best resume templates for opportunity and help you to get your dream job. Professional CV templates and Resume templates design are easy to use and customize. The resume templates are available in PSD, AI, PDF, EPS, Docx format with including Cover letter & Portfolio pages page for displaying your work. All resumes… Continue reading 50+ Best CV Resume Templates 2020
10 Best Responsive HTML5 Sliders for Images and Text… and 3 Free Options
In this post, I’ll show you some of the best free and paid HTML5 sliders. We’ll see responsive text sliders, responsive image sliders with text, banner sliders and more. All built with HTML5 and CSS. Why Use a Responsive HTML5 Sliders? HTML5 enables users to have a better and more consistent web experience across several… Continue reading 10 Best Responsive HTML5 Sliders for Images and Text… and 3 Free Options
20 Best Face Mask Mockups (PSD, Mockup Generator)
With the battle to contain the spread of Covid-19, face masks have now become a necessary and unavoidable part of our daily lives, and designers across the globe are making sure that we protect ourselves in style. Check out the terrific face masks mockups available from Envato Elements, GraphicRiver, and Placeit If you’re looking for a face… Continue reading 20 Best Face Mask Mockups (PSD, Mockup Generator)
Build a Chrome Extension to Streamline Your Workflow — SitePoint
When I began as a JavaScript editor at SitePoint, our submission process was something of a mess — articles coming from every direction in a variety of formats. So we decided to standardize things and settled on submission via GitHub in Markdown. This was a step forward, but we still needed to convert the Markdown… Continue reading Build a Chrome Extension to Streamline Your Workflow — SitePoint
Creative Minimal Resume Templates for Graphic Designers
Simple Clean Resume Templates perfect for graphic designers and other professionals. Ready to use resume designs can assist you achieve your dreams and make you stand out of tons of other professional resumes. Perfect and ideal for job oriented persons. Each template uses a strong baseline/document grid which will allow you to edit or add to the layout… Continue reading Creative Minimal Resume Templates for Graphic Designers
30 Best CV / Resume Templates for 2020
Professional and clean CV /Resume Templates for 2020 are here. Best resume templates with amazing modern features, ready to print design resumes are very helpful to update your resume before New Year 2020 and get your dream job. All resume templates are fully customisable; easily edit the typography, wording, colors and layout. These cv/resume template are… Continue reading 30 Best CV / Resume Templates for 2020
25 Simple & Clean CV / Resume Templates with Cover Letters
Simple and clean Resume Templates to present your completer bio-data, portfolio, education, skills, and job experiences. Modern resume design have everything about your lifestyle, expertise, and thoughts about your future. In simple words if you apply for job resume is your first impression. So choose only best simple resumes. In this article we are presenting… Continue reading 25 Simple & Clean CV / Resume Templates with Cover Letters
3 Essential Design Trends, July 2019
This month we’re taking a close look at above-the-scroll presentation. It’s the first thing you see, and the first impression a user has when they type in your URL. So, it’s a logical place to spot trends in website design. Here’s what’s trending in design this month. 1. Text That’s Almost Hard to Read With… Continue reading 3 Essential Design Trends, July 2019
Kerning, Leading, Tracking, and Everything You Need to Know About Text Spacing
The space between letters is just as important for legibility as the text itself. If your website is hard to read, don’t just consider the typeface: consider the white space as well. With kerning, leading, tracking, and other spacing tools, you can make your text more readable without a major design overhaul using these text… Continue reading Kerning, Leading, Tracking, and Everything You Need to Know About Text Spacing
Adding Customization Options to Your User Interface
There’s a careful balance to be struck when adding customization options to your user interface. You need to provide a real degree of control, or dictate your design completely. Here are some things to consider when applying customization options to your user interface. Theme Options If you’re providing the option for your user interface to… Continue reading Adding Customization Options to Your User Interface
How to Create a 3D Gold Text Effect With Photoshop Layer Styles
What You’ll Be Creating In this tutorial, I’ll explain how to create a realistic 3D gold text effect using layer styles in Adobe Photoshop. Let’s get started! Tutorial Assets The following assets were used during the production of this tutorial: Download the file Gold_Text_Effect-Assets.zip and extract both files inside. Install the Pattern file “Patterns.pat“. Install the Contour file “CustomContours.shc”.… Continue reading How to Create a 3D Gold Text Effect With Photoshop Layer Styles