UX Engineering

22 bookmarks
Custom sorting
Flexbox Froggy
Flexbox Froggy
A game for learning CSS flexbox
·flexboxfroggy.com·
Flexbox Froggy
Front End Resources
Front End Resources
Organized resources about front end development.
·enboard.co·
Front End Resources
GitExplorer
GitExplorer
GitExplorer: Find the right git commands you need without digging through the web
·gitexplorer.com·
GitExplorer
CSS: From Zero to Hero
CSS: From Zero to Hero
CSS defines the way things look on your websites. HTML is your content, JavaScript adds interaction,...
·dev.to·
CSS: From Zero to Hero
Scratch - Imagine, Program, Share
Scratch - Imagine, Program, Share
Scratch is a free programming language and online community where you can create your own interactive stories, games, and animations.
·scratch.mit.edu·
Scratch - Imagine, Program, Share
Flex Cheatsheet
Flex Cheatsheet
Demos for W3C CSS Flexbox Specification http://www.w3.org/TR/css-flexbox-1/
·yoksel.github.io·
Flex Cheatsheet
30+ Useful Pure CSS Code Snippets - 1stWebDesigner
30+ Useful Pure CSS Code Snippets - 1stWebDesigner
We’ve rounded up a collection of useful pure CSS code snippets for elements that are commonly used when designing and developing a website.
·1stwebdesigner.com·
30+ Useful Pure CSS Code Snippets - 1stWebDesigner
Learning Web Design, 5th Edition
Learning Web Design, 5th Edition
Do you want to build web pages but have no prior experience? This friendly guide is the perfect place to start. You’ll begin at square one, learning how the web … - Selection from Learning Web Design, 5th Edition [Book]
·oreilly.com·
Learning Web Design, 5th Edition
Meta Tags — Preview, Edit and Generate
Meta Tags — Preview, Edit and Generate
With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!
·metatags.io·
Meta Tags — Preview, Edit and Generate
Submarine Cable Map
Submarine Cable Map
TeleGeography's comprehensive and regularly updated interactive map of the world's major submarine cable systems and landing stations.
·submarinecablemap.com·
Submarine Cable Map
Mimo: Learn to Code
Mimo: Learn to Code
Mimo is a platform that teaches programming, HTML, CSS, JavaScript, Swift, and more through gamified and interactive lessons on the go.
·getmimo.com·
Mimo: Learn to Code
Design+Code - Learn to design and code React and Swift apps
Design+Code - Learn to design and code React and Swift apps
Learn design and code by building real apps with React and Swift. Complete courses about UI design, web and iOS development using Figma, CSS, React Hooks and SwiftUI.
·designcode.io·
Design+Code - Learn to design and code React and Swift apps
The unreasonable effectiveness of simple HTML – Terence Eden’s Blog
The unreasonable effectiveness of simple HTML – Terence Eden’s Blog
I’ve told this story at conferences – but due to the general situation I thought I’d retell it here. A few years ago I was doing policy research in a housing benefits office in Lo…
·shkspr.mobi·
The unreasonable effectiveness of simple HTML – Terence Eden’s Blog
A guide to CSS units — pt. 1: look at these absolute units!
A guide to CSS units — pt. 1: look at these absolute units!
Four part series on units in CSS, where we dive into each available unit, explain the relationship between them and try to find out when to use which. We will talk about accessibility, best practices for developer teams and the history of sizing stuff on screens (and in print). This first part will present a general primer on the topic of size units, teach you everything you need to know about pixels and prepare you for the rabbit hole we are about to go down.
·peerigon.com·
A guide to CSS units — pt. 1: look at these absolute units!