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

111 results for: web design

How to make your own custom cursor for your website

When I started browsing different and original websites to learn from them, one of the first things that caught my attention was that some of them had their own cursors, so I investigated how to incorporate it into my website. Today I bring you a simple version of a custom cursor…

Category : Web design   08-06-2022   by Nadal Vicens

Open source web design tools alternatives

There are many prototyping tools, user interface design tools or vector graphics applications. But most of them are paid or closed source. So here I will show you several open source options for you to try and use the one you like the most.   Penpot    Penpot is the first open source design…

Category : Web design   03-06-2022   by Nadal Vicens

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 a Full Stack Developer?

The demand for the Full Stack Developer is growing exponentially in recent years. Disruptive technology companies and startups are increasingly requesting this type of multipurpose profile that knows multiple programming languages and can assume all kinds of functions within the company. Throughout this article we will tell you what a full stack…

Category : News and events   06-08-2021   by Janeth Kent

Top Graphic Design e-Books & How to Get them on Your iDevice

Ma-no.org may include links to commercial websites. A commercial website is defined as a business site designed to generate income through the provision of services and products. Where links to commercial sites are included on ma-no.org, this does not indicate or imply any affiliation or endorsement between that commercial entity…

Category : Ui/ux design   03-03-2021   by Luigi Nori

Graphic design and its impact on Web Development

In today's article we will explain the concept of graphic design, its fundamentals and what it brings into web development. Graphic design is applied to everything visual, believe or not, it can aid in selling a product or idea, it's applied company identity as logos, colors, typography of the company…

Category : Web design   05-04-2021   by

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

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

Cross cultural challenges in web design, an overview

The user experience design of a product essentially lies between the intentions of the product and the characteristics of your user. - David Kadavy - The task of building a culturally appropriate website for a new market can be challenging: in this article we are going to talk about the impact of national…

Category : Web design   21-12-2020   by Maria Antonietta Marino

How to write our own Privacy Policy

In this article we will talk about Privacy Policy statements, how you can write one and implement it on your page. Why did it pop up? These days when we browse on any new page, or when we visit the site for the first time, most of the time we have to…

Category : Development   22-10-2020   by

The 6 Essentials for Creating a Visually Appealing Web Design

Creating a website might seem like a simple thing. After all, what do you really need besides a good hosting provider and relevant content, right? Well, the reality is quite different. Things might have worked like that in the past, but they are quite different now.   The internet is advancing, and…

Category : Web design   25-08-2020   by Silvia Mazzetta

Why is Website Performance Important for Online Businesses?

Your web is the site where most individuals will connect with your business. Your digital marketing processes will most probably send customers to your website. It might be to get information concerning your products and services, obtain contact information, or make purchases. Website performance, also known as web optimization, is a…

Category : Web marketing   24-07-2020   by Janeth Kent

Parenting, pandemic and UX: Learning from design of experiences

After the quarantine, many of us have had to adapt our work and personal routines to the new remote paradigm. As a mother, I decided to share some things I've learned. We've been in total quarantine for weeks. Weeks in which we close the office and live and work in the 4…

Category : Ui/ux design   17-06-2020   by Silvia Mazzetta

Neumorphism (aka neomorphism) : new trend in UI design

This area, which arises from a basic human need, such as the urge to communicate, is constantly changing thanks to the advances of the technological era. Today, we invite you to reflect on the origin of this discipline and its future challenges. Graphic language has always been present throughout our lives…

Category : Ui/ux design   17-06-2020   by Silvia Mazzetta

How to Take Your Small Ecommerce Business to the Next Level

Running an ecommerce business can be both exciting and financially rewarding. However, as you increase your customer base, it might seem difficult to successfully scale your operations. If your site is growing in popularity, or you want to attract more customers to your online venture, read the below top tips on…

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

The exciting story of JavaScript (in brief)

Javascript is a client-side programming language that has changed the Internet as we know it today. The term "client side" means that it runs on our web browser without the need for a web hosting. Along with html and css it is one of the 3 pillars of web design. It is…

Category : Javascript   13-04-2020   by Silvia Mazzetta

Layouts with Bootstrap 4: how to create a responsive web 2

Here we are with the second part of the guide: Layouts With Bootstrap 4   Horizontal alignment   To align the columns horizontally we can use justify-content-value classes, which use the justify-content property of the flexible model: justify-content-start, to align to the left (default) justify-content-center, to align the center justify-content-end, to align to the right…

Category : Web design   08-12-2019   by Silvia Mazzetta

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

The strategic advantages of Open Source

Being a good web designer also means getting the right tools (and skills) to accomplish the task. Fortunately, there are an incredible number of resources available to those of us who work in this area. Here's the thing: most of them are free.   A smart and cheap start   There are some costs involved…

Category : Programming   11-07-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

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

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

Advantages of Progressive Web Applications

The unstoppable increase in the use of mobile devices to connect to the Internet has resulted in the fact that it is no longer enough to have only one web page to have an online presence.  Right now, any company that wants to stand out and build customer loyalty must also…

Category : Javascript   08-05-2019   by Janeth Kent

A roadmap to becoming a web developer in 2019

There are plenty of tutorials online, which won't cost you a cent. If you are sufficiently self-driven and interested, you have no difficulty training yourself. The point to learn coding I think is to read a lot of code of other developers, then typing code and testing to see what…

Category : Programming   30-05-2019   by Janeth Kent

The Meaning of Colors in web Design. A little bit of psychology

The Meaning of Colors in web Design. A little bit of psychology

Color psychology is one of the most talked about and interesting parts of psychology. The idea that some colors evoke feelings and emotions. In fact, this color helps buy the most attractive product. You invest a great deal of time and money to create a convincing website design to increase…

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

Six Ways to Make  Your Design Brand Stand Out with a Portfolio

Six Ways to Make Your Design Brand Stand Out with a Portfolio

Design businesses have never been more needed than they are today. With an increasing number of individuals becoming entrepreneurs and starting their own online companies, the need for professional logos, web designs, social media designs and more is on the rise. This is great news for creative professionals, with the job…

Category : Ui/ux design   21-11-2018   by Janeth Kent

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

Useful Free UX Ebooks

Design and user experience (UX) is becoming a key and fundamental factor for the development and creation of software products and web applications. Today, our UX team recommends a selection of the most interesting books on design and user experience. These books bring together a large number of techniques and methods…

Category : Ui/ux design   25-11-2020   by Janeth Kent

The best Free and Open-Source Video editing, VFX and compositing software

The programs listed below are the foundation of this blog. It’s Free & Open-Source Video Editing Software that does all the stuff the expensive commercial programs do. We’ll keep the links here updated, so you always know where to get them. Also, with this basic list, we are focusing on well-developed programs that work on…

Category : Multimedia   01-03-2021   by Janeth Kent

Best SEO Tools for 2018

Best SEO Tools for 2018

Search engines are a massive source of traffic for a lot of websites, in fact it can be the primary source. Due to this, it’s important that you make use of the analytic tools that are readily available to you to allow you to make the most of your SEO…

Category : Seo & sem   27-02-2019   by Janeth Kent

Run Your Web Development Team Like a Tight Ship

Run Your Web Development Team Like a Tight Ship

The most successful web design and development companies offer three things to their clients: well-produced websites, good communication and unrivaled project management. The latter is actually very important, since it affects the team’s ability to stay on time and within budget. It takes a good project leader to turn even…

Category : Web marketing   27-05-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

How to Choose a Laptop for Web Design and Development

Efficiency is important at work, no matter the type of job you do. The better the tools that you use, the more productive you are. So if you’re a web designer, you want a laptop that will be able to handle all your software with ease. However, how do you…

Category : Technology   16-12-2019   by Janeth Kent

How to Have a Website That Brings Excitement to the Accounting Industry

How to Have a Website That Brings Excitement to the Accounting Industry

A website doesn’t need an animated flash introduction in order to get visitors to stick around and find out what else you have in store for them. Web designers have been saying for years that all professionals need a website to advertise their services, and they’re finally listening. The problem…

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

Ideas shaping web design today

Web design in order to succeed needs two things: innovation and imitation. Unfortunately, the last one often wins. Web designers love to learn, study and use the latest trends, and then look desperately for the next big thing. Think about sliders. They were "trendy" couple years ago. Today, they feel dated. What to do?…

Category : Web design   22-04-2021   by Janeth Kent

Monthly News for Designers, November 2015

Monthly News for Designers, November 2015

Today we inagurate our monthly design news post in which we will share our favorite design related articles, resources and freebies of the month. Free Icons & Templates Freebie: 100 Google Material Icons for Sketch. Freebie: Animaticons – Beautiful, Customizable Animated GIF Icons. Freebie: Branding Identity Mockup (PSD). Learning Resources, Tutorials & Tips Stretchy Navigation in CSS and jQuery by CodyHouse. Blueprint: Multi-Level Menu by…

Category : Web design   07-02-2019   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 most popular fonts used by designers

The most popular fonts used by designers

Fonts represent an important part of our project. With this post we want to present you the most popular fonts used by top designers and professionals from all over the world. Have we missed one of your old time favorites? Go ahead and add it in the comments area. 1. Helvetica 2. Trajan 3. Garamond 4.Futura 5.…

Category : Web design   19-11-2015   by Janeth Kent

Best Color Tools of 2015

Best Color Tools of 2015

Creating a colour scheme is essential to good design. We've gathered together some fantastic tools to help you perfect your colour choices. We've make a list of some fantastic tools to help your colour choices. 1. Adobe Colour CC 2. Check my Colours It is a tool for checking foreground and background color combinations of all…

Category : Web design   23-10-2015   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

5 High Quality Tutorial Sites to Learning Design

5 High Quality Tutorial Sites to Learning Design

Are you looking for a good source of free tutorials for illustration, 3D design, web design, app design and more? Here are 5 great and usefull sites. 01. Drawspace Drawspace is more than just another art website; it's an international community of over 320,000 drawing enthusiasts, professional artists, art educators, and authors of…

Category : Web design   27-06-2014   by Janeth Kent

8 AWESOME HTML5 ANIMATION TOOLS

8 AWESOME HTML5 ANIMATION TOOLS

GOOGLE WEB DESIGNER Google has launched Google Web Designer, a new beta app CreatING engaging, interactive HTML5-based designs and motion graphics that can run on any device. The Windows and Mac app aims to streamline the post-Flash online world with the option of code or graphical animation creation, for those of…

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

200+ sites, apps & books for designer

Design is fundamental to any digital strategy. We are in a digital era where visual stimuli make the difference when the user makes a decision. It is necessary that when faced with a good idea there are creative elements that differentiate us from the competition and attract our audience in…

Category : Web design   10-09-2020   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

How to Create Custom Filters in jQuery

How to Create Custom Filters in jQuery

If you are a web designer or a developer you frequently need a shortcut to collect elements for jQuery. In this post, based on the book Instant jQuery Selectors, you’ll learn how to build a custom filter in jQuery. So, we try to built a filter that ia able to print the length of…

Category : Javascript   17-12-2013   by Janeth Kent

Useful  list of common HTML meta tags

Useful list of common HTML meta tags

Basic HTML Meta Tags OpenGraph Meta Tags HTML Link Tags

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

Must Have CSS Tools for Designers

There are a lot of tools and tutorials which can help designers and developers in learning CSS easily and rapidly. In this article we have listed 15 css tools which can help designers to achieve creative and innovative results. The following css tools can help designers to create css menus, animations, 3d shapes, layers,…

Category : Css   30-03-2020   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

Best Content Strategy Resources

Best Content Strategy Resources

Content Strategy Books Annett-Baker, Relly. A Practical Guide to Creating Web Content. Bailie, Rahel Anne; Urbina, Noz. Content Strategy: Connecting the Dots Between Business, Brand, and Benefits. Bloomstein, Margot. Content Strategy at Work: Real-world Stories to Strengthen Every Interactive Project. Halvorson, Kristina; Rach, Melissa. Content Strategy for the Web. Handley, Ann; Chapman, C.C. Content Rules. Jones, Colleen. Clout — The Art &…

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

10 Best CSS Gradient Generators

10 Best CSS Gradient Generators

CSS3 changes everything. There are 116 new properties* with multiple vendor prefixes and different syntaxes. No one could be expect you to memorize everything. Fortunately, there are a number on free online tools which will help you create modern CSS3 code to cut and paste into your stylesheets Creating CSS gradients…

Category : Css   29-11-2013   by Janeth Kent

Best 10 html5 animation tools for 2014

Best 10 html5 animation tools for 2014

Using animations is part of the web design routine. One of the latest innovation in web design is using Html5 animations to avoid the use of Flash. Html5 animation tools allows you to design and create simple animations that work particularly well with websites.  We have listed such tools for you to…

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

32 Adobe Photoshop CS6 Tutorials To Help You Learn New Features

32 Adobe Photoshop CS6 Tutorials To Help You Learn New Features

Photoshop CS6 has new features not only for graphic designers but it also has so many new features for web designers. Web designers will definitely start to use Photoshop again rather than using fireworks. This post features the best Adobe Photoshop CS6 Tutorials. 1. How to Use the New Timeline Panel in Photoshop…

Category : Software   28-11-2013   by Janeth Kent

Google Web Designer beta now available: A Visual Tool For Building Interactive HTML5 Sites And Ads

Google Web Designer beta now available: A Visual Tool For Building Interactive HTML5 Sites And Ads

Google today announced the launch of Web Designer, a new tool for building interactive HTML5 sites and ads. The company commissioned a research study with Illuminas to uncover the barriers that agencies face when buying on and developing for mobile platforms. The first barrier is that there are too many choices…

Category : Software   30-09-2013   by Janeth Kent

How Colors Affect Business: Colours speak louder than words

Color theory, also known as color psychology, can trace its roots to the 1490s, when Leonardo da Vinci wrote about it in his personal journals. Professional marketers today master the principles of color theory to lead prospective clients and customers into purchasing their products and services with such ease, that…

Category : Web design   27-08-2020   by Janeth Kent

10 CSS Media Query Snippets

10 CSS Media Query Snippets

Responsive Web Design has gained huge popularity and demand over the years. With novel gadgets being developed every year it is necessary for a Web Developer to make sure that the Website they design is compatible with all the various gadgets that are in the market.  CSS3 Media Queries help you…

Category : Css   26-08-2013   by Janeth Kent

Top 23 Free Photoshop Plugins

Top 23 Free Photoshop Plugins

Looking a professional Photoshop extension for free? Today we will provide 23 free Photoshop plugins for graphic designers. These plugins suitable for web designers, graphic designers and photograpgers and the silled photographers have been acknowledged to bring these awesome free plugins into play as a base and after that tweak and…

Category : Software   22-08-2013   by Janeth Kent

Learning web design: 29 Sites Producing Podcasts And Screencasts for web Designers And Developers

Learning web design: 29 Sites Producing Podcasts And Screencasts for web Designers And Developers

We’ve gathered some resources and sites that produce audio and video content for web designers and developers. Of course, most of them offer RSS and also iTunes subscription options. And you? Are you subscribed to any of the podcasts/screencasts I listed? If so, which ones? Please share your personal recommendations in the…

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

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

Submit Your Site to The Best CSS Galleries

Submit Your Site to The Best CSS Galleries

Have you spent your time creating a great website design and now you need some traffic, links, and exposure? Getting your site listed on CSS Galleries can do just that for you! Submit your site to the best CSS Galleries and watch the traffic flow in if you get approved. But, how can…

Category : Css   05-08-2013   by Janeth Kent

Is Lorem Ipsum Useful? 25 Useful and funny Lorem Ipsum Generators

Is Lorem Ipsum Useful? 25 Useful and funny Lorem Ipsum Generators

Lorem ipsum represents a long-held tradition for designers, typographers and the like. Some people hate it and argue for its demise, but others ignore the hate as they create awesome tools to help create filler text for everyone. Is Lorem Ipsum Useful? John McGarvey writes the following for .Net Magazine: “Latin placeholder text isn’t…

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

Learning web design: 13 e-books

Learning web design: 13 e-books

E-books are great way to learn more about web design. E-books can truly provide you a fountain of knowledge of information and there’s a lot to be learnt. There are now e-books available on almost every aspect of design, from planning your business and managing your time, to designing web applications.…

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

The Bible of Responsive Web Design

You've decided it's time for a new website, and you know that making it responsive will ensure that all users have a great experience, regardless of what device they are using. Responsive web design, or RWD for short, is here to stay. It's rapidly maturing but not without some serious pitfalls for…

Category : Web design   23-05-2019   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

20 Free Flat Design Resources for Web Designers

20 Free Flat Design Resources for Web Designers

Flat Design is a new trend in the web design/development community as an interface striking similar to Windows 8 and Microsoft’s Metro UI. Minimalism is a big part of this design idea, and you can see how popular these trends have become in recent months. Flat website design is a brilliant concept…

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

Becoming a Web Professional: 19 online resources

Becoming a Web Professional: 19 online resources

The web education industry (designers, developers, graphics,seo,sem...) has exploded from a small niche to a powerful, continually expanding force. Countless people all over the planet are interested in learning about web design,web development, seo, sem, gamification, web marketing, and tons of companies are cropping up promising the ultimate solution. The good…

Category : News and events   18-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

How To Rock Your Next Bootstrap Project

How To Rock Your Next Bootstrap Project

Bootstrap, released in August of 2011, it is still the most popular GitHub development project with over 52k stars and over 16k forks. Twitter’s Bootstrap helps you build beautiful web apps quickly. It provides a variety of CSS and JavaScript for making layouts, navigation, forms and a lot more and it even…

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

The importance of building a responsive website and targeting the mobile audience

What are the changes reshaping the IT industry? The most significant one is the trend of using tablets, smartphones, and other mobile devices to access internet. This trend is the proof of technological revolution and is affecting greatly the web designers to follow some responsive approach for website creation. Google’s recommendation…

Category : Web design   15-06-2020   by Silvia Mazzetta

318 useful twitter bootstrap resources #4

318 useful twitter bootstrap resources #4

Wordpress WORDPRESS BOOTSTRAP THEMES Listing of free, base and premium themes for Wordpress based on Bootstrap. WP-BOOTSTRAP-GALLERY A custom Wordpress gallery for dynamic thumbnail layout using Twitter Bootstrap 2.2.2 thumbnails and the WordPress built in gallery manager. WP-BOOTSTRAP-NAVWALKER A custom Wordpress nav walker class to implement the Twitter Bootstrap 2.2 navigation style in…

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

15 Time saving tutorials for web developers

15 Time saving tutorials for web developers

For us in Ma-No, being web developers ( and designer) is the world's coolest jobs because you can play with new technologies and create some amazing stuff.   The problem (if we can call it problem) is that we need to keep up with the industry and also with our deadline. Therefore,…

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

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

20+ Useful Web Development Tutorials For All Novices

The way to learn programming has changed over the years from a simple hobby to a career. Today it is possible to learn to program completely free online. Gone are the days when learning to program was reserved for a few or cost a considerable amount of money. Even if you…

Category : Web design   10-09-2020   by Janeth Kent

The HTML5 Full-Screen API

The Fullscreen API allows a DOM element (and its descendants) to be represented in full screen. What it allows is to visualize the page by removing any element of the browser (menus, tabs,...). With this we can put from the document itself to full screen, video elements, images,... Fullscreen API methods The…

Category : Programming   03-05-2020   by Silvia Mazzetta

How to create a responsive HTML5 form

How to create a responsive HTML5 form

Everybody knows about web forms, isn't it? Make a , a few  elements, maybe an, finish it off with an  button, and you’re done. You don’t know the half of it. HTML5 introduced a selection of new input types and attributes that make the creation and validation of forms far easier than previous methods. Let's explain how to…

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

20 Open Source Scripts Applications for Web Developers

20 Open Source Scripts Applications for Web Developers

Open source applications and tools can be handy for web designers and developers on a budget. Nowadays most of the tools and applications are increasingly either employing open source or are built entirely on it. And all of this adds up to an increasing premium on web development skills and…

Category : Programming   11-08-2016   by Janeth Kent

Cross browser HTML5 videos

Cross browser HTML5 videos

For many years, Flash has been the most popular video solution on the web. With HTML5 a new specification is born: HTML5 videos. In this tutorial, we’ll show you how to use HTML5 to display videos on your website. Step 1: Preparing files The first thing to do is to make sure your files…

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

How To Create a Metro UI-Styled Website

How To Create a Metro UI-Styled Website

In Ma-No we liked the Metro UI as it fits into many aspects of the modern web design like simplicity, grid-based interfaces (good for responsive layouts) and it is consistent in every part (there is really a style guide behind it). If you like the Metro UI and planning to create…

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

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

Weekly Design and Development News #2

Weekly Design and Development News #2

Red Pen It lets you upload your design, share a short URL and get feedback super-fast. There’s no logging in, no project management, no bullshit. CSS Modal The CSS Modal is built out of pure CSS. The modal is designed using responsive web design methods so it works on all screen sizes from…

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

A collection of must-have front-end developer tools

A collection of must-have front-end developer tools

PREPROCESSORS For years, the front-end community debated over whether CSS preprocessing was necessary. The language is a simple one; why are we complicating it? Thankfully, over time, and as the web stack matured, the majority of front-end developers came to terms with the fact that, until the language itself matures a…

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

30 HTML5 Tutorials for All Skill Levels

30 HTML5 Tutorials for All Skill Levels

HTML5 is the next evolution in website development so whether you’re a web developer or a serious game developer wanting to explore the web as a new platform, HTML5 has something for each of you. If you want to learn or improve your web design skills and make the most of…

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

Server-side HTML vs. JS Widgets vs Single-Page Web App

Server-side HTML vs. JS Widgets vs Single-Page Web App

  At the recent GOTO Chicago conference, I gave a talk on "Frontend Architectures: from the prehistoric to the Post-modern." In just my first 10 months at Coursera, I've experienced the joys and woes of many different frontend architectures, and I wanted to share what I learnt. I detail everything in the slides, but I'll summarize…

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

5 Simple Landing Page Optimization Tips

5 Simple Landing Page Optimization Tips

Eight seconds. That is all the time you have to capture a person’s attention, according to The Associated Press. Busy schedules and non-stop media barrage are quickly taking up your potential customers’ attention. You have just eight seconds to make a solid impression and get them to your next step.…

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

How to Design a Logo: A 5-Step Process

How to Design a Logo: A 5-Step Process

An experienced logo designer knows that designing a great logo requires an equally great design process to ensure that the outcome is outstanding. I have broken down the logo design process into five steps that will create an effective pathway from initial brief to final presentation. Though each designer will…

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

3 Ways to Get High Rankings Despite Algorithm Changes

3 Ways to Get High Rankings Despite Algorithm Changes

Representatives from Google have said they change search engine algorithms as many as hundreds of times per year. This reality hit the Internet world particularly hard in 2012, as many of the algorithm changes that occurred meant that people who specialized in search engine optimization had to completely change strategies…

Category : Networking   10-05-2013   by Janeth Kent

Enhance Your Google+ Experience With These Fantastic Tools

Enhance Your Google+ Experience With These Fantastic Tools

  This article was written for Inspirationfeed by Shay Wright. Shay loves reading, writing, and discussing pretty much anything Internet marketing related. He is a Senior SEO Strategist at SEO.com. Learn how to create and optimize a Google+ page for business with our great new ebook! When Google first introduced Google+ to the world less than 2 years ago,…

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

Why is facebook blue? The science behind colors in marketing

Why is facebook blue? The science behind colors in marketing

Why is Facebook blue? According to The New Yorker, the reason is simple. It’s because Mark Zuckerberg is red-green color blind; blue is the color Mark can see the best. Not highly scientific, right? That may not be the case for Facebook, but there are some amazing examples of how colors actually…

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

Essential Design Tutorials for Professional Designers

Essential Design Tutorials for Professional Designers

Today I will show some awesome tutorials created by very professional designers. First tutorial is about adding lighting effects to a dull image. For this kind of stuff you will need some stock images which are mentioned in the below link.  The tools which you must know are Layers, Models,…

Category : Web design   30-04-2013   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=web-design