#^Selenium 3.0: Out Now!

We are very pleased to announce the release of Selenium 3.0. If you’ve been waiting for a stable release since 2.53.1, now’s your chance to update. And if you do, here is what you’ll find:

As we’ve said before, for users of the WebDriver APIs this is a drop-in replacement. You’ll find that modern browsers, such as Chrome and Edge will continue to work just as before, and we’ve taken the opportunity to fix some bugs and improve stability. Selenium Grid users may require updates to their configuration as the json config file format has been updated, as have some of command line parameter options, but the upgrade should also be smooth.

The major change in Selenium 3.0 is we’re removing the original Selenium Core implementation and replacing it with one backed by WebDriver. This will affect all users of the Selenium RC APIs. For more information, please see the previous post.

A great talk about the web, UX, resillience...

#^Jeremy Keith - Resilience

Web browsers have become so powerful that developers are now treating them as if they were a runtime environment as predictable as any other. But the truth is that we still need to deal with many unknown factors that torpedo our assumptions. The web is where Postel’s Law meets Murphy’s Law, so we can’t treat web development as if it were just another flavour of software. Instead we must work with the grain of the web.

#^The target="_blank" vulnerability by example

If you use the target="_blank" attribute on a link, and do not accompany it with a rel="noopener" attribute, you are leaving your users open to a very simple phishing attack.

#^About rel=noopener

Imagine the following is user-generated content on your website: Clicking the above link opens malicious.html in a new tab (using target=_blank). By itself, that’s not very exciting.
However, the malicious.html document in this new tab has a window.opener which points to the window of the HTML document you’re viewing right now, i.e. index.html. This means that once the user clicks the link, malicious.html has full control over this document’s window object!
Note that this also works when index.html and malicious.html are on different origins — window.opener.location is accessible across origins!

#^Dark Patterns - User Interfaces Designed to Trick People

A Dark Pattern is a user interface that has been carefully crafted to trick users into doing things, such as buying insurance with their purchase or signing up for recurring bills.
Normally when you think of “bad design”, you think of the creator as being sloppy or lazy but with no ill intent. This type of bad design is known as a “UI anti-pattern”. Dark Patterns are different – they are not mistakes, they are carefully crafted with a solid understanding of human psychology, and they do not have the user’s interests in mind. We as designers, founders, UX & UI professionals and creators need to take a stance against Dark Patterns.

Die Top 3 Fragen zum Burger-Menü

Das Burger-Menü ist zwar auf Smartphones weitestgehend gelernt, verschlechtert jedoch meist das Engagement von Apps und Webseiten. Die Usability ist bei einer versteckten Navigation, wie dem Burger-Menü, nicht das Hauptproblem. Vielmehr können Nutzer nicht auf den ersten Blick sehen, zu welchen Seitenbereichen sie navigieren können. Dadurch werden sie weniger dazu animiert sich auf der Seite zu bewegen und halten sich oftmals für kürzere Zeit auf der Seite auf.

#UX

Permissions API

Many of the functionalities that we're translated from mobile to the web require permission from the user.  Think about geolocation, audio/video access (think getUserMedia for camera access), and likewise APIs.  We can probably all agree that requiring permission for access to these APIs is a good thing, but I see a problem:  there's sometimes no way to access each APIs permission level without triggering a request to the user to get that information.  Obtrusive to say the least!

// Get the geolocation status (starts out as "prompt")
// ... meaning the user will be shown an access request if we want it
navigator.permissions.query({ name: 'geolocation' }).then(function(result) {
    /* result.status = "prompt" */
});

// Request geolocation access if we really want it
navigator.geolocation.getCurrentPosition(function(result) { /* ... */  })

// Assuming the user requested access, the permission is now "granted"
navigator.permissions.query({ name: 'geolocation' }).then(function(result) {
    /* result.status = "granted" */
});

// Push notifications require options:
navigator.permissions.query({ name: 'push', userVisibleOnly:true }).then(function(result) { /* ... */ });

nice!

#^microlight.js (2.2k)

Highlights code in any programming language

Unlike other code-highlighting solutions, microlight.js does not keep a set of rules for most languages. Instead it uses a general highlighting strategy providing a reasonable highlight for most of programming languages.

Na endlich...
#^Das Support-Ende für alte Internet-Explorer-Versionen ist da

Ab heute gibt es keine Sicherheitsupdates für ältere IE-Versionen mehr. Wen betrifft das und was muss man jetzt tun? Microsoft gibt Hilfestellung.

#^Accelerated Mobile Pages Project

The Accelerated Mobile Pages (AMP) Project is an open source initiative that makes it easy for publishers to create mobile-friendly content once and have it load instantly everywhere. – Accelerated Mobile Pages Project

I like the results you get with this framework, but the way you get there makes me sick.

#^Hva?

NRKbeta er NRKs sandkasse for teknologi og nye medier. Vi skriver om internett og ny teknologi med fokus på deg som bruker og på det som vi i NRK gjør i den forbindelse. Vi kaller det sandkasse fordi vi ønsker å teste ut ting, være nysgjerrige og finne ut av hvordan ting endrer seg. Og ha med deg som bruker på veien.

#^Material Design

The Angular Material project is an implementation of Material Design in Angular.js. This project provides a set of reusable, well-tested, and accessible UI components based on the Material Design system.

The Angular Material project is an implementation of Material Design in Angular.js. This project provides a set of reusable, well-tested, and accessible UI components based on the Material Design system.

Quite good and comprehensive guide and introduction to HTML & CSS.

#^Learn to Code HTML & CSS

Learn to Code HTML & CSS is written by designer & front-end developer Shay Howe. Checkout Learn to Code Advanced HTML & CSS for a deeper look at front-end design & development. Learn to Code HTML & CSS is a simple and comprehensive guide dedicated to helping beginners learn HTML and CSS. Outlining the fundamentals, this guide works through all comm...

#^Learn to Code Advanced HTML & CSS

Learn to Code Advanced HTML & CSS is written by designer & front-end developer Shay Howe. Checkout Learn to Code HTML & CSS for a beginner’s guide front-end design & development. Learn to Code Advanced HTML & CSS takes a deeper look at front-end design and development, expanding on what is covered in the beginner’s guide. Studying modern front-...

#^How to Create Screenshots in Firefox

Using the screenshot command within the Developer Toolbar of Firefox creates screenshots of the current page.

screenshot screenshot.png --fullpage and two more extensions can be uninstalled.

For a shop relaunch with new name and new design we will use Joyride and it is really neat.

#^Foundation: The Most Advanced Responsive Front-end Framework from ZURB

Foundation from ZURB is the most advanced responsive front-end framework in the world.

#^Onload in Onload | High Performance Web Sites

I asked several web devs what happens if an onload handler adds another onload handler. Does the second onload handler execute? The onload event has already fired, so it might be too late for the second onload to get triggered. On the other hand, the onload phase isn’t over (we’re between loadEventStart and loadEventEnd in Navigation Timing ter...

One parallax site with 32MB transfer volume!!! #fail

#^GREENS 2014

Die Krisen, in denen sich Europa befindet - wirtschaftliche, soziale, ökologische, demokratische - erfordern Maßnahmen in allen...

If I open Firefox developer tools with traffic analyser it even crashes the graphics driver.

Such tools are nice for one page, but never got usable results for a whole website. #CSS

#^giakki/uncss

uncss - Remove unused styles from CSS

This is a nice game! #CSS

#^CSS Diner - Where we feast on CSS Selectors!

You're about to learn CSS Selectors! Selectors are how you pick which element to apply styles to. Here, the "p" is the selector (selects all elements) and applies the margin-bottom style. To play, type in a CSS selector in the editor below to select the correct items on the table. If you get it right, you'll advance to the next level. Hover ove...

I am shocked... this is their mobile and accessible homepage?!? This should have had it's EOL like the TYPO3 version they are still using over 3 years ago! #fail

#^Stiftung Haus der Geschichte der Bundesrepublik Deutschland: Bonn

Zeitgeschichte von 1945 bis heute. Umfangreiche Dauerausstellung, aktuelle Wechselausstellungen, vielfältige Veranstaltungen und umfangreiche Sammlungen.