1 - Web Design and Web Development News, Javascript, Angular, React, Vue, Php

66 results for: markup

Validating HTML forms using BULMA and vanilla JavaScript

Today we are going to write about contact forms and how to validate them using JavaScript. The contact form seems to be one of the top features of every basic home page. It is a great way to encourage your visitors to make contact with you, by adding a form which…

Category : Javascript   31-12-2020   by Tibor Kopca

A FULFILLED PROMISE - Using the FETCH API to make AJAX calls

In this article we talked about what AJAX calls are and how to use them in a traditional way, by using the XMLHttpRequest (XHR) object. In short, thanks to AJAX calls a web page can be partially updated without having to reload the whole content. This leads to better loading…

Category : Javascript   26-12-2020   by Iveta Karailievova

Introduction to BEM (Block Element Modifier)

Problems with naming CSS classes I think I might not be the only one with this experience: after finally grasping all the important concepts regarding CSS I wanted to start giving what I thought would be beautiful yet simple style to my HTML code. But suddenly I ended up with class…

Category : Css   23-05-2020   by Iveta Karailievova

First steps into JavaScript – a practical guide 3

After we learned the basic ofaccessing DOM elementsandhow to modify them,we are ready for the more exciting parts – handling DOM events. This allows us to make our web way more interactive, and finally we can put our JS knowledge into practice. User input such as keyboard actions or mouse clicks…

Category : Javascript   07-05-2020   by Iveta Karailievova

10 SEO trends for 2020

In "Ma-No" we have tried to make some predictions with our digital crystal ball and (knowing that we will be wrong about many things) about what will happen in SEO in the next months. These are the ten trends that could mark the evolution of web positioning in 2020. 1. More…

Category : Seo & sem   01-01-2020   by Silvia Mazzetta

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

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

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

Nofollow and dofollow links, How and when to use?

Within any website the links are an element that brings dynamism to the experience of navigating through the different sections that make it up allowing us to go from one content to another quickly. However, it is necessary to take into account that Google, as well as other search engines will…

Category : Seo & sem   19-05-2019   by Janeth Kent

Core features overview of JavaScript syntax (ES6)

Several changes to JavaScript were introduced by ECMAScript 2015, also well-known as ES6. Here is a summary of a number of the foremost common options and syntactic variations, where applicable, with comparisons to ES5. Variables and constant comparison In the following table, we provide a brief overview of the concepts of scope…

Category : Javascript   11-05-2020   by Janeth Kent

Vue.js: a quick start guide for beginners. Part 3

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   25-02-2019   by Janeth Kent

Best 5 Frontend Development Topics in 2019

Best 5 Frontend Development Topics in 2019

Ah, a new year. A time of positivity, a time to restart. For new objectives and proposals. And in the world of developers, to look at the scenery and decide what we need to learn to keep up. Because let's face it-web development is always changing, and we're falling behind…

Category : Programming   18-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

How to build a basic PWA with HTML and Javascript

Looking at the web for a basic PWA online training exercise, everything I found was just too confused or required libraries/system/stage or another. If we need to learn another innovation, we would preferably not get derailed with redundant subtleties ... We have indeed composed a basic introductory exercise to draw from different…

Category : Javascript   10-04-2020   by Janeth Kent

A Guide to the new Google Search Console

A Guide to the new Google Search Console

Google Search Console, before known as Webmaster Tools, is a decisive tool created to easily track the performance of your website, but also to improve its visibility and usability. Over the last year, the new Search Console has been growing and growing...Now you're wondering how to use the new Google…

Category : Seo & sem   29-01-2019   by Janeth Kent

Fullscreen Background Video HTML5 And CSS cross-browser

Full-screen Background Video is a way to present your website playing a video in the background without disturbing its content. It makes your website very modern and different. So, in this tutorial we will show you how to add fullscreen background video using only  HTML5 and CSS and make it…

Category : Web design   10-05-2020   by Silvia Mazzetta

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

10 JavaScript podcasts for web developers

10 JavaScript podcasts for web developers

1. Syntax.fm  Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling. 2. Front End Happy Hour  A podcast featuring a panel…

Category : Javascript   05-10-2018   by Janeth Kent

Best apps to boost your social media

Best apps to boost your social media

Most individuals, marketers and business people struggle to get the best out of social media but do not know how to go about it. There are various applications that can help anyone get their social media up and running. With the help of such apps or tools, management of social…

Category : Social networks   24-11-2017   by Janeth Kent

Useful technical SEO checklist for developers

Let's start from the beginning. What is SEO? When we talk about SEO we are talking about Search Engine Optimisation: we are talking about the organic positioning of a web page in search results. And when we say organic positioning we mean unpaid positioning. SEO is a discipline, strategy or set…

Category : Seo & sem   09-06-2021   by Janeth Kent

Facebook Prepack, The Next Big Thing In The JavaScript World

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

Php: How to extend the highlight_string function

Php: How to extend the highlight_string function

PHP has a cool function that automatically highlights PHP code called highlight_string(); Theoretically this could be used to roll your own code highlighting on a site, rather than rely on JavaScript or some kind of external service to do it. In this article I'll show you the basics of how…

Category : Php   11-02-2017   by Janeth Kent

11 Guides for Front-end Developers

11 Guides for Front-end Developers

Enjoy our Guides series for for Front-end Developers and don’t forget to let us know in the comments of any others that we haven’t yet included. 1. Can I animate…? Can I animate?” is a site inspired by Can I use, but focused specifically on CSS animations and transitions. The aim is to provide…

Category : Web design   12-12-2016   by Janeth Kent

PHP Libraries For Summer 2016

PHP Libraries For Summer 2016

Here are our picks for the 12 most useful and interesting open-source PHP libraries that you should check out this summer!   Monolog With Monolog you can create advanced logging systems by sending your PHP logs to files, sockets, databases, inboxes or other web services. The library has over 50 handlers for various…

Category : Php   11-08-2016   by Janeth Kent

Happy 25th birthday WWW !!!

Happy 25th birthday WWW !!!

On this day 25 years ago, August 6, 1991, the world's first website went live to the public from a lab in the Swiss Alps. So Happy 25th Birthday, WWW! It's the Silver Jubilee of the world's first website. The site was created by Sir Tim Berners-Lee, the father of the World…

Category : Technology   06-08-2016   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

PHP: list of best awesome PHP libraries

PHP: list of best awesome PHP libraries

It is an exciting time to be a PHP developer. There are lots of useful libraries released every day, and with the help of Composer and Github, they are easy to discover and use. Here is a complete list of the coolest that We’ve come across. Package Management Libraries for package and…

Category : Php   27-04-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

25 HTML5 speed tips

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

Isomorphic JavaScript: a new paradigm

Isomorphic JavaScript: a new paradigm

Spike Brehm, in a article written for http://venturebeat.com, explains that at Airbnb, they have learned a lot over the past few years while building rich web experiences by dividing into the single-page app world in 2011 with their mobile web site, launching  Wish Lists and their newly-redesigned search page. Each of these is a…

Category : Javascript   27-11-2013   by Janeth Kent

Build a realtime jQuery plugin

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

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

Bootstrap 3 RC2 released

Bootstrap 3 RC2 released

Bootstrap just cut a new release for Bootstrap 3, RC2. It's a big release as lots has changed, but that should all be for the better. From the official Blog: Key changes from RC1 Without listing all the minor changes (there have been over 500 commits since RC1!), here's a quick overview…

Category : Web design   14-08-2013   by Janeth Kent

HTML5 Popularity Among Fortune 500 Companies

HTML5 Popularity Among Fortune 500 Companies

INCORE conducted research measuring how fast Fortune 500 companies are adapting to latest web standards. Among it's findings we learn that over 30% of Fortune 500 companies use the latest HTML doctype and that the readiness to invest in new technologies might correlate with companies' profitability. Here's the results of the…

Category : Web design   14-08-2013   by Janeth Kent

15 Advanced CSS3 Text Effect Tutorials

15 Advanced CSS3 Text Effect Tutorials

If you want to give your website more visually appealing text - CSS Text Effect Tutorials can help you achieve this goal. For many year Photoshop have been the only solution for Text Effects, but CSS3 now can help us to create awesome text effects. In this post we've gathered 15 Advanced CSS3 Text Effect…

Category : Css   13-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

13 jQuery Plugins and Tutorials for e-commerce website

13 jQuery Plugins and Tutorials for e-commerce website

E-Commerce websites are making shopping easy for customers. The number of ecommerce websites are growing with every day. Shopping Cart is the most important aspect of an E-Commerce website. We all know that jQuery plugins helps us to add difficult things to our websites very easily. Below you’ll find 13 jQuery shopping cart plugin and…

Category : Javascript   02-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

15 stunning examples of CSS 3D transforms

Web designing requires a highly professional outlook and the know how of the correct procedures that go about making a design attractive. A factor that every designer should be familiar is the fact that HTML5 and CSS3 are parallel to each other and blend together.  3D graphics, 3D Games and 3D…

Category : Css   25-11-2020   by Janeth Kent

The best code editor for web developers

The best code editor for web developers

Every web developer requires the right tools to do their job, therefore the choice of a source code editor shouldn’t come lightly. This is where we spend most of our development time and where productivity is gained or lost on a grand scale. But which is the best Code Editor? To determine the best source code editor, we…

Category : Software   25-07-2013   by Janeth Kent

21 PHP Libraries You Should Know About

21 PHP Libraries You Should Know About

The aim of the Standard PHP Library-or SPL is to provide a standard library of interfaces which allows developers to take full advantage of object-oriented programming in PHP. Therefore in this article we have collected 21 of the best PHP Libraries which will assist and help developers to simplify their work and serve…

Category : Programming   24-07-2013   by Janeth Kent

14 Twitter Bootstrap wireframes and GUI templates for web designers

14 Twitter Bootstrap wireframes and GUI templates for web designers

In this article we have collected a selection of 14 wireframe and GUI templates that have all been designed for Bootstrap. They are in various formats (psd, ai, png…) and available for different applications like Photoshop, Fireworks, Illustrator... 1. Bootstrap v2.0 GUI (.psd)   Full customizable graphic user interfaces templates A perfect start to…

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

Visualize Your Data: 25 Javascript Visualization Libraries

You have a huge amount of data that you need to present to your website visitors in a clear and concise way. First of all, you have to organise that data so that it's understandable to everyone in some way, right? That's where graphics come in. In web design, graphs…

Category : Javascript   03-05-2021   by Silvia Mazzetta

How to Retrieve Twitter Timeline and Hashtags in PHP

How to Retrieve Twitter Timeline and Hashtags in PHP

How to Retrieve Twitter Timeline and Hashtags in PHP (Twitter OAuth API 1.1) So, here we offer a guide that explains how to retrieve user timeline and hashtag with Twitter REST API 1.1. Before we start, we need: You need to create an application.https://dev.twitter.com/apps. Now, you need to get your consumer key, consumer secret,…

Category : Programming   12-07-2013   by Janeth Kent

A Guide To Structured Data Markup Implementation Methods

A Guide To Structured Data Markup Implementation Methods

First of all, what is Structured Data? The term structured data refers to data that is easily identifiable because it is organized in a structure. The most common form of structured data, or structured data records (SDR), is a database where specific information is stored based on a methodology of columns…

Category : Programming   08-07-2013   by Janeth Kent

50 Fresh Tools for Developers and Designers

50 Fresh Tools for Developers and Designers

Web developers and web designers regularly look for new resources, tools and services to make the search of these ever-growing techniques easier. This overview presents some of the most useful round-ups of time-savers, tools and services for Web designers. As every designer or developer knows, anything that can save you just…

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

14 Tools For Checking Your Website's Health

14 Tools For Checking Your Website's Health

Have you ever checked your website's health? We have listed some useful sources that show if your website is operating as it should, and if there's anything that it can be done to improve it's performance from the structural and marketing aspect. Enjoy and feel free to recommend any other sources…

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

318 useful twitter bootstrap resources #3

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

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

Jquery best WJSIWYG HTML5 editors for your website

HTML5 WYSIWYG (What You See Is What You Get) or WYSIWYM (What You See Is What You Mean) is essential today! There is now so many of them around it's hard to find the best ones. Today we are going to present you 10 of the very best jQuery and…

Category : Javascript   07-12-2020   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

10 Front-end developer tools you can't live without

10 Front-end developer tools you can't live without

This article will provide a somewhat opinionated stance on what tools you should be using, along with a few alternatives for each category. So let’s get started with those essential tools. EDITORS Sublime Text 3 www.sublimetext.com/3 Sublime Text is a sophisticated text editor for code, markup and prose. You'll love the slick user interface,…

Category : Software   16-05-2013   by Janeth Kent

Company Logos in Google Search Results, Thanks to New schema.org Markup

Company Logos in Google Search Results, Thanks to New schema.org Markup

Since announcing the schema.org project two years ago, little has changed with the markup. That changes today as Google announced a new schema that supports company logos. The logo designation is part of the Organization markup within schema.org. Using it will allow Google algorithms to understand which image on your server is your preferred logo. If you used…

Category : Programming   16-05-2013   by Janeth Kent

Tips for Writing Content that Ranks in 2013

Tips for Writing Content that Ranks in 2013

There are many schools of thought as to how best to optimize a website for top keyword placements in search engine results.  The concept of search engine optimization is basically a science, but like most sciences, there is no definitive "right" answer, just a series of practices that tend to work in…

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

Content Knowledge Is Power

Content Knowledge Is Power

“Content matters!” “Comp with real copy!” “Have a plan!” By now, you’ve probably heard the refrain: making mobile work is hard if you don’t consider your content. But content knowledge isn’t just about ditching lorem ipsum in a couple of comps. Countless organizations now have a decade or two’s worth of Web content…

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

30 Amazing Resources for Sass

30 Amazing Resources for Sass

We’ve compiled this list of thirty amazing resources for Sass. In it you’ll find all kinds of goodies built on and for Sass: frameworks, plugins, apps and a lot more. Frameworks and Grid Systems 1. Compass Sass is an extension of CSS3 which adds nested rules, variables, mixins, selector inheritance, and more. Sass…

Category : Software   01-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

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

How to use x-default hreflang for international landing pages

How to use x-default hreflang for international landing pages

Google recently introduced the new x-default hreflang annotation. Thanks to this markup, webmasters can specify international landing pages. Google will use this information to display the most relevant page in the search results. Usage A lot of international businesses use a landing page on their websites which redirects visitors to local pages. This can…

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

Free Tools For JavaScript Developers

Free Tools For JavaScript Developers

We have compiled a list of really useful Free Tools For JavaScript that will help you. Testing JSLint – The JavaScript Verifier JSLint takes a JavaScript source and scans it. If it finds a problem, it returns a message describing the problem and an approximate location within the source. The problem is not…

Category : Javascript   16-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

5 Steps to Build an Authority Website

5 Steps to Build an Authority Website

Building a website that can be considered "authority" takes some time. However there are some factors that if implemented correctly can influence the time it takes your website to become an authority. These 5 main contributing factors are the same basic factors for building any website, but the approach is…

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

10 Tools for Evaluating Web Design Accessibility

10 Tools for Evaluating Web Design Accessibility

Testing for web accessibility (how usable a website is by individuals with disabilities) is an often neglected part of web design and development. Web accessibility is important not only because your content will reach a wider range of audience, but also because correcting web accessibility issues have secondary benefits such…

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

28 Tools for Responsive Web Design

28 Tools for Responsive Web Design

Today we have compiled a list of 28 Tools for Responsive Web Design. Take a look! 1.Responsive web design sketch sheets The .zip has been updated to include a 1 Up version of the sketch sheets created by Denise Jacobs. 2. styletiles Style Tiles are a design deliverable consisting of fonts, colors and…

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

A list of Great PHP libraries and classes you should know

It is an exciting time to be a PHP developer. There are lots of useful libraries released every day, and with the help of Composer and Github, they are easy to discover and use. Here are 24 of the coolest that I’ve come across. Your favorite is not on the list? Share it in…

Category : Programming   26-03-2021   by Janeth Kent

We use our own and third-party cookies to improve our services, compile statistical information and analyze your browsing habits. This allows us to personalize the content we offer and to show you advertisements related to your preferences. By clicking "Accept all" you agree to the storage of cookies on your device to improve website navigation, analyse traffic and assist our marketing activities. You can also select "System Cookies Only" to accept only the cookies required for the website to function, or you can select the cookies you wish to activate by clicking on "settings".

Accept All Only sistem cookies Configuration
q=markup