How to Create a Cut-out Border Design with CSS
With a cut-out border design we can show to users what can be found underneath the border area of an HTML element. This task is typically solved by st…
Latest in: Coding
If coding is the future, then you should get a head start here. We believe that age, gender, and background should not limit one's ability to learn to code. That's why we offer numerous posts on online resources, ebooks, environments, testing tools, and playgrounds to assist readers in acquiring programming skills.
We also have articles that delve into mobile app development, software development, open source, and web programming.
How to Create a CSS Ribbon
We talk about CSS ribbons in web design when a strip of box (called ribbon) wraps another box. It’s a fairly used design technique to decorate text,…
Mastering Synchronous & Asynchronous in JavaScript
In the first part of this post, we saw how the concepts of synchronous and asynchronous are perceived in JavaScript. In this second part, Mr X appears…
What You Should Know Before You Try Coding (10 Things)
Learning to code is not at all easy. You may find many websites that try to push people into coding by citing it as an easy trade to master. However, …
How to Create a Text-Search Bookmarklet with JavaScript
Bookmarklets are JavaScript applications that can be accessed as browser bookmarks. They are used to enable users to perform different actions on web …
How to Create CSS-only Sticky Footer
Normally, we need JavaScript to perform scrolling effects related to different user actions on web pages. The script does the job of tracking how far …
Master DOM Manipulation with 15 Essential JavaScript Methods
As a web developer, you frequently need to manipulate the DOM, the object model that is used by browsers to specify the logical structure of web pages…
How to Create a Datalist That’s Instantly Searchable
Dropdown lists are a neat way for providing options for an input field, particularly when the list of options available are long. A user can choose th…
How to Add Custom Code Snippets to Atom
It’s not a coincidence that Atom, the source code editor created by Github is popular in the web development community. It’s not only easily exten…
How to Create Pure CSS onClick Image Zoom Effect
CSS doesn’t have a pseudoclass for targeting click events, and this constitutes one of the biggest pain points of front-end developers. The closest …
How to Validate Accelerated Mobile Pages (AMP)
In our last AMP tutorial, we have shown you how to adopt AMP (Accelerated Mobile Pages) to gain a significant speed boost as well as better exposure i…
How to CSS-Only Overlays Effect with Box-Shadow
Content overlays are a prominent part of modern web design. They help you hide an element on a web page, and later – with the user’s approval – …