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

Design

HTML5: Improving Forms With Autocomplete

October 16th, 2015
by Denis Potschien
3
html-formulare-teaser_EN

To complete form input faster, browsers offer the option of autocompletion. The entries made by the user are saved and suggested when the same or a similar form with the same information is filled in. The problem is, that the variations of certain entries – e.g. a name or a credit card number – prevent the word completion from working properly. The new attribute...

Development

ES6 for Now: Template Strings

October 15th, 2015
by Chris Heilmann
0
es6fornow-teaser_EN

ES6 is the future of JavaScript and it is already here. It is a finished specification, and it brings a lot of features a language requires to stay competitive with the needs of the web of now. Not everything in ES6 is for you and in this little series of posts I will show features that are very handy and already usable. If you look at JavaScript...

Business Online

INK Creates Responsive Email Newsletters That Arrive

October 15th, 2015
by Dirk Metzmacher
1
ink-email-teaser_EN

The first sentence on the website of the provider Ink tells us what their goal is: „Quickly create responsive HTML emails that work on any device and client. Even Outlook.“ With this wink at Microsoft’s challenging child (in terms of the presentation of HTML email), the developers want to make clear that these problems won’t occur when using Ink. Consequently, we have taken a...

Business Online

Canva: Create Online Graphics Easily

October 14th, 2015
by Sven Lennartz
3
Canva1

Not every website operator is a good graphic designer at the same time. Does that mean that they are forced to forgo illustrations and images? No, it doesn’t. Nowadays there is excellent software to solve these problems. There are also other options besides Photoshop. Eight of these programs have been presented by my colleague Andreas Hecht already. Today, I would like to introduce you...

Apps

Designing Web Code in a Native App

October 13th, 2015
by Jeff Burtoft
0
Designing Web Code in a Native App

Over the years, I’ve heard developers say, “you can always tell when it’s a web app,” insinuating that web apps are lacking when compared with native apps.  These same folks will claim that web app performance is poor, and the design is inferior.  Although that might have been true years ago, today’s web fairs much better than the web of yesteryear.  Our runtimes are...

Essentials

20 Free Icon Sets for Immediate (Commercial) Use

October 13th, 2015
by Dieter Petereit
0
teaser-iconsets

Good icons and fonts have a lot of things in common. One being that you can never have enough of either of them. To strengthen your supply of good symbols we have again surfed the web far and wide to find the best and most recent icon sets out there. What we found is not only usable in personal but also commercial projects. We...

(Free) Services

Social Media: Eight Hand-picked Image Tools

October 12th, 2015
by Andreas Hecht
1
socialmedia-imagetools-teaser_EN

In general, images in social media posts help to achieve greater success than plain text posts. Experiments have shown that posts supported by images get a larger amount of clicks, shares and replies. These posts also get marked as favourites more often. Humans are visually oriented and that’s nothing new. This is why I recommend you to add images to your social media posts...