Webdesign -

45 results for: webdesign

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   28-05-2019   by admin admin

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 admin admin

Useful Tutorials on SVG & CSS3 Animation

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 admin admin

Best Websites to Learn Coding Online

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 admin admin

How to Choose a Laptop for Web Design and Development

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   26-04-2017   by admin admin

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 admin admin

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 admin admin

6 Free Film Effect Photoshop Actions

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 admin admin

Top 10 Freebies For Designers of 2015

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 admin admin

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 admin admin

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 admin admin

How to Make New Google Map Responsive

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 admin admin

318 USEFUL TWITTER BOOTSTRAP RESOURCES #6

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 admin admin

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 admin admin

Happy 18th Birthday JavaScript!

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 admin admin

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 admin admin

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 admin admin

50 Most Useful jQuery Plugins of the year #2

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 admin admin

11 Free and Popular Thin Fonts (Commercial Use Allowed)

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 admin admin

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 admin admin

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 admin admin

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 admin admin

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 admin admin

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 admin admin

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 admin admin

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 admin admin

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 admin admin

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 admin admin

16 fantastic examples and uses of the parallax effect

16 fantastic examples and uses of the parallax effect

Parallax scrolling is one of the simplest solutions that webmasters could rely on, especially if they want to obtain immediate impact on the site visit, faster loading time, and interesting effects that people could enjoy. There are now many online resources that offer Parallax tutorials in order for interested website owners…

Category : Javascript   27-06-2013   by admin admin

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 admin admin

15 Essential Apps for Developers and Productivity

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 admin admin

75 Free Fonts Websites

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 admin admin

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 admin admin

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 admin admin

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 admin admin

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 admin admin

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 admin admin

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 admin admin

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 admin admin

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 admin admin

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 admin admin

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 admin admin

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 admin admin

20 Useful and Amazing CSS3 Tutorials

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 admin admin

Create stunning timelines with TimelineJS

Create stunning timelines with TimelineJS

Timelines are complicated but effective tools for showing large amounts of data. TimelineJS removes the pain TimelineJS (timeline.verite.co) is an easy-to-use JavaScript library, both for user and developer. It can be as easy as embedding an iframe onto your page using the embed generator with a Google Doc spreadsheet, or as…

Category : Javascript   11-04-2013   by admin admin