TUTORIAL

  • Big Time Saver: Becoming a WordPress Pro (Near-)Instantly

    WordPress powers a massive amount of websites and has rightfully become the go-to solution for most small to medium businesses. It is easy to comprehend, easy to install and easy to administer. Yet, it isn’t as easy as 1-2-3. Getting to know one’s ways around the system is not to be done intuitively. So you’ll need to do a bit of learning – one way or another. And you know, if you could just master WordPress, you’d be well on your way to creating fantastic websites!



    Read more 
  • Time Lapse Videos: How to Quicken the Pace of Your Movies

    You can choose between two equally great methods to let videos run faster than in real-time. One is doing it directly from your camera, the other is postprocessing them in a suitable software such as Adobe Premiere. Both methods reduce long hours to a mere few minutes or seconds, even, while needing a speedy eye. Yet, nothing falls through the grid that way…



    Read more 
  • Best of GIMP: 40 Professional Tutorials to Level Up your Skills

    The Gimp is where you go, if you don’t go for Photoshop. There is no other free alternative with such a grand feature-set. There is only little that can’t be done using Gimp. The large community behind the project works on getting this little even smaller. Did you know that there are really great tutorials out there, not only to help you get started? In fact, the tutorial scene behind Gimp does not need to hide in any way. We’ve curated the best of the best tutorials in the following article..



    Read more 
  • Homepage Construction Kit: 40 Ready-made Elements for Web Design with Photoshop (+ how to create your own)

    It is quite common to prototype web designs in Adobe Photoshop. Although the final product will consist of large amounts of CSS driven looks, it usually turns out to be faster to use an image-editor for the first drafts. Photoshop still is designer’s first choice in many cases. Using very few basic shapes and forms you are able to creative high-grade user logins, buttons, sliders, video-players or even whole web sites.



    Read more 
  • SEO 2013: 20 Most Important Contributions To Content Marketing Strategies

    WP Tags and SEO

    Google’s Penguin called it quits for some SEOs. Over-optimized websites with unnatural link structures and keyword stuffing got punished. New strategies had to be developed. Content marketing became the next big thing – a strategy I would have thought that was patently obvious. High-grade content, be it articles, videos, podcasts or infographics, proves to be the solution. Content like this needs no unnatural link support, instead builds backlinks automatically – because of the quality of it.



    Read more 
  • Mandatory for Web Developers: Free Video Tutorials on Chrome DevTools by Code School

    codeschool-devtools-01-w550

    Are there web developers who have never heard of Chrome DevTools? I don’t know of one single example. Chrome DevTools are a developer’s friend. Directly implemented into the browser, they deliver tools that are inescapable when it comes to web programming, especially the debugging part of it. Getting started with DevTools is not exactly complicated, but – as always – any help in accomplishing a faster start is greatly appreciated and lowers the inhibition threshold for newcomers. It is exactly such an entrance (and more) that the free video tutorial “Explore and Master Chrome DevTools” offers you.



    Read more 
  • Photoshop Etiquette: Basic Knowhow for Designing The Web Using Photoshop

    photoshop-etiquette-homepage

    Adobe’s Photoshop still is the market’s most common and most popular choice for professional designers. Besides photography and print design, which Photoshop once got invented for, it is widely used in the designing of websites, too. The last ten years saw the product grow in functionality especially in terms of web design features. A large part of the world’s most successful websites started as a draft in Adobe’s market leader. Photoshop Etiquette is a new and free service, aiming at beginners in web design with Photoshop. It offers the absolute basics and makes for a very good starting point.



    Read more 
  • Code School + Noupe: Claim Your Complete Sass Course for Free

    Recently we teamed up with the nice folks over at Code School to offer you a comprehensive course on how to use Sass effectively. Sass is a CSS preprocessor that makes coding style sheets a whole lot easier and the sheets themselves much more maintainable. “Assembling Sass”, that’s the title of Code School and Noupe’s free offering, explains the basics of how to enter the world of structured CSS in an entertaining, yet profound manner. Even though “Assembling Sass” is definitely worth paying for, Noupe readers can claim lifetime access to this course for free. You have to be quick, though…



    Read more 
  • Ways to embed a Clickable SVG-Logo into Your Website

    Save as SVG with Illustrator

    With the growing number of screen resolutions, devices that support an internet connection (desktop computer, laptops, but also tablets, mobile, TVs, and even your fridge someday), flexibility and scalability has become more and more important for websites. With the new arrival of the Macbook Pro Retina, this went a step further and brought an HiDPI display that was unknown to the market. This means a whole new challenge for web designers who have to find new ways to handle and make images size more flexible to avoid blurry rasterized effects. In this article, we will see how the SVG-format can help us solve this challenge, using an everyday example of a website header with a clickable logo.



    Read more 
  • Get Your Form On: Modern Web Forms Tutorials

    This article is designed to show you (through tutorials) how to create and better understand CSS forms. With a proper understanding of each element (radio buttons, checkboxes, textareas ..), CSS know-how, a little patience and some creativity you can create beautiful and appealing forms.



    Read more 
search form
 
image description image description