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.

Blob Opera by David Li // Google Arts & Culture

Blob Opera ist ein AI Experiment von David Li für Google Arts & Culture. Die vier Blobs lassen sich dabei auch ohne Musikkenntnissen steuern um Bass, Tenor, Mezzo-Soprano und Soprano zu singen. Eure Kunstwerke lassen sich dabei aufnehmen und teilen – und für ein bisschen Weihnachtsstimmung gibt’s noch den Tannenbaum-Switch oben drauf! Create your own opera inspired song with Blob Opera – no music skills required ! A machine learning experiment by David Li in collaboration with Google Arts & Culture This experiment pays tribute to and explores the original musical instrument: the voice. Play four opera voices in real time. No singing skills required! We developed a machine learning model trained on the voices of four opera singers in order to create an engaging experiment for everyone, regardless of musical skills. Tenor, Christian Joel, bass Frederick Tong, mezzo‑soprano Joanna Gamble and soprano Olivia Doutney recorded 16 hours of singing. In the experiment you don’t hear their voices, but the machine learning model’s understanding of what opera singing sounds like, based on what it learnt from them.

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.