Luxury Hotel // kostenloses HTML template

Luxury Hotel // kostenloses HTML template

LuxuryHotel ist ein kostenloses HTML & CSS Website Template mit zahlreichen innovativen Features und einem klaren, minimalistischem Design. Die Website Vorlage kann sicherlich nicht nur für Hotel Websites verwendet werden. Live Demo gibt’s hier, Download direkt bei Untree.

React Tutorial // The easiest way to learn React

Auf react-tutorial.app könnt ihr live und interaktiv React erlernen indem ihr eine Online Shop App erstellt. Alles was ihr dazu benötigt ist ein kostenloser Git-Account. Und falls euch noch das nötige JavaScript Knowhow fehlt, kann man das hier auch nachholen: https://learnjavascript.online Learn modern React from scratch, and practice in an intuitive environment. Throughout this course, you will build an online supermarket shopping app with Stripe integration. Weitere Themen die der Kurs beinhaltet: React.createElement JSX Advanced JSX ReactDOM React Elements React Components Functional Components Props State Hooks Destructuring UI Kit UI Library DOM Events Custom Events Lifting state Using APIs Immutability Error Boundaries Accessibility Folder structure Create React App Virtual DOM Context Provider React Dev Tools React Router Forms Class Components Composition Inheritance  

Buttsss: A Case Study

Pablo Stanley ist ein Designer bei InVision, gibt Design Workshops und macht Tutorials und auch sonst ganz viele kreative Dinge. Mit „Buttsss: A Case Study“ führt er uns durch den Prozess hinter seinem Projekt „Buttsss„. The process behind this comprehensive collection of versatile, fully responsive butt animations I’m excited to share with you the design process behind Buttsss, the most daring collection of round and beautiful butt illustrations in the universe. You can use these graphics in your pitch deck, product screens, marketing campaigns, business presentations, and motivational speeches. With butt prototypes, we tested how the round shapes looked in the interface at high fidelity. We shook, squeezed, and massaged every line of code and pixel until the butts were in the right position. Aber Pablo kann auch seriös! Der Talk „The Faker You Are, the More Successful You Can Be“ gehört wohl zum Besten was ich zu der ganzen UI/UX Community gehört habe. Lässt sich aber auch auf ganz viele andere Berufe herunterbrechen. Mehr von Pablo Stanley:  CEO http://buttsss.com Twitter https://twitter.com/pablostanley Doodler http://instagram.com/pablostanley Designer @invisionapp Illustrator http://humaaans.com Maker http://opendoodles.com Teammate http://latinxswho.design

The Geocities Gallery // Website of the day

Die Geocities Gallery ist ein Archiv von alten Geocities Websites. Oh the memories… Webdesign like it’s 1999 A restored visual gallery of the archived Geocities sites, sorted by neighborhood. Passend dazu und immer noch gerne verwendet: „Geocities-izer – Make Any Webpage Look Like It Was Made By A 13 Year-Old In 1996“  

IsoCity // An isometric city builder in JavaScript

Ein nettes, kleines City Builder JavaScript Experiment von Victor Ribeiro. Hier geht’s direkt zur Live Version: https://victorribeiro.com/isocity Github: https://github.com/victorqribeiro/isocity A simple JavaScript city builder with no simulation at all. No budget, no goals. Just build your tiny city. This would work on a phone, but it wasn’t designed with phones in mind.

Stream // Social rhythm patterns, that race to the bottom.

https://www.leanderherzog.ch/stream/

Building Beautiful UIs // Adobe XD Tutorial

Building Beautiful UIs ist ein kostenloser Online-Kurs von Christopher Murphy, der einem auf Basis von Adobe XD (gibt’s kostenlos als Download) die fundamentalen Prinzipien von User Interface Design näher bringt. Passend zur Lektüre gibt’s digitale Extras wie XD Dateien und UI Patterns oben drauf. Aktuell sind die ersten drei von insgesamt neun Kapiteln online: Designing Interfaces, The Building Blocks of Interfaces und Information Architecture.

Isometric // kostenlose isometrische Illustrationen

Isometric ist ein Projekt von Sergei Tikhonov in dem er kostenlose, isometrische SVG Illustrationen anbietet. Die Auswahl ist bisher relativ überschaubar, aber da ist sicher die eine oder andere Illustration dabei, die perfekt geeignet ist für das nächste Website- oder App-Projekt.

Material Icons Library // kostenloses Iconset mit 1000+ Icons

Material Icons Library ist sein Set von 1000+ kostenlosen Icons in 16 unterschiedlichen Kategorien in den Styles Rounded, Outlined und Two Tone. Kompatibel mit Sketch App, Figma, SVG, Invision Studio, Adobe XD & Photoshop. We have created and combined a fairly large set of icons which are taken from Material Design and separated them into different style categories. This set of icons are made for popular graphic tools and is very convenient to use when creating your project.

404 Illustrations // kostenlose Grafiken für Fehlerseiten

Das Team von Kapwing bietet mit 404 Illustrations eine Reihe von kostenlosen Grafiken für Website Fehlerseiten an. Kann man sicherlich mal für ein Projekt gebrauchen und ist definitiv etwas benutzerfreundlicher als die Standard 404 Meldungen. Die komplette Sammlung gibt’s auch als Direktdownload.