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

58 results for: grid

Android Hidden Codes: unveiling custom dialer codes and their functionality

In the world of Android smartphones, there exist numerous hidden codes that can unlock a treasure trove of functionalities and features. These codes, known as custom dialer codes, provide access to various settings, diagnostics, and information that are not readily available through regular menus. In this article, we will explore…

Category : Mobile   02-06-2023   by Janeth Kent

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

Starting with Bootstrap-Vue step by step

Today we will show you how to use BootstrapVue, describe the installation process and show basic functionality. The project’s based on the world's most popular CSS framework - Bootstrap, for building responsive mobile-first landing page and combines it with Vue.js. Bootstrap-Vue does not yet support Vue 3. So if you want to…

Category : Javascript   13-04-2021   by

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

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

The easiest way to align items using flexbox

With the release of flexbox in CSS, it has become an essential tool when placing elements next to each other, since, by default, the children of a display: flexare stacked on the left side taking up the minimum space according to their content. If we want to modify the behavior of…

Category : Css   17-11-2020   by Janeth Kent

GAN Generated Images

Let’s play a game - can you guess what these portraits have in common?  They all depict non-existent people. All these images were created by artificial intelligence. We could say, that AI “dreamed” those people up.  How can a machine make up people’s faces? The genius idea came from Ian Goodfellow, who was…

Category : Technology   28-10-2020   by Iveta Karailievova

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

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

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

A List of Awesome games made with HTML5 and JavaScript

Browsers and JavaScript are becoming more powerful and more comprehensive. There was a time when any type of game needed Flash. But the stage now is set for powerful HTML5 and WebGL games! Here are 30 of our favorite games running in all modern browsers and only using web technologies. Enjoy! HexGL HexGL…

Category : Javascript   01-04-2020   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

The CSS Grid Explained in 7 Minutes (with diagrams and code)

The CSS Grid Explained in 7 Minutes (with diagrams and code)

A quick and easy high level introduction to the main concepts of CSS Grid given by Morten Rand-Hendriksen at Wordcamp Europe 2017. 7 minutes and you'll understand what CSS Grid is and how to create a basic layout of your own. Adapted from the full CC BY licensed original at…

Category : Css   10-01-2018   by Janeth Kent

7 JavaScript Libraries for Dashboards

7 JavaScript Libraries for Dashboards

Dashboard is a visual indicator of an objective or a business process. It is an invaluable tool for cutting through data clutter and getting down to the essentials. It helps you to evaluate information and allow to make the correct decision in a timely manner. Live visual dashboards consist of…

Category : Javascript   11-04-2013   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

How to Connect to a Remote Server via SSH from a Linux Shell

How to Connect to a Remote Server via SSH from a Linux Shell

Introduction Secure Shell (SSH) is a UNIX-based command interface and protocol for securely getting access to a remote computer. SSH is actually a suite of three utilities - slogin, ssh, and scp - that are secure versions of the earlier UNIX utilities, rlogin, rsh, and rcp. SSH commands are encrypted and…

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

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

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

50 Most Useful jQuery Plugins of the year #5

50 Most Useful jQuery Plugins of the year #5

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 : Web design   16-01-2014   by Janeth Kent

20 Awesome Free Tools For Web Developers 2014

20 Awesome Free Tools For Web Developers 2014

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

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

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

30 Best Graphic Design Books for Designers

30 Best Graphic Design Books for Designers

30 Best Graphic Design Books for Designers In this collection we've listed 30 Best Graphic Design Books for Designers, these books covers a variety of topics like Typography, Workshops, Color, Layouts, References, History, Logo Design, Freelancing and Pricing. We hope these Graphic Design Books inspires you for your future design projects! Enjoy!   1. Creative…

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

10 Javascript Tutorials You Must See

Fortunately, we live in an era of global connectivity and access to many resources. Thanks to the Internet and people who enjoy sharing content, you can find almost everything you need to learn, and for free. Free tutorials, books and courses are easily found without spending too much. So if you…

Category : Javascript   10-09-2020   by Silvia Mazzetta

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

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

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

29 Awesome jQuery Responsive Navigation Menus

29 Awesome jQuery Responsive Navigation Menus

In this post we will show 29 beautiful and awesomel jQuery responsive navigation menus. All the menus are compatible with all modern browsers and mobile devices and are suitable for web projects, HTML5 & CSS3 website templates, landing pages, business and portfolio websites. So please follow our jQuery tag for more stuff about Jquery…

Category : Javascript   09-08-2013   by Janeth Kent

318 useful twitter bootstrap resources #5

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

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

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

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

27 Useful Web Apps & Resources for Responsive and Mobile Design

27 Useful Web Apps & Resources for Responsive and Mobile Design

Designing for the web has changed drastically over last years. The days of designing for rigid screen sizes that are set in stone has long gone. Websites now have to be suitable for different screen sizes, being used in very varied situations. This post is a compilation of 27 Web…

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

25 Tutorials of User Interface CSS3 Effects (Advanced)

25 Tutorials of User Interface CSS3 Effects (Advanced)

We want to present a series of 25 well-explained tutorials of User Interface CSS3 Effects . These CSS effects give developers a quick and easy solution when it comes to enhancing impressive ui styling, and will work on most modern browsers. 1. Interactive Infographic with SVG and CSS Animations   Learn how to build…

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

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

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

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

25 Metro Style Scripts and Tutorials for Web Developers

25 Metro Style Scripts and Tutorials for Web Developers

The Metro Design style is slowly gaining popularity since most web developers today prefer to use it for their various websites with the use of JavaScript, HTML5, and CSS3. Here we have listed some Metro Style Scripts and Tutorials for web developers ad designers. All to make it easier for you to…

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

318 useful twitter bootstrap resources #1

318 useful twitter bootstrap resources #1

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

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

Weekly Design and Development News

Weekly Design and Development News

This is our weekly article were we share our favorite design or development related articles, resources and cool tidbits of the week. Enjoy :) ! If you would like to receive our daily updates and keep up to date with the latest and greatest articles and resources from tahe design community, you…

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

Grid Computing Vs Cloud Computing

Grid Computing Vs Cloud Computing

The world of information technology is changing rapidly and what may be the popular method of conducting business or gathering information today may be completely phased out in a few months. Grid computing and cloud computing are two powerful – but distinct – computing systems that attempt to accomplish many of the…

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

8 CSS Properties Designers Can't Live Without

8 CSS Properties Designers Can't Live Without

Imagine a world without CSS, where you have no real control over how anything looks or behaves in a browser. Imagine having to slice images using nested tables for your design. Some of us have been around long enough to remember when tables were a typical, perfectly acceptable way to…

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

Bootstrap Tutorial for Blog Design

Bootstrap Tutorial for Blog Design

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

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

Boost Your Productivity with These Essential CSS Generator Tools for 2023

In the ever-evolving landscape of web development, CSS remains an indispensable language for creating stunning and engaging user interfaces. Crafting visually appealing projects with CSS often entails writing extensive lines of code, demanding meticulous attention to detail. While writing impeccable CSS is essential, the process can be time-consuming, hindering productivity…

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

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

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

PHP-MongoDB Beginners Guide

PHP-MongoDB Beginners Guide

Over the last year or so, there's been a small revolution taking place in the database world, with the advent of "schema-less" database systems like Apache CouchDB. These databases follow a different approach to data storage as compared to the traditional relational model, and they're quickly becoming popular with Web…

Category : Databases   11-04-2013   by Janeth Kent

10 Metro Bootstrap Templates

As an open source project Bootstrap continues to evolve, with 2.2.1 the latest version released recently, it has significant grounding in the development community, and is described by some as rapidly becoming the ‘jQuery of HTML frameworks’. Within a few months of its launch, the project grew to be the…

Category : Web design   18-09-2019   by Janeth Kent

q=grid Clicky