Demos - Ma-No Tech News & Analysis, Javascript, Angular, React, Vue, Php

25 results for: demos

How to integrate native images lazy loading in your web projects

Support for natively lazy-loading images is now supported on the web! Look at this demo of the feature From the version 76 of Chrome, you can use the loading attribute to lazy-load images without the need to write custom lazy-loading code or use a separate JavaScript library. Let's dive into the details. Browser compatibility   is supported…

Category : Programming   03-04-2023   by Luigi Nori

Awesome JavaScript Games and Js Software to create Games

Best sites js13kGames 2019 - Highlights from the js13kGames 2019 competition. js13kGames 2018 - 13 Games in ≤ 13kB of JavaScript. js13kGames 2017 - Build a game in 13kB or less with js13kGames. Adventure Triangle: Back To Home - You are lost in the cave. Try to get out and back to home. Sometimes it…

Category : Javascript   30-06-2020   by Janeth Kent

Easy Face and hand tracking browser detection with TensorFlow.js AI and MediaPipe

In March the TensorFlow team has released two new packages: facemesh and handpose for tracking key landmarks on faces and hands respectively. This release has been a collaborative effort between the MediaPipe and TensorFlow.js teams within Google Research. The facemesh package finds facial boundaries and landmarks within an image, and handpose…

Category : Programming   09-04-2020   by Luigi Nori

Layouts with Bootstrap 4: how to create a responsive web

Responsive or adaptable web design is a design methodology in which the appearance of the web page adapts to the resolution of the device with which it is being viewed, so we can have a unique design for computers, tablets or mobiles. To implement a responsive design we can make use…

Category : Web design   23-11-2019   by Silvia Mazzetta

10 libraries for machine learning in JavaScript

JavaScript is currently one of the most popular programming languages. Its main application is in web applications, used to give functionality to dynamic web pages. Another field in which it is gaining strength is for the creation of mobile applications. Being the language used in different hybrid development platforms such…

Category : Javascript   16-06-2020   by Luigi Nori

10 Collaborative Coding Tools for Remote Pair Programming

The days of lonesome coding are long gone since the development of pair programming. It is a technique where two software developers share a keyboard and collaboratively work together. The two developers take turns and continually switch roles in writing code: one being the Driver, whose job is to write…

Category : Development   02-03-2020   by Janeth Kent

Best 5 Javascript NewsTicker Plugins

Best 5 Javascript NewsTicker Plugins

Not all developers know the marquee tag of HTML, that allows you to create a scrolling piece of text or image displayed that is shown horizontally or vertically on the DOM. Its functional, however this tag is obsolete so you should try to avoid using it. The most reliable alternative to this…

Category : Javascript   20-02-2019   by Janeth Kent

CSS Progressive Loading in Chrome

CSS Progressive Loading in Chrome

Until now, only in IE/Edge could we leverage streaming of CSS to load progressively the CSS of the components as their HTML is streamed. In other browsers, they would normally block rendering till the entire CSS sources were loaded, giving us the white screen of wait before anything could render. With…

Category : Css   09-05-2017   by Janeth Kent

CSS Animations: the Pocket Guide

CSS Animations: the Pocket Guide

With CSS3 we acquire the ability the ability to write behaviors for transitions and animations. Front end developers have been asking for the ability to design these interactions within HTML and CSS, without the use of JavaScript or Flash, for years. Now their wish has come true. Animations within CSS3 allow…

Category : Css   20-10-2015   by Janeth Kent

CSS: Image Hover Effects You Can Copy and Paste

CSS: Image Hover Effects You Can Copy and Paste

In the past, we’ve wrote about some awesome examples of CSS effects that were easy to copy and paste right into your code. Today, we’re going to follow that up with ten new effects specifically built for use with images. Each example comes with an HTML and CSS snippet. 1. Sneak Peek Before we…

Category : Css   09-04-2014   by Janeth Kent

20 Awesome Free Tools For Web Developers 2014

20 Awesome Free Tools For Web Developers 2014

If you’re a web designer or a front-end developer, you probably spend a lot of time writing mark-up.  Fortunatly, there are some great tools and projects on the web that can improve your next project easily and quickly. Today we have tracked down 20 brilliant free online tools for developers. We’ve…

Category : Web design   16-01-2014   by Janeth Kent

Speed Up Your Coding with 15 jQuery CSS Plugins

Speed Up Your Coding with 15 jQuery CSS Plugins

Today we have 15 great jQuery CSS plugins pertained to design a beautiful site using cool effects with CSS/jQuery. 1. Stickup Stickup is a simple jQuery plugin that “sticks” an element to the top of the browser window while scrolling past it, always keeping it in view. This plugin works on multi-page sites,…

Category : Css   12-12-2013   by Janeth Kent

86 Must Have WordPress Plugins Of 2013

86 Must Have WordPress Plugins Of 2013

Today we are going to share Best 85 WordPress Plugins for 2013 which will help WordPress Webmasters all over the world. 1. ALL AROUND WORDPRESS CONTENT SLIDER CAROUSEL All Around wordpress content slider is a multi-purpose all-in-one slider solution for your website. It supports both images and video. It can be an…

Category : Software   09-12-2013   by Janeth Kent

50 Most Useful jQuery Plugins of the year #1

50 Most Useful jQuery Plugins of the year #1

With thousands (yes thousands...) of new jQuery plugins that have been released we have worked hard filtering down all of the those plugins to bring you the 50 that we feel are the most innovative and useful. We have split all of the plugins into the following categories: Web Page Layout…

Category : Javascript   23-08-2013   by Janeth Kent

12 Free Tutorials for Create Responsive Menu

12 Free Tutorials for Create Responsive Menu

As RWD (responsive design) rapidly increases in popularity, we felt we would need some new solutions or techniques for managing the navigation/menu on smaller screened devices. Planning and building a web site menu for mobiles will perhaps be the critical aspect of our responsive layout, not just with the coding but…

Category : Css   01-08-2013   by Janeth Kent

12 Must Read Tips and Tricks For Web-Design And Web-Dev Addicts

12 Must Read Tips and Tricks For Web-Design And Web-Dev Addicts

Today, websites are often sophisticated and complex. Web sites often act as business partners, perform complex tasks that help run and even improve a business or personal enterprise. Most programmers are not just desktop programmers , web programmers or scripting gurus – often have to master many different skills. Over time, most software…

Category : Web design   16-07-2013   by Janeth Kent

15 Experimental Projects From Mozilla Demo Studio

15 Experimental Projects From Mozilla Demo Studio

We have published a few posts about experimental CSS3 and HTML5 to show the power of them.And you know,new projects are being released so often and personally we like to check out these new experiments. If you are a web designer who is trying to understand the true potential of these…

Category : Software   15-07-2013   by Janeth Kent

90 free wordpress themes

90 free wordpress themes

WordPress is one of the most popular Free and Open source blogging, publishing and CMS with lots of flexibility. It started as a blogging CMS but now its used as CMS for building complex website, portfolio and ecommerce websites. This article is an answer for you. Below we have showcased 90…

Category : Web design   11-06-2013   by Janeth Kent

25 Useful HTML5 Tools For Web Designers & Developers

25 Useful HTML5 Tools For Web Designers & Developers

The latest version of HTML – HTML5, adds many new elements to the applications that are being developed. It's very important important for the web developers and web designers to learn and use the elements of HTML5 to develop web apps and sites. Here we have some fresh and news HTML5 resources which are…

Category : Web design   29-05-2013   by Janeth Kent

318 useful twitter bootstrap resources #1

318 useful twitter bootstrap resources #1

Display BOOTSTRAP-MAXLENGTH Uses badges to display the maximum length of the field where the user is inserting text. This plugin uses the HTML5 attribute "maxlength" to work. WATABLE a pretty decent jQuery table plugin BOOTSTRAP-TIMEPICKER A simple timepicker component for Twitter Bootstrap. BOOTSTRO.JS Guide users through your application via a series of Bootstrap popovers NOD!…

Category : Web design   17-05-2013   by Janeth Kent

Turbulenz, open source html5 game engine

Turbulenz, open source html5 game engine

Some of the best things in the world are open source — that is to say that the basic code or instructions for it are available for everyone to use for free. Google’s Android operating system, for example, is open to anyone who wants to use it. That provides companies…

Category : Videogames   03-05-2013   by Janeth Kent

Bootstrap Tutorial for Blog Design

Bootstrap Tutorial for Blog Design

Bootstrap is a toolkit, which is developed by the Twitter team. This actually helps you to develop web applications much faster.Bootstrap contains CSS and Javascript files using which you can enrich your web page with Grids, Layouts, Typography, Tables, Forms, Navigation, Alerts etc,. This avoids cross browser compatibility problem. This…

Category : Web design   18-04-2013   by Janeth Kent

Free Tools For JavaScript Developers

JavaScript is one of the most widely used programming languages in the world, powering countless web applications and websites. As a JavaScript developer, having access to the right tools can greatly enhance your productivity and efficiency. In this article, we have compiled a list of free tools that every JavaScript…

Category : Javascript   21-06-2023   by Janeth Kent

40 Free Visualization Libraries: Charts, Diagrams And Flowcharts

40 Free Visualization Libraries: Charts, Diagrams And Flowcharts

With the technology advancements, internet users have developed some standard methods to present data to users. They include the use of statistical charts and graphs. Presenting data in the form of charts and graphs makes it easy for the users to understand it. For today’s round up, we are presenting you…

Category : Web design   15-04-2013   by Janeth Kent

Creating a Notepad app with indexedDB

Creating a Notepad app with indexedDB

indexedDB, which is new in HTML5, allows developers to persist data within the web browser. As a result your app runs both online and offline with powerful query facilities. indexedDB is different from traditional relational databases in that it is an objectStore instead of a collection of rows and columns. You just…

Category : Databases   14-04-2013   by Janeth Kent

q=demos Clicky