Should I Use JavaScript to Load My Web Fonts?
When they were first introduced, web fonts were primarily a CSS feature, and for many web developers they’ve always loaded them using CSS (and nothing more). But in the last decade, default web font loading behavior in many browsers made CSS-only methods a gamble with our page’s text render, and thoughtful developers switched to safer JavaScript methods. Recently, browser support for new and safer CSS-only strategies have left some developers wondering: are JavaScript methods to load web fonts necessary? Are they useful? Let’s dig in.
webfont  webfonts  webdesign  webdev  webdevelopment  font  Javascript  CSS 
6 weeks ago
Big List of Naughty Strings
The Big List of Naughty Strings is an evolving list of strings which have a high probability of causing issues when used as user-input data. This is intended for use in helping both automated and manual QA testing; useful for whenever your QA engineer walks into a bar.
strings  string  user-input  input  test  xss 
6 weeks ago
Pep up Lubuntu to make it look good and awesome
Lubuntu is one of the most sought after Linux distro for low-resource or old hardware. It is pretty good, in the way, that it can get you the latest, updated software at very low resources. The main down point of Lubuntu, however, is its super-simple UI and feel. If you want a better UX, then read on.
ubuntu  lubuntu  theme 
8 weeks ago
Programming Sucks
Epic rant on how everything in programming is broken beyond repair
rant  internet  code  programming 
11 weeks ago
Jugend – Münchner illustrierte Wochenschrift für Kunst und Leben – digital
Die von Georg Hirth (1841-1916) gegründete und herausgegebene Zeitschrift Jugend erschien 1896 bis 1940 in München im Verlag der Jugend. Als Namensgeberin einer ganzen kunstgewerblichen und literarischen Stilrichtung, dem Jugendstil, ist die Jugend eine der bedeutendsten deutschen Organe für die Kunst und Literatur der Jahrhundertwende.
art  Kunst  Zeitschrift  art-nouveau 
october 2018
Der Orchideengarten : phantastische Blätter
Der Orchideengarten, der in einer Probenummer erstmals 1918 und dann von Januar 1919 bis November 1921 in 51 Heften und 54 Nummern im Dreiländerverlag München erschien, gilt als älteste Fantasy-Zeitschrift der Welt.
Zeitschrift  fantasy  jugendstil  art-nouveau  illustration 
october 2018
The ultimate guide to proper use of animation in UX
Nowadays it’s hard to impress or even surprise with an interface animation. It shows interactions between screens, explains how to use the application or simply directs a user’s attention. While exploring the articles about animation, I found out that almost all of them describe only specific use cases or general facts about animation, but I haven’t come across any article where all rules concerning animation of interfaces would be clearly and practically described. Well, in this article I won’t write anything new, I just want to collect all the main principles & rules in one place, so that other designers who want to start animating interfaces don’t have to search for additional information.
UX  animation 
october 2018
Colormind - the AI powered color palette generator
Generate color combinations in one click. Colormind creates cohesive color schemes using a deep neural net
color  color-generator  palette  generator 
september 2018
Solved with CSS! Logical Styling Based on the Number of Given Elements
An in-depth look into the amazing possibilities of nth-child
august 2018
Getting solid at Git rebase vs. merge
A git merge should only be used for incorporating the entire feature set of branch into another one, in order to preserve a useful, semantically correct history graph. Such a clean graph has significant added value.

All other use cases are better off using rebase in its various incarnations: classical, three-point, interactive or cherry-picking.
git  git-merge  git-rebase  rebase  merge 
july 2018
Die AfD und der Berliner Anschlag „Geplante Provokation“
Der Tabubruch gehört zur Strategie der AfD – so auch nach dem Anschlag in Berlin. Das Reiz-Reaktions-Schema ist immer das gleiche.
july 2018
AfD will "volksfeindliche" Medien und Deutschland "rocken"
Geleakte Chat-Inhalte der AfD in Sachsen-Anhalt zeigen auch die Radikalität der Partei.
AfD  Strategie 
july 2018
[no title]
This site is dedicated to compiling and sharing useful resources for Designers and UI Developers
june 2018
Design Patterns on CodePen
Ideas, inspiration and examples for your own projects.
design  design-pattern  pattern  codepen 
may 2018
Building a production website with Hugo and GulpJS
Hugo is a free and open-source static site generator (SSG) with a beautifully simple setup process, a command line interface and several killer features which I’ll cover in this tutorial. I am going to take you through the entire process of building a production website with Hugo, using GulpJS as an asset pipeline for CSS, JS and images.
hugo  static-site-generator  gulp  build  scss  sass 
may 2018
A Strategy Guide To CSS Custom Properties
CSS Custom Properties (sometimes known as ‘CSS variables’) are now supported in all modern browsers, and people are starting to use them in production. This is great, but they’re different from variables in preprocessors, and I’ve already seen many examples of people using them without considering what advantages they offer.

Custom properties have a huge potential to change how we write and structure CSS and to a lesser extent, how we use JavaScript to interact with UI components. I’m not going to focus on the syntax and how they work (for that I recommend you read “It’s Time To Start Using Custom Properties”). Instead, I want to take a deeper look at strategies for getting the most out of CSS Custom Properties.
css  css-variables  css-custom-properties 
may 2018
CSS Grid — Responsive layouts and components
Let’s make a photo gallery responsive quickly and using very few lines of CSS.
CSS  grid  grid-layout  image-gallery  responsive 
may 2018
The Front-End Checklist
The Front-End Checklist Application is perfect for modern websites and meticulous developers!
checklist  cheatsheet  frontend  resources  html  css  Javascript 
april 2018
Front-End Design Checklist
The Design Checklist for Front-End Developers is an exhaustive list of elements which can help developers to analyse and understand web designs and ensure the quality of their Front-End development.
frontend  design  checklist 
april 2018
Front-End Developer Handbook 2018
This is a guide that anyone could use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it in 2018.
Frontend  Tools  reference 
april 2018
PHP the right way
PHP: The Right Way is an easy-to-read, quick reference for PHP popular coding standards, links to authoritative tutorials around the Web and what the contributors consider to be best practices at the present time.
PHP  programming  bestpractice  best-practice 
april 2018
Collection of CSS snippets
Some time ago I asked on twitter about the favorite CSS snippets people use regularly.
CSS  snippet  snippets  toolbox 
april 2018
High Performance Browser Networking
Performance is a feature. This book provides a hands-on overview of what every web developer needs to know about the various types of networks (WiFi, 3G/4G), transport protocols (UDP, TCP, and TLS), application protocols (HTTP/1.1, HTTP/2), and APIs available in the browser (XHR, WebSocket, WebRTC, and more) to deliver the best—fast, reliable, and resilient—user experience.
book  books  performance 
april 2018
Responsive Images 101, Part 1: Definitions
in-depth series of 10 articles surrounding the topic of responsive images. part 1
images  responsive  Webentwicklung 
march 2018
Compressive Images Revisited
Compressive images is a technique to provide large low quality JPEGs in order to save bandwidth. This was developed in 2012. Is this technique still of use nowadays?
image  images  jpeg  compression  compressive-images  filamentgroup  bandwidth 
march 2018
What no one told you about z-index
Deep dive into the stacking of HTML elements
CSS  z-index 
march 2018
30 Seconds of CSS
A curated collection of useful CSS snippets you can understand in 30 seconds or less.
CSS  snippet 
march 2018
Mastering the :nth-child | CSS3 pseudo classes and :nth-child ranges
Concise examples what to achieve with the nth-child CSS selector
CSS  nth-child 
february 2018
[no title]
Star Trek Ship schematics
star-trek  enterprise 
april 2017
« earlier      
accessibility adb advertising ai ajax amazon-glacier android animation aria art artificial-intelligence audio background background-image backup barrierefreiheit bash best-practice bestpractice bilder blog book books bootstrap browser bug button buttons bücher calendersync_server center centering cheatsheet checklist chrome chromecast chromecast-audio clear clearfix code coding color colors comic commandline comparison compatibility compression copy crossbrowser css css3 deep-dream design developer development dhcp dns documentation download drupal e-mail ebook ebooks eclipse editor email encryption events explorer favicon feedly firefox flattr_podcasts flex flexbox float font fonts for form forms foundation framework free frontend fun gap generator gimp git glacier google google_reader_alternativen graphics grid grid-layout guide guidelines helpers history homepage_builder howto html html5 http icon icons ie ie6 ie7 ie8 ifttt image images internet java javascript jquery js keyboard kindle konkurrenz later layout library linux magento mail marketing markt.de marvel material material-design microsoft mobile modular music neural-network newsletter optimization passphrase passwords pattern patterns performance photo photography pinboard poster privacy programming pulseaudio rant raspberry rasperry-pi read reading-list recently reference references regex regular_expressions rendering resources responsive ressourcen saved schleckermaul security semantic sendevent shell silverlight simulate slider_plugins snippet specs standards star-trek stream streaming style styleguide sublime sublime-text svg swipe synology t-shirts templates test testing testsuite text theme themes theming thinkpad tips tool tools touch trauer tutorial type typography ubuntu ui unicode url usability ux vector vertical vertical-align video virtual virtualbox vorbilder_wohnkiez w3c web webdesign webdev webdevelopment webentwicklung webfont webfonts windows wm z-index z-index-bug

Copy this bookmark: