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

47 results for: scrolling

Infinite scrolling with native JavaScript using the Fetch API

I have long wanted to talk about how infinite scroll functionality can be implemented in a list of items that might be on any Web page. Infinite scroll is a technique that allows the user to interact with the mouse by scrolling down to load new dynamic content. In this way, the…

Category : Javascript   15-05-2023   by Janeth Kent

How to Start a Web Design Agency in 2022

If the last two years have shown us anything, it’s that a good online presence is paramount to success in the modern world of business. Once they have a robust web-based reputation in place, companies have the capacity to disrupt their sectors in an engaging, intuitive, and ultimately profitable fashion.…

Category : Web marketing   25-01-2022   by Janeth Kent

What is the First Input Delay and why is it important?

First Input Delay (FID) is a Google usability metric that is part of the Core Web Vitals and, from May 2021, will be an SEO ranking factor. FID is the time it takes for the browser to respond to the user's first interaction on a web page while it is loading.…

Category : Seo & sem   25-03-2021   by Janeth Kent

Bootstrap 5 beta2. What offers?

Since the release of the Bootstrap 4 is three years, in this article we will present what is new in the world’s most popular framework for building responsive, mobile-first sites. If you want to know what are the significant changes that come with the next version 5 which is in…

Category : Css   05-04-2021   by

How to use Parallax.js effect on your website

Today, we're going to write about the parallax effect, similar to parallax scrolling, and how to implement it to improve your landing page. In webdev, they say mobile first - well, this engine will react to the movement of a smart device, offsetting layers depending on their depth within a…

Category : Javascript   26-12-2020   by

Hashmap: Overflow Lists

In this short series of articles we will go to see how it is possible to create the Hashmap data structure in C. In the implementation we're going to use the doubly concatenated lists as auxiliary data structures. Let's look at a possible implementation.  Header file Let's first have a look to what…

Category : C language   18-06-2020   by Alessio Mungelli

How to run Android apps in Windows 10

Forget about having to constantly pick up your phone to see notifications or answer messages, Your Phone in Windows 10 is what you need and here we tell you how to use it. Apple users can't stop remarking how well their iPhone, iPad and Mac work together. And for a long…

Category : Technology   15-09-2020   by Silvia Mazzetta

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

Linux for Dummies: Ubuntu Terminal

I introduced in the previous article, available here, the basic concepts concerning the Linux world. Today we are going to have a look to some basic operations that we can perform using the terminal in an Ubuntu-like operating system. What is the command line? Shell, terminal and command line are words that commonly stand for a…

Category : Operating systems   27-02-2020   by Alessio Mungelli

5 Ways to Effectively Market Your Online Business

Creating any business is hard enough. Having people notice your business is a completely new challenge. Similar to Michael Scott’s “declaration” of bankruptcy in The Office doesn’t make it so. Creating a business doesn’t guarantee that people will be lining up the streets or parked in front with tents waiting for…

Category : Web marketing   22-04-2020   by Janeth Kent

The best open source javascript template engines

Today we want to publish a resource that can generate an instant boost in your workflow, here we have a list of the Best JavaScript template engines to choose from, and each of them could make your development faster and easier. When you build a JavaScript application, you'll almost certainly use…

Category : Javascript   07-08-2019   by Janeth Kent

Best Open-Source Javascript Date Picker Plugins and Libraries

For date pickers, selecting menus is a common choice as they are simple to set up. But I suppose our customers deserve better after centuries of using MM / DD / YY menus. For many companies, datepickers are vital. They can also be used for any defined purpose to monitor time. It…

Category : Javascript   23-07-2021   by Janeth Kent

How To Create a Logo SVG Animation Using Only CSS

Web animations are a joy. They enhance the user experience by providing visual feedback, guiding tasks, and vitalize a website. Web animations can be created in several ways, including JavaScript libraries, GIFs, and embedded videos. But for a few reasons, the simple combination of SVG and CSS is attractive. Comprised of code…

Category : Css   29-09-2020   by Silvia Mazzetta

14 JavaScript Animation Libraries

Well - designed and smooth animations are one of the most important things that makes an app stand out from the crowd. The purpose of UI animations is to help users understand the product in a more interactive way. While surfing the web in search of a cool animation library in…

Category : Javascript   17-05-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

The Best RSS Readers for Ubuntu

The Best RSS Readers for Ubuntu

Even if most of the tech experts actively claim that RSS (Rich Site Summary) is dead especially after Google Reader was discontinued 5 years ago but it isn’t yet as still many people rely on RSS to get the latest news, podcasts, videos etc. and almost every website is still…

Category : Software   19-02-2019   by Janeth Kent

Superior React-Native Courses for Mobile Application Developers

If you are a web developer who wants to cross the massive world of mobile app development, but does not want to spend time learning Java or Kotlin for Android development, or Objective C or Swift for iOS development, then React Native could be a great tool for you. The React…

Category : Programming   24-11-2019   by Janeth Kent

Parallax Landscape Scenes Built Entirely With CSS and HTML

Parallax Landscape Scenes Built Entirely With CSS and HTML

Web design trends come and go, but the parallax effect has, well, stuck around. Parallax scrolling has had a big impact on user interface design, on both websites and mobile apps. You can do some pretty crazy stuff with parallax. It’s possible for developers to code graphics onto a page without…

Category : Css   27-11-2018   by Janeth Kent

CSS Shapes: how to create non-rectangular shapes (part 2)

CSS Shapes: how to create non-rectangular shapes (part 2)

The shape-image-threshold (Position Text Over A Semi-Opaque Image) So far we've looked at employing a fully transparent part of a picture or of a gradient so as to form our shape, however, the third property defined within the CSS Shapes specification implies that we will use images or gradients with semi-opaque…

Category : Css   17-09-2018   by Janeth Kent

CSS Shapes: how to create non-rectangular shapes (part 1)

CSS Shapes: how to create non-rectangular shapes (part 1)

CSS Shapes (Level 1) has been accessible in Chrome and Safari for various years, be that as it may, this week it sends in a creation form of Firefox with the arrival of Firefox 62 — alongside an exceptionally pleasant expansion to the Firefox DevTools to enable us to work…

Category : Css   17-09-2018   by Janeth Kent

6  CSS & JavaScript Text Animation Snippets

6 CSS & JavaScript Text Animation Snippets

Do you know? We can make some pretty text effects with basic CSS and a few lines of JavaScript. These effects range from text display animations to 3D rotations or anything else you can imagine. In this post we’ve make a list of  6 examples showcasing what you can do…

Category : Javascript   03-08-2018   by Janeth Kent

Useful jQuery code snippets for responsive websites

Useful jQuery code snippets for responsive websites

When you have to manage a web project, jQuery can be of great help. In this article, we have compiled some jQuery tips and tricks for making and enhancing responsive sites. Detect viewport size CSS media-queries allow you to detect the viewport size and apply different CSS style to elements depending on…

Category : Javascript   21-06-2018   by Janeth Kent

15 Awesome Plugins for Creating Sticky Elements

15 Awesome Plugins for Creating Sticky Elements

It is now common to use some fixed elements on a site when you scroll up or down. This allows for the element to be readily available regardless of the user’s position. They are called sticky element, an effect that can be achieved just by using CSS, however, using this method, the effect…

Category : Javascript   04-03-2017   by Janeth Kent

Guide to viewport units vw, vh, vmin and vmax

Guide to viewport units vw, vh, vmin and vmax

The viewport is the area where the browser renders the site. This is your screen minus the reserved space of the browser chrome. Sometimes you want to size an element based on that viewport, like a sidebar. This can be done using a unit we’re all familiar with: percentages. .sidebar {…

Category : Css   23-02-2017   by Janeth Kent

The 5 biggest web trends of the year

The 5 biggest web trends of the year

Bowenmedia wants to suggest us  the biggest web design trends of 2015. The following infographic highlights the main web design trends that differentiate a modern site from an older design.  1. Mobile focus Mobile first is our "password". This approach presupposes that most of your potential customers have a mobile device. 2. Interactive scrolling What we…

Category : Web marketing   24-11-2015   by Janeth Kent

The Best CSS Frameworks for Material Design

The Best CSS Frameworks for Material Design

Material design is the googles new design practice, it is mobile first approach design system created by Google. The idea of material design is to make everything in a same simple way so anybody can understand them even if it is an app with brand new functionality. Material designis derived from…

Category : Css   16-11-2015   by Janeth Kent

10 jQuery snippets every developer should know 

10 jQuery snippets every developer should know 

For this post, we would like to share with our readers 10 JQuery Code Snippets which we’ve collected that users can copy and paste directly into their themes by which to create some nice visual effects which will spruce up your website. Enjoy ! 1. Smooth Scrolling for Internal Links $('a').bind('click.smoothscroll',function (e) { …

Category : Web design   13-02-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

WebDev:32 New Tools and Services for Web Developers

WebDev:32 New Tools and Services for Web Developers

Web developers should always be aware of the current news. In order to help them in their work brilliant web developers from all over the world always try to invent new tools and find bright decisions. We want to bring to your attention a selection of some useful tools such…

Category : Programming   28-11-2013   by Janeth Kent

50 Most Useful jQuery Plugins of the year #3

50 Most Useful jQuery Plugins of the year #3

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   05-11-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

32 best bootstrap tools and generators for web developers

32 best bootstrap tools and generators for web developers

If you are developer, you must be aware of the bootstrap. If you introduce it to your website, your website’s popularity will get a boost for sure. Why? Because Bootstrap has a responsive framework which is way too important in keeping sites transparent. Bootstrap tools and generators have a lot of benefits…

Category : Css   12-08-2013   by Janeth Kent

16 fantastic examples and uses of the parallax effect

Parallax (also called "Parallax scrolling") is a web design effect that consists of simulating the movement of objects on a web at different speeds and in different "layers". By creating the illusion that there is a background and figures in the foreground, it manages to trick our brain into thinking…

Category : Javascript   09-04-2020   by Janeth Kent

10 jQuery Custom Browser Scrollbar Plugins

10 jQuery Custom Browser Scrollbar Plugins

Custom jQuery scrollbars are really important for creating original and beautiful web applications and websites. jQuery scrollbar plugins and scripts can help you easily add some amazing custom scrollbars to your website. Today, we suggest you 10 useful custom jQuery browser scrollbar plugins. 1. SLY Sly is a JavaScript library for advanced one-directional…

Category : Javascript   26-06-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

8 Lessons in Mobile Usability Testing

8 Lessons in Mobile Usability Testing

Mobile web browsing is expected to turn into the next major Internet platform. Designing for mobile devices needs to be simpler than its standard website and more task-based to get the job done because users look for something specific and urgent. To aid you in creating website that is accessible not just on desktop…

Category : Programming   30-05-2013   by Janeth Kent

Tips for navigating the new Google+ stream

Tips for navigating the new Google+ stream

The new Google+ has many new features and a new look to its stream. We'll share some keyboard shortcuts and other tips to help you navigate it easier.  The redesigned Google+ has a plethora of new features, including a new look to its stream. Check out the tips below to help…

Category : Social networks   20-05-2013   by Janeth Kent

Usability: why you should not use horizontal newsticker in your homepage

Usability: why you should not use horizontal newsticker in your homepage

Recently, a client asked me my opinion on tickers. My response was, "They're great for the stock market, and bad for Web pages." A quick little Web search on usability expert Jakob Nielsen's Web site, useit.com, found this quote, from his commentary on Sun's Web site redesign, circa 1997: Almost all…

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

What Is Facebook EdgeRank and Why Does It Matter?

What Is Facebook EdgeRank and Why Does It Matter?

The average Facebook user spends more than a quarter of his or her time on the site scrolling through the News Feed. For users, that means a lot of baby pictures and stale memes. For brands, it represents an opportunity. See, Facebook brand pages don't attract consumers — far from it. Virtually every fan…

Category : Web marketing   08-05-2013   by Janeth Kent

Why Consumer-Facing E-Commerce Is BROKEN

Why Consumer-Facing E-Commerce Is BROKEN

I finally found panties on True&Co., an ecommerce lingerie company. It took them nearly one year to start selling panties. They allegedly sold them when I mentioned them in an article titled VCs Think My Boobs Need An Algorithm in January, but the panties were impossible to find.  Nobody could find them. Now you…

Category : Web marketing   29-04-2013   by Janeth Kent

Accelerating Page Loads with Lazy Load

In today's digital age, website performance plays a vital role in delivering an exceptional user experience. Slow page load times can frustrate visitors, leading to high bounce rates and reduced engagement. One effective technique to optimize page loading speed is lazy loading. This article explores the concept of lazy load, its…

Category : Javascript   29-05-2023   by Janeth Kent

30 Plugins and Scripts for Dynamic Websites

30 Plugins and Scripts for Dynamic Websites

Open source code provides a means where developers can quickly build new projects without structuring every feature from the beginning. I specifically follow a lot of jQuery plugins which are built off the ever-popular jQuery library. Since the library is open source, many of the plugins are also released for…

Category : Javascript   25-04-2013   by Janeth Kent

The Best Experimental Chrome Features You Should Check Out

The Best Experimental Chrome Features You Should Check Out

Google Chrome is a great browser as it is, but that doesn't mean it doesn't come with its share of annoyances and curiosities. You can fix some of these, as well as add new features by playing around with Chrome's experimental settings. Here are a few we really like. When you…

Category : Software   24-04-2013   by Janeth Kent

Top Resources For Bootstrap

Bootstrap is an interactive front-end web development framework, designed to facilitate the development of applications and other elements. The latest version of Bootstrap, Bootstrap 4, combines JavaScript, HTML and CSS allowing you to create an active, fast and efficient web page. The design of a responsive web page is one…

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

100+ Best Google Chrome Extensions

100+ Best Google Chrome Extensions

There are a lot of extensions specific to Google and its services, which isn't surprising considering Chrome is Google's browser. They work across operating systems. Best of all, every extension mentioned here is entirely free, so there's no harm in giving them a try. If you don't like one, just…

Category : Software   16-04-2013   by Janeth Kent

20 Best Wireframing Tools for Web Designers and Developers

20 Best Wireframing Tools for Web Designers and Developers

A website wireframe also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website. Wireframes are created by User Experience professionals called Interaction Designers. The interaction designers who have broad backgrounds in visual design, information architecture and user research, create…

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

50 Useful jQuery Plugins

50 Useful jQuery Plugins

We have compiled a list of 50 awesome plugins: we have split all of the plugins into the following categories: Web Page Layout Plugins, Navigation Plugins, Form Plugins, Slider & Carousel Plugins, Chart & Graph Plugins, Image Effect Plugins, Video Plugins, and finally, everything else in-between. Web Page Layout Plugins equalize.js equalize.js is…

Category : Javascript   11-04-2013   by Janeth Kent

q=scrolling Clicky