Text in your app should complement your visual UI: simple, concise, direct, and efficient. It should be understandable by anyone, anywhere, regardless of their culture or language. Great list with small but very effective tips 🙂 Effective Writing For Your UI: Things to Avoid →
Category Archives: Elsewhere
Laphs: Apple Live Photos on the Web
From the folks over at Tumblr: Add support for Apple’s Live Photos in web browsers. Install it using npm, or include the dist file: npm install –save laphs You can make Laphs work with existing elements: <img src="STILL-PHOTO.jpg" data-live-photo="LIVE-PHOTO.mov" data-live-photo-still-image-time="1.71"/> <script>LivePhotos.initialize();</script> Or, alternatively, directly create new instances: const livePhoto = new LivePhotos.LivePhoto(el, options); Laphs: Live …
Hype Driven Development
Software development teams often make decisions about software architecture or technological stack based on inaccurate opinions, social media, and in general on what is considered to be “hot”, rather than solid research and any serious consideration of expected impact on their projects. I call this trend Hype Driven Development, perceive it harmful and advocate for …
Keynote Extractor
Great tool by the folks at Mono. Just a drag a presention made in Keynote on the app and it’ll generate a neat HTML output containing both your slides and presenter notes. We thought the default HTML export in Keynote didn’t fit our needs. Extract your slides alongside your notes using our super easy drag …
From Pages to Patterns
Video of Charlotte Jackson’s talk at Beyond Tellerrand on how to adopt pattern thinking to developing a pattern library/styleguide: This talk will look at how we can help everyone in the team adopt pattern thinking. This includes anyone with a decision to make—not just designers and developers. The whole team can start developing a shared …
Come Together
10 principles for smooth web animations
Don’t change any properties besides opacity or transform! Hide content in plain sight with opacity: 0; and pointer-events: none; Don’t animate everything at the same time Slightly increasing transition delays makes it easy to choreograph motion Use a global multiplier to design in slow motion (and then speed everything up later) Take videos of your …
CSS Grid, Flexbox And Box Alignment: Our New System For Web Layout
Time to ramp up your CSS Grid Layout skills, as it’s now enabled by default in Chrome Canary: Boom! There it is. Latest Chrome Canary now has Grid Layout enabled by default. It’s on the way. pic.twitter.com/sUNOZKVUlH — Rachel Andrew (@rachelandrew) November 25, 2016 It’ll also land in Firefox 52. Speaking of, Firefox also sports …
Continue reading “CSS Grid, Flexbox And Box Alignment: Our New System For Web Layout”
What’s the weather like in …? Just cURL it!
To know what the weather is like in a specific (or in the current city) I always Google for “{cityname} weather forecast”. Thanks to wttr.in I can now also get to know that via cURL. Just send a cURL request to the URL and voila: $ curl wttr.in Weather for City: Sint-Amandsberg, Belgium \ / …
Continue reading “What’s the weather like in …? Just cURL it!”
Sublime HyperClick
Most of the time when you are navigating and reading a code-base, you need to jump between required/imported (whatever jargon your programming language uses) files. The “Go to Definition” functionality of Sublime falls short for most languages since jumping between these required files needs some knowledge about how the language or package manager of the …