Design

20 Code Snippets for Interactive Buttons

October 26th, 2015
by Nataly Birch
0
20 Code Snippets for Interactive Buttons

Can you imagine a website without buttons? I bet you can’t. And it is not surprising since these tiny, mostly rectangular-shaped objects much like navigation or copyright information are one of the fundamental details of any UI. Not only do they make links look more weighty, appealing and pushy, but they also help to increase conversion rates and make user experience handier and more...

Cartoons

Cartoon: I’ll Know it When I See it

October 25th, 2015
by Dieter Petereit
1
iknowitwheniseeit

Spit out that design. Are you a designer or a mouse? The client sure will tell you if he likes it. He’ll know it when he sees it. Don’t you understand that getting a new design is like getting a new lover? You’ll know it when you see her (or him – what the bleep do I know?). I really don’t understand what’s so...

Business Online

SEO Basics: Backlinks – The Good, the Bad, and … [Infographic]

October 24th, 2015
by Andreas Hecht
0
seobasics-backlinks-teaser_EN

If you are currently working on search engine optimisation, you will notice quickly that most people in this business only talk about one thing: the so-called “Link Building”. This, put simply, means that you should try to establish a situation where as many external links as possible point to the website that is supposed to be optimised. Google uses the amount of entering links...

Boilerplates & Other Tools

Facebook’s Design Assistants United Under One Roof

October 23rd, 2015
by Dieter Petereit
0
facebooks-designhelfer-teaser_EN

It’s slowly but constantly becoming a trend that big platforms provide their design tools and other helpers to the community. Twitter has stood out the most lately by making Recess available to the public while Bootstrap is probably their most popular publication to date. Facebook has now expanded their helper tools and united them under one roof. Facebook: Device Mockups, GUI Kit, Origami and...

Inspiration

A Glimpse Into the Windows 10 Upgrade Notification

October 22nd, 2015
by Rey Bango
0
49-windows10-upgradenotification-teaser_EN

There’s been a lot of press lately about the Windows 10 upgrade notification appearing for users of Windows 7, 8 & 8.1. I wanted to publish an article about the experience. Whether your dev box is a Mac or PC or Linux, you can expect that many of your users will be trying Windows 10 and Microsoft Edge – the default browser – out....

Essentials

20 Free Quality Texture Packs for Your Next Project

October 22nd, 2015
by Dirk Metzmacher
0
texturepacks-oct2015-teaser_EN

Adding textures in a pixel editor such as Photoshop or a software such as Cinema 4D cares for that realistic touch to your designs. A diverse plethora of different textures is needed. Think of metal, stone, wood or just about any other structure there is. We have put together a large collection of twenty texture packs that add up to a few hundred different...

Plugins

Ten Fresh Free WordPress Plugins in October 2015

October 21st, 2015
by Andreas Hecht
2
free-wordpress-plugins-october-2015-teaser_EN

For friends of WordPress, there is barely anything more important than plugins, which allow them to “drill into” the functions of the content-management-system. This is understandable as it’s so convenient: Quickly install a plugin and the user gains instant access to new features that can either be used in the admin area or provided to the readers in the form of a new service....

Development

Creating an Accessible Breakout Game using Web Audio and SVG

October 20th, 2015
by David Rousset
0
48_accessiblebreakoutgame-teaser_EN

As the co-author of Babylon.js, a WebGL gaming engine, I was always felt a little uneasy listening to folks discuss accessibility best practices at web conferences. The content created with Babylon.js is indeed completely inaccessible to blind people. Making the web accessible to everyone is very important. I’m more convinced than ever about that as I’m personally touched via my own son. And so I wanted to...

Essentials

Free Helpers: Three Note-worthy Panels for Adobe Photoshop

October 20th, 2015
by Dirk Metzmacher
0
panels-photoshop-teaser_EN

Panels are small expansions for Photoshop. They are able to do more than actions but are lesser in functionality than full-fledged plug-ins. We are going to introduce you to three of these topical add-ons. With these youwill be able to create guides and grids and an interactive luminosity mask and transform chosen layer contents evenly, all that in an easy way. That way you...

(Free) Services

Unsplash.it: Use Placeholder Photos From Unsplash.com

October 19th, 2015
by Denis Potschien
0
unsplashit-teaser_EN

Unless you have been living under a stone for the last year or two, you’ll certainly know that you can find ten new freely usable photos on Unsplash.com every ten days. Now, the additional service Unsplash.it gives you the possibility to use these pictures as wildcards in web projects. This can be achieved in a convenient and simple way. The resolution of said wildcard...

Cartoons

Cartoon: The Perfect Web Designer

October 18th, 2015
by Dieter Petereit
0
perfect_webdesigner

Are you a professional designer or developer? I know a more professional one than you will ever be able to become. This guy has literally been born to build the web. He needs not even think about it. He gets into the flow immediately and does not stop until his work is done. Nine to five? Pah, forget it. He loves to work the...

Development

How to: Circle Marks With Traceit.js and jQuery

October 17th, 2015
by Denis Potschien
2
traceitjs-teaser_EN

In classic whiteboard or flipchart presentations, keywords are often circled to underline their importance. This option of marking can now be transferred to web projects using the jQuery plugin „traceit.js“. Without much effort, chosen HTML elements can be marked with a circle that resembles the hand-drawn circles of whiteboard presentations. „traceit.js“ works especially well with tutorials as the important aspects can be marked very...