52 results for: webdesign
Top tools for UX design and research
This article is a compilation of the "ux tools" I have tested in recent years. I've separated the tools by categories, although I recommend you to take a look at all of them, you might find some you didn't know. - Conceptualisation and project management tools - UX testing and research tools - Analytics…
Category : Ui/ux design 23-04-2021 by Silvia Mazzetta
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
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
How To Add Filter Effects to Images with CSS
To achieve interesting effects on your images, learn about the 'filter' and 'Backdrop-Filter' properties of CSS. CSS filters are a very attractive feature of CSS that allows you to apply certain image effects, typical of photo retouching applications, such as sepia, variations in brightness or contrast (or others) on the fly…
Category : Css 28-10-2020 by Silvia Mazzetta
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
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
5 ways to improve your user experience
As a brand, UX is incredibly important when it comes to keeping your customers happy and on your site. Afterall, the longer they are on your site, the more likely they are to spend, and the more likely you are to hit your targets and KPI’s. Also, the better the…
Category : Ui/ux design 09-04-2020 by Silvia Mazzetta
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
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
Useful Tutorials on SVG & CSS3 Animation
There isn't just one way to do SVG and CSS3 animations. Animation is one such area which has been quite complicated until recently. Today we're going to look some tutorials that should get you on the right track towards mastering SVG animation with CSS. A Look Into: SVG Animation SVG Files in…
Category : Css 26-06-2018 by Janeth Kent
Best Websites to Learn Coding Online
You know and we know that it’s totally possible to learn to code for free... If you can teach yourself how to write code, you gain a competitive edge over your peers, you can think more algorithmically and thus can tackle problems more efficiently. But what are the best resources to achieve…
Category : Programming 19-06-2018 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
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
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
6 Free Film Effect Photoshop Actions
Film and graphic lovers rejoice! Today we give us this little pack film effect Photoshop actions! Photoshop actions allow designers to automate common sequences for increased efficiency. If you do much work with photo editing you can certainly benefit from the time saved by having some good library of Photoshop actions. There…
Category : Web design 11-12-2015 by Janeth Kent
Top 10 Freebies For Designers of 2015
My grandmother always says, “Nothing in life is free.” In a way, she was correct. Even (some) Google products – considered free – are ad-supported. Freebies be it any kind of tools, mockups, templates, fonts are much loved by the designers around the globe. Reason being that firstly these help ease their…
Category : Web design 10-12-2015 by Janeth Kent
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
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
How to Make New Google Map Responsive
Nowadays static maps (drawn by the guy who works at the ‘art department’) aren’t really used anymore. Using google maps allows you to zoom in/out, get directions, have a satellite view or even streetview There are many ways to include google maps and the most easy way is to use an…
Category : Web design 11-12-2013 by Janeth Kent
318 USEFUL TWITTER BOOTSTRAP RESOURCES #6
How Tos Tutorials and Instructions on using Bootstrap Articles CUSTOMIZING BOOTSTRAP Tips and recommendations on getting started with LESS and Bootstrap customization. TWITTER BOOTSTRAP TUTORIAL Up and running with Twitter Bootstrap in 20 Minutes ADDING SWIPE SUPPORT TO BOOTSTRAP'S CAROUSEL Justin Lazanowski writes up how he was able to get Bootstrap's carousel working for touch/swipe…
Category : Web design 18-12-2013 by Janeth Kent
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
Happy 18th Birthday JavaScript!
On December 4, 1995, JavaScript was announced in a press release by Netscape and Sun. The press release leads with this title: NETSCAPE AND SUN ANNOUNCE JAVASCRIPT, THE OPEN, CROSS-PLATFORM OBJECT SCRIPTING LANGUAGE FOR ENTERPRISE NETWORKS AND THE INTERNET The subtitle may have been better still: 28 INDUSTRY-LEADING COMPANIES TO ENDORSE JAVASCRIPT AS A COMPLEMENT…
Category : News and events 18-12-2013 by Janeth Kent
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
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
50 Most Useful jQuery Plugins of the year #2
With thousands (yes thousands...) of new jQuery plugins that have been released we have worked hard filtering down all of the those plugins to bring you the 50 that we feel are the most innovative and useful. We have split all of the plugins into the following categories: Web Page Layout…
Category : Javascript 05-11-2013 by Janeth Kent
11 Free and Popular Thin Fonts (Commercial Use Allowed)
In today's post we bring together thin fonts which are really popular among designers.The below fonts are all free both for personal and commercial use. So why not download the ones you like? 1. Penna Font Source 2. Znikomit Font Source 3. JD Code Font Source 4. Reswysokr Font Source 5. Aaargh Font Source 6. RawengulkSans Font Source 7. Font Source 8. Crew Font Source 9. Caviar Dreams Font…
Category : Web design 26-08-2013 by Janeth Kent
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
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
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
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
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
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
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 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
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
15 Essential Apps for Developers and Productivity
Today we have listed 15 extremely useful web apps for web developers; these great tools will help you become more efficient and also more happier because a working project keeps a developer happy :-D 1. Koding Koding (previously known as "Kodingen") is an Online Development Environment owned by Koding, Inc. which allows software developers to…
Category : Software 21-06-2013 by Janeth Kent
75 Free Fonts Websites
Webpage fonts are essential for creating an impact on the user's impression of a site. That is why, designers take extreme caution in choosing the right fonts for a website. So, choosing the right type of font to use on a website is more important then you may think. This post…
Category : Web design 20-06-2013 by Janeth Kent
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
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
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 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
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
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
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
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
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
Modular CSS with Media Queries and Sass
Most developers nowadays are recognizing that if you’re developing large applications that have different views and states, it is best to take a modular or object-oriented approach to your CSS development. When you throw media queries into the mix, however, the you can lose some of the benefits of modularity…
Category : Web design 23-08-2019 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
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
20 Useful and Amazing CSS3 Tutorials
We have listed 20 Amazing CSS3 tutorials, which show you how to develop some top notch CSS3 effects for your websites and personal blogs. Enjoy! 1. Create a Stunning Menu in CSS3 In this tutorial you will learn how to develop a white stunning drop down menu using CSS3. You can download…
Category : Programming 11-04-2013 by Janeth Kent