Welcome to CodeRomeos

for coders, by coders.

Learn practical web design and development, keep up-to-date with latest design and development news, trends and resources.

Latest Posts

All latest posts
QuerySelector method in JavaScript

QuerySelector method in JavaScript

In a tree structure, we use a selector in CSS that matches against elements. We use elements, classes, or IDs.  Selectors Let's see an example1...

Pure HTML-CSS accordion or collapsible panel using Details and Summary tags

Pure HTML-CSS accordion or collapsible panel using Details and Summary tags

Collapsible panels or accordions have been an important part of the UI experience for a long time. In this article, we will explore HTML5 <details...

JavaScript callback function with examples

JavaScript callback function with examples

The callback function is a must-know concept for developers!  What is a function() ? A function is a block of code that does a defined task whe...

Must know Laravel artisan commands cheat sheet

Must know Laravel artisan commands cheat sheet

Laravel gives developers a Command Line interface - Artisan. Artisan commands line tool is very handy for building a Laravel application. With this co...

Design trend - Neomorphism in UI

Design trend - Neomorphism in UI

Neomorphism or soft UI is a new trend getting popular among UI developers in the year 2020. What is Neomorphism or soft UI? Neuromorphic UI is...

Microsoft's New Windows Terminal - Installation to customization guide

Microsoft's New Windows Terminal - Installation to customization guide

Microsoft has released the Windows Terminal Preview version. The latest version of the Terminal app is available from the Microsoft Store. As per Mic...

Redirect website from http to https using htaccess

Redirect website from http to https using htaccess

  From July 2018, with the release of Chrome 68 - Now your website users know the level of security as google flags your website if your site is...

Create a Horizontal Scrolling Menu

Create a Horizontal Scrolling Menu

How To Create a Horizontal Scrolling Menu The answer is much simple than you thought. The basic idea -  - A container or a wrapper (parent )...

Scroll to top of the page - A simple React component

Scroll to top of the page - A simple React component

We are going to create a React button component that when clicked, the page smoothly scrolls back to the top. Here is the simple concept to achieve t...

.gitignore file and its usage

.gitignore file and its usage

What is .gitignore used for? The .gitignore file is a text file in a repository. The purpose of .gitignore is to instruct Git which files, directory...

How to use GitHub - Simple GitHub tutorial for beginners

How to use GitHub - Simple GitHub tutorial for beginners

What is GitHub? GitHub is a Git repository(repository, in short, is termed as a repo) hosting service platform allowing us to store our local re...

Clear cache in Laravel

Clear cache in Laravel

Here is the list of commands to clear all types of cache in the Laravel project. Clear Application Cache  php artisan cache:clear Clear...

Getting started with Git -a dead simple tutorial for beginners

Getting started with Git -a dead simple tutorial for beginners

Getting started with Git! The very first lesson - Git is your friend. And it is never too late to learn something new! This guide is specially...

How to use Laravel Mix in any projects

How to use Laravel Mix in any projects

What is Laravel Mix? Laravel Mix provides a fluent API for defining Webpack build steps for your Laravel application using several common CSS and J...

Laravel Queue worker and Supervisor process monitor

Laravel Queue worker and Supervisor process monitor

Laravel Queues are great for dealing multiple time consuming processes. These job queues are processed by the queue worker. And Supervisor is a proces...

Featured Posts

All featured posts
Getting started with Git -a dead simple tutorial for beginners

Getting started with Git -a dead simple tutorial for beginners

Getting started with Git! The very first lesson - Git is your friend. And it is never too late to learn something new! This guide is specially...

Laravel Eloquent Relationships

Laravel Eloquent Relationships

As we learned about Laravel Eloquent ORM in our previous tutorial, now we will learn about Laravel Eloquent Relationships. With Laravel Eloquent relat...

CSS filter function with example

CSS filter function with example

CSS filter functions allow adjusting the color of an element before it is rendered on the site. Though these CSS filter functions are mostly used for...

How to create custom child theme in Magento

How to create custom child theme in Magento

Before we dive in to create our own custom child theme in Magento, a little about why there is need to create a custom child theme in M...

Laravel Eloquent ORM

Laravel Eloquent ORM

Laravel Eloquent is a powerful ORM that uses Active Record Pattern which is a technique to wrap database into objects. By usi...

Select and copy data to clipboard using jQuery

Select and copy data to clipboard using jQuery

In the web world, it's all about great user experience. Many times we need to use the data to copy paste from one place to another. For inst...

Install composer dependency manager in Windows - Step by step guide

Install composer dependency manager in Windows - Step by step guide

The Composer Dependency Manager is very helpful when you need to install PHP-related frameworks, for example, PHPUnit or...

Creating featured product slider on homepage - Magento

Creating featured product slider on homepage - Magento

Featured products act as CTA button for any e-commerce website. In Magento, there are many paid extensions are available. But we c...

How to create a child theme in WordPress - step by step

How to create a child theme in WordPress - step by step

What is WordPress Child Theme? A child theme is a separate theme but use the parent theme’s properties, functionalities, and layout. We ma...

Sending emails with urgent and high priority in PHP

Sending emails with urgent and high priority in PHP

How to send an email using PHP Sending emails in PHP is safe and easy. Using the PHP mail function, we can easily send emails from the website forms....

Latest News

All News
GitHub and OpenAI launch Copilot - an AI pair programmer

GitHub and OpenAI launch Copilot - an AI pair programmer

GitHub Copilot powered by the OpenAI Codex AI system launch a tool that generates entire function or suggests line completion as developers type in th...

CSS aspect-ratio property

CSS aspect-ratio property

CSS aspect-ratio property - the most awaited feature is now shipped in the new Chrome 88 along with other major updates. With aspect ratio, we can de...

AWS UI - a collection of React components

AWS UI - a collection of React components

AWS UI is a collection of React components developed by Amazon Web Services (AWS) that helps to create responsive, intuitive, and accessible user expe...

GitHub is now free for teams

GitHub is now free for teams

Microsoft owned Github has announced today on April 14, 2020, that it's free for teams now. That means teams can now manage their work together i...

RIOT: The friendly Operating System for the Internet of Things.

RIOT: The friendly Operating System for the Internet of Things.

RIOT is a small, open-source software operating system for networked, memory-constrained systems with a focus on low-power wireless Internet of Things...

Microsoft releases Clarity web analytics tool

Microsoft releases Clarity web analytics tool

Microsoft launches its Clarity web analytics tool for A/B testing and visualizing user sessions. Microsoft has launched its new Clarity analytics too...

Bootstrap releases Bootstrap 3.4.0

Bootstrap releases Bootstrap 3.4.0

Yes. Bootstrap releases Bootstrap version 3.4.0 with new classes and some fixes - New: Added a .row-no-gutters class, adde...

Gatsby 2.0.0 is here

Gatsby 2.0.0 is here

What is Gatsby? Gatsby is a modern static PWA (Progressive Web App) site generator based on React and GraphQL. Gatsby.js uses GraphQL to share d...

Features rich new chrome 69 is here

Features rich new chrome 69 is here

Features rich new chrome 69 is here with - CSS Scroll Snap allows to create smooth, scrolling experiences. Display cutouts (notch suppor...

ml5.js - Machine learning for the web

ml5.js - Machine learning for the web

ml5.js is a very friendly and high-level interface to TensorFlow.js, a library for handling GPU-accelerated mathematical operations and memory managem...

Microsoft acquires GitHub

Microsoft acquires GitHub

Microsoft has acquired open-source code repository website, GitHub for a $7.5 billion in an all-stock deal. Github is home to 28 million active d...

SSH access manager Teleport 2.6 Released

SSH access manager Teleport 2.6 Released

Teleport is a privileged SSH access manager for elastic compute infrastructure. and is open-sourced with complete OpenSSH clients & servers compat...

Redux 4 released and React community loving it.

Redux 4 released and React community loving it.

Redux 4 has released with many changes. For React developers, Redux 4 promises under the hood improvements. Developers should consider it the sam...

GitHub Desktop 1.2 is here.

GitHub Desktop 1.2 is here.

GitHub Desktop 1.2 based on Electron, the desktop application is released! The Github Desktop 1.2 has many new features and enhancements compare...

Google releases updated and refreshed Material.io

Google releases updated and refreshed Material.io

Google recently announced the release of it's popular Material design update. The latest update to Material offers updated and expanded design guidan...

Newsletter

Web development latest updates, tutorials & code resources

We won't spam. Unsubscribe at any time.