Aufgespießt – Code and Design

My personal What-I-want-to-find-again Blog. About UI-Design and Webtools.

[aufgespiesst]

Typography shortcut on Mac Keyboard.

[ux-studio]

Difference between what designers & normal people see. #typography #designhumor

[weed-and-poetry]

[insidehtml5]

CSS Grid — Responsive layouts and components – Deemaze Writing Wall – Medium

Let’s make a photo gallery responsive quickly and using very few lines of CSS.

[aufgespiesst]

Grid Garden

learn the new css grid to use.

[aufgespiesst]

Character Entity Reference Chart for HTML ○ ▽ ▭

Ľ ¡ ŋ ⋉ →

[animationtidbits]

One Small Step - Official Trailer

[ux-studio]

10 commandments of design.

[aufgespiesst]

A visual guide to all CSS features

New, css grid guide https://cssreference.io/css-grid/

[aufgespiesst]

Crappy User Interfaces

critics on popular service and product interfaces. video 8 min

[aufgespiesst]

Sketch artboards animate in After Effects. https://github.com/bigxixi/Sketch2AE Or Animate direct in Sketch https://timeline.animaapp.com/#

[identity-of-design]

[nae-design]

Hula Estudio designed the packaging for a fruity craft beer. 

[insidehtml5]

Parallax scrolling with CSS variables | basicScroll

Standalone parallax scrolling for mobile and desktop with CSS variables.

[insidehtml5]

Handlebars in UI Design – UX Collective

A new kind of element which has risen in UI design

[aufgespiesst]

google-webfonts-helper

Get eot, ttf, svg, woff and woff2 files + CSS snippets

Link

This tool is good to downloade google fonts on your local project for times without internet.

[insidehtml5]

Stunning hover effects with CSS variables – Prototypr

Build awesome, interactive hover effects with just 9 lines of code and two CSS variables.

[aufgespiesst]

JavaScript Event KeyCodes

http://keycode.info/