38 results for: cdn
Sorting elements with SortableJS and storing them in localStorage
SortableJS is a JavaScript extension that you will be able to use in your developments to offer your users the possibility to drag and drop elements in order to change their position. To learn what SortableJS is and how to get started, you can read the following tutorial. In this article you…
Category : Javascript 15-05-2023 by Janeth Kent
Cumulative Layout Shift, what is and How to optimize CLS
Cumulative Layout Shift, one of the new Core Web Vitals metrics, is the first metric that focuses on user experience beyond performance. Unexpected movement of web page content is a major source of irritation for users on the web. The new cumulative design change metric helps developers understand the impact of…
Category : Seo & sem 14-01-2021 by Luigi Nori
Understanding LCP, CLS, FID. All about Core Web Vitals in Google Search Console
A few months ago we talked about certain Google metrics that were displayed in Search Console. The reason for writing another post on this topic is that Google has changed this again, giving priority to other metrics. Interestingly, we thought in that previous study that the FCP and FID were not…
Category : Seo & sem 14-01-2021 by Laura Celis Ballesta
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
Data structures in Java - Linked Lists
With 2020 we are going to look at a new aspect of programming: data structures. It is often the case that everyone uses structures provided by the various programming languages. The objective will be to have a general idea of how they work and their internal mechanisms. Often we will…
Category : Java 22-10-2020 by Alessio Mungelli
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
A collection of interesting networks and technology aiming at re-decentralizing the Internet
The decentralised web, or DWeb, could be a chance to take control of our data back from the big tech firms. So how does it work? Take a look at this collection of projects aimed to build a decentralized internet. Cloud BitDust - is decentralized, secure and anonymous on-line storage, where only…
Category : Networking 27-08-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
How to Generate Static Sites with JavaScript Static Sites Generators
Static websites and so-called JAMstack have become pretty popular recently. And with 2020 on the horizon, this trend doesn't seem to be stopping. Why? Why is old-school HTML + CSS + JS trio in its redesigned and renamed form gaining so much attention? In this article, we'll explore what the…
Category : Javascript 13-12-2019 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
Vue.js: a quick start guide for beginners. Part 3
Welcome here again! Last time we didn't listen to our very first user events and and methods to react to these events. Now we are going to explain directives and conditional rendering. if-else Regardless of the framework, one of the most important tools under any programmer's belt is conditional rendering. Depending on…
Category : Javascript 26-06-2023 by Janeth Kent
Vue.js: a quick start guide for beginners. Part 2
In the previous article, we discovered out how to add Vue to our index.html with a regular < script > tag and we were able to add our first reactive property to the page. Today, we will learn how to change this property through the user input field. Our code should be…
Category : Javascript 25-02-2019 by Janeth Kent
Vue.js: a quick start guide for beginners. Part 1.
Learning a new framework can be a very complicated process for any developer, especially for someone that is still learning the basics of JavaScript. For this reason, we decided to create this series, which will make Vue.js learning as easy and digestible as possible. How to integrate Vue.js to your project There…
Category : Javascript 10-12-2019 by Janeth Kent
UX-UI: How to design better forms
Whether it is a signup flow, a multi-view stepper, or a monotonous data entry interface, forms are one of the most important components of digital product design. This article focuses on the common dos and don’ts of form design. Keep in mind that these are general guideline and there are…
Category : Ui/ux design 02-05-2020 by Silvia Mazzetta
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
HTML5 CheatSheet
HTML5 Cheat Sheet Cheat Sheet via Make a Website Hub DOWNLOAD A4 PDF OF THIS HTML 5 MEGA CHEAT SHEET HERE!
Category : Web design 01-10-2017 by Janeth Kent
Facebook Prepack, The Next Big Thing In The JavaScript World
In the last days, the social networks were crazy about Prepack. Probably you still haven’t heard about it. It’s reasonable! It has been an open source only a few days ago. Prepack has developed by Facebook and it is under active development. It’s experimental and still in very early stage,…
Category : Javascript 11-05-2017 by Janeth Kent
Speed up your site and protect it against DDOS attacks with CloudFlare
If you have checked your site or blog, then you may noticed the page speed, YSlow, Timeline etc. An important factor to give fast content delivery to your blog’s reader and page speed, CND (Content Delivery Network) is must. The CDN makes your wordpress blog even faster to load, that…
Category : Networking 23-07-2014 by Luigi Nori
Google's 200 Most Important Ranking Factors
Domain Factors 1. Domain Age: Matt Cutts states that: “The difference between a domain that’s six months old verses one year old is really not that big at all.”. In other words, they do use domain age…but it’s not very important. 2. Keyword Appears in Top Level Domain: Doesn’t give the boost that it…
Category : Web marketing 30-03-2023 by Janeth Kent
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
25 HTML5 speed tips
Creating high-performance web sites or applications is essential for web developers. Jatinder Mann explains that the goal of a developer is to improve web performance by reducing 25 factors: Display time The most important objective is what we refer to as 'Display Time'. This has many names across the industry including 'time to…
Category : Web design 05-12-2013 by Janeth Kent
Build a realtime jQuery plugin
Realtime web technologies make it really easy to add live content to previously static web pages. Live content can bring a page alive, retain users and remove the need for them to refresh the page periodically. Realtime updates are generally achieved by connecting to a source of data, subscribing to the…
Category : Javascript 27-08-2013 by Janeth Kent
Improving Page Performance with HTML5 Prefetch
As Wikipedia explains: Link prefetching is a proprietary syntax to give web browsers a hint about documents that it should pre-fetch because the user might visit them in the near future. It is proposed as a draft internet standard by Mozilla. A web page provides a set of prefetching hints to…
Category : Programming 23-08-2013 by Janeth Kent
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
17 Useful Code Snippets for WordPress Developers
When coding WordPress themes, especially if you do it regularly, its really useful to have a selection of code snippets in your toolbox to just 'copy-n-paste' as and when the functionality needs. Not just your most commonly used code, but also some snippets that can, when required, extend WP even…
Category : Php 09-08-2013 by Janeth Kent
318 useful twitter bootstrap resources #5
Tools and Services for Twitter Bootstrap Additional items to make Bootstrap Development Easier and Faster Devtools BOOTSTRAPTOR Free templates and wireframes for Bootstrap BOOTPLY A Bootstrap playground - sandbox for Twitter Bootstrap. Use Bootply to design, prototype, extend, or test the Bootstrap framework. MODERNMAIL Build email templates with Bootstrap BOOTSTRAP-IE7 IE7 shim for adding support in…
Category : Web design 30-07-2013 by Janeth Kent
11 Open Source JavaScript Libraries for Web Developers
Undoubtedly, JavaScript is one of the most used programming languages nowadays. Thanks to it, we have access to different features offered in the websites we visit regularly and which make our browsing experience much more pleasant, simple and entertaining. The browsers we use have their own JavaScript engines integrated, in order…
Category : Javascript 17-06-2020 by Janeth Kent
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
Show Your Clients the Value of Facebook in 7 Easy Steps
Here's a common scenario: You have a client who you know would benefit from a Facebook Page but the client isn't convinced. First of all you have to demonstrate how you would plan to limit their risks, then you have to underline that an active social media presence can help inspire brand…
Category : Social networks 03-07-2013 by Janeth Kent
Dinamically Get Social Media Buttons After Page Loading
While working on the new theme for this site, we realized that the various social media buttons We use were making the entire page load considerably slower. As soon as the browser hit that region of the page (the end of each post), everything would stop until those fat buttons…
Category : Programming 29-06-2013 by Janeth Kent
318 useful twitter bootstrap resources #3
TWITTER BOOTSTRAP FOR FRAMEWORK INTEGRATIONS #2 Means and Methods of Integrating Bootstrap into your Application Framework or CMS PHP CODEIGNITER_FORM_BUILDER CodeIgniter library to build uniform form elements with bootstrap styling WRIGHT The Wright Framework is used to create Joomla Templates. The name is in honor of the famous architect, Frank Lloyd Wright, because the framework…
Category : Web design 24-06-2013 by Janeth Kent
Tutorials, Videos, Free Books, and More Resources for Learning jQuery
Maybe you’re a jQuery pro. Maybe you’re John Resig... But, in the other hand, maybe you read words like “jQuery”, and think: “jQuery What?” . If you belong to this category of person, now is the time to learn jQuery. According to jQuery.com, jQuery is a fast, concise, JavaScript library that simplifies…
Category : Javascript 19-06-2013 by Janeth Kent
How to create a jQuery plugin for Pinterest
With all of the interest in Pinterest , we thought it would be a good idea to do a simple Pinterest sharing plugin for jQuery. Let's start! First we need to downloas the jQuery plugin boilerplate (function( $ ) { $.fn.pinterest = function(options) { var settings = $.extend( { }, options); return this.each(function() { }); }; })( jQuery ); Boilerplate provides us…
Category : Javascript 28-05-2013 by Janeth Kent
Don't become a victim of identity theft
Identity theft has always been a concern, but with more and more details of our private lives openly accessible on the Internet, it's easier than ever for cybercriminals to steal somebody's identity — which is worth $5,000. Criminals are also getting more sophisticated and tech savvy, but sometimes, we do most…
Category : Security 15-05-2013 by Janeth Kent
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
Summer 2013: Upcoming Social Media & Tech Events
It's Monday, which means it's time for Ma-No’s guide to upcoming social media and web events, parties and conferences. For more upcoming event listings, check out the list: May 01 Email Insider Summit Three days of cutting-edge content and a world-class island resort await you at MediaPost's incomparable Email Inside... more May 06 Event Marketing…
Category : Web marketing 29-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