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

Cartoons

Cartoon: Fit in Typography?

October 9th, 2015
by Dieter Petereit
1
klar_2noupe

Are you a professional designer or developer? If you are I am sure you got your dander up more than once on these people poaching on your stamping ground while not even having a hunting license. I know that I do frequently. When I see what some “professionals” call professional tears roll from my eyes. The “professional” in today’s cartoon seems to think that...

Development

Vorlon.js: Focus on DOM Explorer

October 8th, 2015
by David Catuhe
1
45_vorlonjs-teaser_EN

In April 2015, our team of engineers and tech evangelists at Microsoft released vorlon.js—an open source, extensible, platform-agnostic tool for remotely debugging and testing your JavaScript. This article is the first in a series that will take a detailed look at one specific feature, starting with one of the biggest: the DOM Explorer. Overview If you’re not familiar with vorlon.js, I recommend first reading...

Business Online

Five Reasons Why Video on Websites is a Good Idea

October 7th, 2015
by Dieter Petereit
4
Five Reasons Why Video on Websites is a Good Idea

An image is worth a thousand words. This is even truer when it comes to moving pictures. Written content in many cases is not sufficient to gain attention in the world wide web. Videos have become a matter of course and people no longer only share them on YouTube but also on social networks such as Facebook. Have you ever thought about using video...

Design

5 Ways to Make Your Site Rock on the Modern Web (…and Microsoft Edge too)

October 6th, 2015
by Martin Beeby
8
44_fivewaystorock-teaser_EN

Edge is Microsoft’s new web browser sporting a new rendering engine – EdgeHTML – and an underlying OS to boot in Windows 10. Since upgrades from Windows 7, 8 and 8.1 will be free for most, you can expect a huge influx of Edge users hitting sites in the coming months. Edge is a departure from the past, actually to complete rewrite from past...