Klaus

3-Faltigkeit

 Tue, 10 Oct 2017 15:18:24 +0200 
#^Zahlen, bitte! Die 3-Faltigkeit der Cascading Style Sheets
Image/photo

Der Siegeszug der Cascading Style Sheets für Webseiten begann vor 23 Jahren. Heute ist CSS aus dem Web nicht mehr wegzudenken. Wie CSS entstand und was die Zahl 3 für eine Rolle spielt:
Heute vor 23 Jahren stellte der norwegische Computerwissenschaftler Håkon Wium Lie, ein Kollege des HTML-Erfinders Tim Berners-Lee, den ersten Entwurf einer Sprache namens "Cascading HTML Style Sheets" vor. Das "HTML" fiel – ebenso wie einige der kühneren Ideen des Konzepts – bald weg, und als "CSS" eroberte die Sprache bald die Bildschirme der Welt.
Klaus

under pressure

 Fri, 04 Aug 2017 19:01:05 +0200 
Technically interesting website.
The stories are a bit strange, but the results at the end are quite interesting.

#^Climate under pressure - Home
Image/photo

An interactive documentary experience giving you control over the climate stories and destinies of 6 individuals around the world.
Klaus

background-clip:text

 Wed, 02 Aug 2017 23:04:19 +0200 
I really like the experimental background-clip:text;. Such a nice effect!

#^background-clip
The background-clip CSS property specifies whether an element's background, whether a color or an image, extends underneath its border.
Klaus

inclusive design

 Wed, 02 Aug 2017 13:32:47 +0200 
#^Inclusive Components
A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece.

What is inclusive-components.design?
A blog trying to be a pattern library, with a focus on inclusive design. Each post explores a common interface component and comes up with a better, more robust and accessible version of it.

Why?
Because the web is full of interfaces which don't consider the diversity of abilities, circumstances, and preferences of their users.

What do you mean by component?
A module, a part of your interface, an entry in your pattern library. A bit of what you make as a designer and developer.
Klaus

CSS Grid Layout Module

 Mon, 03 Apr 2017 00:54:55 +0200 
Falls jemand einen Grund sucht sich die iX zu kaufen. ;-)

#^Hinter Gittern
Seit den Frühzeiten des Web wollen Designer Elemente in Zeilen und Spalten positionieren. Bis vor Kurzem mussten sie dafür Umwege über Tabellen oder umfließende Inhalte gehen. Mit neuen CSS-Attributen können sie gitterartige Layouts komfortabel aufbauen.
Klaus

Danaergeschenk

 Fri, 17 Mar 2017 13:27:25 +0100 
Schon ziemlich krank dieses AMP und was mit den ganzen Erweiterungen dafür noch geplant ist. Obwohl ich auch leider aus eigener Erfahrung feststellen muss, dass es doch einen ziemlichen Unterschied macht, ob man 1-2 Minuten wartet bis man etwas lesen kann, oder 5-10 Sekunden. :-/ Obwohl ich mit meinem Internetzugang auch eher die Ausnahme bin, als Googles eigentliche Absicht die sie damit bezwecken.

#^Kommentar zu Google AMP: Der goldene Käfig
Image/photo

AMP macht Websites schneller – aber es verstärkt zugleich die Abhängigkeit von Google in gefährlichem Maß, findet Herbert Braun.
Klaus

Thou Shalt Not Depend on Me

 Mon, 13 Mar 2017 13:12:14 +0100 
#^Thou Shalt Not Depend on Me: Analysing the Use of Outdated JavaScript Libraries on the Web
Web developers routinely rely on third-party JavaScript libraries such as jQuery to enhance the functionality of their sites. However, if not  properly maintained, such dependencies can create attack vectors allowing a site to be compromised.

In this paper, we conduct the first comprehensive study of client-side JavaScript library usage and the resulting security implications across the Web. Using data from over 133k websites, we show  that 37% of them include at least one library with a known vulnerability; the time lag behind the newest release of a library is measured in the order of years. In order to better understand why websites use so many vulnerable or outdated libraries, we track causal inclusion relationships and quantify different scenarios. We observe sites including libraries in ad hoc and often transitive ways, which can lead to different versions of the same library being loaded into the same document at the same time. Furthermore, we find that libraries included transitively, or via ad and tracking code, are more likely to be vulnerable. This demonstrates that not only website administrators, but also the dynamic architecture and developers of third-party services are to blame for the Web’s poor state of library management.

The results of our work underline the need for more thorough approaches to dependency management, code maintenance and third-party code inclusion on the Web.
Klaus

Brutalist

 Wed, 08 Mar 2017 22:10:19 +0100 
Damn, if I have to choose between flat design and brutalist I would choose the latter one.

#^Brutalist Framework
Image/photo
A simple framework for the brutalist web design trend.
Klaus

Task Times

 Fri, 03 Mar 2017 16:05:21 +0100 
Measuring Task Times without Users
A key aspect of usability is efficiency. Users should be able to complete tasks quickly.

Efficiency is usually measured as time on task, one of the quintessential usability metrics.

For transactional tasks done repeatedly, shaving a couple seconds off a time can mean saving minutes per day and hours per week for users (think Accounting, Contact Management and Order Entry).

It can also mean saving all of us a lot of time (how many web-forms do you fill out a day?).
Klaus

TYPO3 v8.5

 Wed, 21 Dec 2016 10:39:11 +0100 
The new forms framework makes a great impression. Not so sure about the new RTE (CKEditor). No question the old one (htmlArea) was a beast and terrible to configure, but when you once had a right configuration, it was very powerful. We will see how much effort it will be to customize the new editor.

#^TYPO3 v8.5 released
Christmas came early this year - TYPO3 v8.5 has been released just now, including some very exciting and promising changes. This so-called sprint release is one further step towards TYPO3 8 LTS, scheduled to be published in April 2017.
Klaus
 Fri, 09 Dec 2016 15:13:04 +0100 
#^HTML5 Mega-Spickzettel
Unten finden Sie eine komplette Liste mit allen HTML5 Tags / Elementen inklusive Beschreibung wofür sie verwendet werden

#CheatSheet
Klaus

EXT:mask

 Mon, 05 Dec 2016 16:56:07 +0100 
Custom Content Elements made easy – EXT:mask
„Mask“ is a TYPO3 extension which makes it really easy to create custom content elements and enrich backend layouts. This post is about the motivation, the howto and the differences to other “templating“ solutions. I am convinced that this extension will solve most of your requirements for individual content elements.
Klaus

Nagios check with PhantomJS

 Tue, 29 Nov 2016 17:47:18 +0100 
#^hggh/phantomjs-nagios
phantomjs-nagios - Nagios check with PhantomJS. Render an complete Webpage headless and test load time with nagios

Icinga performance data
    load_time: load time of complete website in ms
    size: complete size of all downloaded files in byte
    requests: count of files (css,js,html,...)
    dom_elements: count of all DOM elements on the site
    load_time_initial_req: the load time of the first request
Klaus

Misrepresentation?

 Fri, 25 Nov 2016 19:18:31 +0100 
I saw today screenshots of a website with annotations made by Google AdWords Support Team how to change a website to confirm with their advertising policies. Companies who rely on AdWords and Google traffic are really fucked. You change your site to their will or you are out.
Feels a bit like Amazon. When the products you sell on Amazon platform get a bit too successful Amazon claims the product for themselves and denies every other company to sell it on their platform.
So much power and no one who controls it. #don't be evil unless it is profitable :rofl

#^Misrepresentation - Advertising Policies Help
We don't want users to feel misled by ads that we deliver, and that means being upfront, honest, and providing them with the information that they need to make informed decisions. For this reason, we don't allow the following:
* promotions that prompt users to initiate a purchase, download, or other commitment without first providing all relevant information and obtaining the user's explicit consent
* promotions that represent you, your products, or your services in a way that is not accurate, realistic, and truthful
Below are some examples of what to avoid in your ads.
Klaus

Mozilla HTTP Observatory

 Fri, 18 Nov 2016 15:25:04 +0100 
#^mozilla/http-observatory - HTTP Observatory
The Mozilla HTTP Observatory is a set of tools to analyze your website and inform you if you are utilizing the many available methods to secure it.

All websites start with a baseline score of 100, and then receive penalties or bonuses from there. Although the minimum score is 0, there is no maximum score. Currently, the highest possible score in the HTTP Observatory is 135.

Note that although both the letter grade ranges and modifiers are essentially arbitrary, they are based on feedback from industry professionals on how important passing or failing a given test is likely to be.
Klaus

Granim.js

 Wed, 16 Nov 2016 14:44:34 +0100 
#^Granim.js
Image/photo

Create fluid and interactive gradients animations with this small (< 10kB) .js library
Klaus

HTTP Client Hints

 Wed, 16 Nov 2016 12:17:59 +0100 
A very interesting draft.

#^HTTP Client Hints
An increasing diversity of Web-connected devices and software capabilities has created a need to deliver optimized content for each device.This specification defines a set of HTTP request header fields, colloquially known as Client Hints, to address this. They are intended to be used as input to proactive content negotiation; just as the Accept header field allows clients to indicate what formats they prefer, Client Hints allow clients to indicate a list of device and agent specific preferences.
Klaus

Bye AppCache

 Wed, 02 Nov 2016 17:44:16 +0100 
#^Using Service Workers
One overriding problem that web users have suffered with for years is loss of connectivity. The best web app in the world will provide a terrible user experience if you can’t download it. There have been various attempts to create technologies to solve this problem, as our Offline page shows, and some of the issues have been solved. But the overriding problem is that there still isn’t a good overall control mechanism for asset caching and custom network requests. The previous attempt — AppCache — seemed to be a good idea because it allowed you to specify assets to cache really easily. However, it made many assumptions about what you were trying to do and then broke horribly when your app didn’t follow those assumptions exactly. Read Jake Archibald's Application Cache is a Douchebag for more details.
Klaus

PWA

 Mon, 17 Oct 2016 20:11:17 +0200 
#^Chris Wilson - Progressive Web Apps is the new Ajax.
Image/photo
This is a transformative moment for the web. The revolution that is happening now is no less revolutionary than what happened a decade ago with Ajax - we can finally build reliable, fast and engaging apps on web technologies. In this talk, I'll dive into the what, why and how of Progressive Web Apps - describe what a "Progressive Web App" really is, show the opportunities in building them, and point you on your way to becoming a Progressive Web App developer.
Klaus

Selenium 3.0

 Fri, 14 Oct 2016 15:44:42 +0200 
#^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.