David J. Henderson, Author at Web Colored

Follow us for the Latest News & Updates From the world of web design

Unloading Unnecessary CSS With Grunt

January 10, 2023 David J. Henderson 0 Comments

Using a framework like Bootstrap and Foundation is one of the fastest ways to create a responsive website. These Frameworks contain all the necessary elements, including the grid and user interface components, to create a decent and functional website. However, the Frameworks aim to serve as many web scenarios as possible. Therefore, they contain tons …

Duplicate Media Queries

January 3, 2023 David J. Henderson 0 Comments

Today there are many frameworks that allow you to quickly create responsive websites. For example, Bootstrap and Foundation include a set of common website components, plugins, many predefined style rules, and CSS3 media queries to create the responsive grid. However, one of the disadvantages of using these frameworks is that multimedia requests are scattered when …

Create Long Shadows Using Generator

December 30, 2022 David J. Henderson 0 Comments

Long shadow design is always popular among designers. Previously, we showed how to create your own Design for long shadows in Photoshop using different layers. It’s convenient, of course, but if you’re a Photoshop enthusiast looking for an easier way to get the Design you want for long shadows, we’ve found a free Photoshop extension …

Creating CSS 3D Shape

December 25, 2022 David J. Henderson 0 Comments

Have you ever worked with 3D on the web? If so, then you are probably familiar with WebGL (web Graphics Library), a JavaScript API designed to render 3D and 2D graphics in your web browser without using plug-ins. In this article, we present Tridiv, a free web application to easily create 3D CSS shapes. If …

Photoshop Style Rulers and Guides

December 20, 2022 David J. Henderson 0 Comments

One of the best things about Photoshop is the easy-to-use guides that can be taken from the rules. These guides can greatly simplify the design process when it comes to positioning an item and finding the right balance. To our great joy, Mark Rolich has implemented this special feature for use on the web. He …

Make Elements On Your Site Draggable

December 15, 2022 David J. Henderson 0 Comments

There are many tutorials on how to make things draggable on a web page. jQuery is one of the easiest ways. You don’t even need the jQuery UI, just a little help from the mouse direction function and maybe some optional manipulation. But what if you don’t want to touch the jQuery code and still …

HTML Checkbox Into iOS 7 Switch

December 10, 2022 David J. Henderson 0 Comments

The checkbox is very useful for providing user input. When users enter the actual value, a check mark appears in the small square box. Customize the appearance of the checkbox can be done simply via CSS. Nevertheless, the customization only affects the style of the boxes and checkboxes. To customize the checkbox with a really …

Synchronized Testing using Ghostlab

December 6, 2022 David J. Henderson 0 Comments

Interactions within browsers, such as updating, clicking and filling out forms, are reflected in real time on browsers and connected devices. But we know that everyone has their own style of work. Some users may prefer to use the command line, while others prefer to use an application with a graphical interface, as it is …

Your Own Font Icon Set With Fontello

December 2, 2022 David J. Henderson 0 Comments

We can see that font symbols are widely used on websites, and for good reason. The font icon is reliable, looks sharp on a high-resolution screen, and can be easily adjusted in terms of size, color, and position of the icon via CSS. This makes it easier to animate font symbols, even with CSS3 transformations …

Your Custom Domain for Github Pages

November 25, 2022 David J. Henderson 0 Comments

Github not only gives us free Github pages but also allows us to use our own domain name for the page we created. So instead of using the following name format: {username}.github.io / {project name}, you can call the blog like this www.myawesomeblog.com instead. This is a great opportunity for free open-source projects with a …

Mobile Application with HTML And JavaScript

November 20, 2022 David J. Henderson 0 Comments

For many web developers who may only be familiar with HTML, CSS, and JavaScript, developing a native mobile application could be unfamiliar ground. Technically, mobile applications are created in Android, iOS, and Windows Phone using completely different programming languages. An Android application uses Java, an iOS application uses Objective-C, while a Windows Phone application uses …

Web Design Lessons From Learn From YouTube

November 17, 2022 David J. Henderson 0 Comments

Whether you are a professional designer or a newbie, continuous learning and perfecting your skills will help you become an even better designer. Being a designer means more than just designing business cards and website templates because you have to follow the fast-growing market and work on mastering your technique. Video is one of the …

Uploading Jekyll to Github Page

November 15, 2022 David J. Henderson 0 Comments

In previous articles, we have discussed how to set up a Jekyll Blog locally on our computer, create a draft and manage multiple drafts using a plugin. Now we are ready to deploy the Blog to the online server so that the world can see how awesome our Blog is. Deploying Jekyll on an online …

Multiple Drafts In Jekyll

November 6, 2022 David J. Henderson 0 Comments

Although it is only a static website, we can also use a Plugin in Jekyll. Let’s continue our discussion about creating drafts from the previous post. As you can see in the previous post, we created the drafts and first placed them in a special folder called _drafts. Then, when we are ready to publish …

Creating Post Draft In Jekyll

November 3, 2022 David J. Henderson 0 Comments

Creating a post is a breeze; we simply create a new Markdown file, save it in the /_posts folder and it will immediately appear on the Blog. However, this could be a problem if you have put your blog online. Your message may contain unfinished judgements, errors and other things that your readers should not …