Llop emoji

Emoji Mac shortcut, LLOP emoji, Unicode 7.0 emoji list and Symbola font

You might see “broken” images in this post, and this is totally explainable. I’m using symbols that are not yet included into standard fonts on most devices for testing purposes. It’s all good.

This is my little cheatsheet for emoji stuff: opening Mac emoji keyboard, pasting hidden emoji and viewing Unicode 7.0 emoji.

Read more

Skygarden Logo

Sky Garden in London

Sky Garden is a public garden on top of the Walkie Talkie skyscraper (20 Fenchurch Street — the one melting cars with its concave glassy surface.).

There’re observation decks, open air terrace, public spaces up there. And it’s free! Though you’ll have to make an advance booking.

Sky Garden Logo View

There’s an option to book a table at one of the Sky Garden’s bars/cafes: Skypod (great cocktails), Darwin or Fenchurch Seafood. You’ll get a table for 2 hours as well as the access to Sky Garden.

Celebrating 1 year in London:

Sky Garden

There’re a great view of Shard, Thames, Canary Wharf, City of London, Isle of Dogs, Tower Bridge and The Tower of London from up there. I’ve spent 2 hours enjoying the view and sipping the drinks up there, and already booked the next visit.

London Skygarden View

Tickets: skygarden.london

Star Realms — Logo

Card game: Star Realms review

Star Realms card game was born as a successful Kickstarter project.

Back in 2013 the creators (partly responsible for Ascension, too) reached the $20,000 funding goal in less than 5 days.

Now in 2015 it’s released as both physical deck and multi-platform digital game (iOS/Android, Windows, Mac). It’s a 2 player a spaceship combat deck-building game, average playing time is 20 minutes. If you want to play with 3-4 players, you can do it, but you’ll need two copies of the deck.

Star Realms — Mothership

As you play, you make use of Trade to acquire new Ships and Bases from the cards being turned face up in the Trade Row from the Trade Deck. You use the Ships and Bases you acquire to either generate more Trade or to generate Combat to attack your opponent and their bases. When you reduce your opponent’s score (called Authority) to zero, you win.
Boardgamegeek

I’ve played it for a few hours on a train, and it’s quite enjoyable. It’s absolutely easy to learn, especially if you’re familiar with deck-building games.

star-Star Realms — Instagram

Star Realms uses a faction system that allows cards to have multiple effects based on other cards in your possession.

But unlike other deck-building games, here you need to select cards based on which other factions you have in your hand because faction powers are only activated when another card from that faction is also in play.

The game has a 5 stars on Amazon, 7.76 rating on Boardgamegeek and currently avaliable for £12 as a physical deck and £3.5 as digital multi-platform version.

Smashing Conference Roundup: Oxford 2015

Smashing Conference roundup: books, tools, photos from Oxford 2015

* TBU

I attended Smashing Conference, an event for web designers and developers. Here’s a roundup with tools, tweets, quotes, links and slides.

Marked with #mustwatch are the talks that have been of the most interest for me personally. The videos of these talks should be available soon enough, and I will update this post with the links when they are released.

My early morning in Oxfordshire (got up at 4am to get there by 7:30 from London).

Early morning in Oxford

TL;DR

Read a lot to write better.
Crowdfunding and flexible pricing for publishers.
Users will use your app “wrong”, use the tools to see how.
Dispel your mistaken assumptions.
Solve real human problems.
Do the hard work to make it simple.
Use srcset for optimisation and picture element for art direction.
Web or native — try hybrid apps.
Everyone should have a different favourite browser, because web standards.
Debug HTTP and SSL with the tools.
Use flexbox in production right now — progressive enhancement (watch this video to learn how).
Make web apps work offline. Service workers!


Links & Tools

silverbackapp.com — usability testing
fullstory.com — collect data about how users interact with your site
uie.com – usability materials
webpagetest.org — detailed page speed testing
luckymarmot.com/paw — REST API analysis for Mac, starting at $29.99
getpostman.com — API debugging
restclient.net — a debugger for RESTful web services
telerik.com/fiddler —web debugging proxy for any browser, system or platform
ngrok.com – a simple command line tool for allowing outside access to your local-environment
charlesproxy.com – enables a developer to view all of the HTTP and SSL / HTTPS traffic between their machine and the Internet
nwjs.io — framework for building hybrid apps (desktop applications in node.js)
addyosmani.com/blog/video-javascript-memory-management-masterclass — Javascript memory management masterclass by Addy Osmani
keynotopia.com — Keynote and PowerPoint UI design templates for everyone, not just designers
popapp.in — Useful for pen and paper wire-framing
jakearchibald.github.io/svgomg/ – edit and optimise SVG’s, example for talk on service workers
developer.chrome.com/multidevice/android/installtohomescreen


Recommended Books

how-to-read-a-book

Attendees

Talks

Christopher Murphy — “A Good Writer Is a Good Thinker”

@fehler | A writer, designer and educator. Publisher of @readtinybooks and @getglyph.
Slides: Dropbox

How to read better. Enhance your writing by improving your reading skills and developing a richer mind.


Meagan Fisher — “Getting Personal: The Why and How of Designing for People”

@owltastic | web designer, lover of owls
Slides: Dropbox

Sketch by @richwells

Seeing things with your users’ eyes (and all the other means of perception) as a natural part of your workflow.

  • Ask questions to understand context.
  • Listen for unmet needs and goals.
  • Observe frustrations and successes.
  • Dispel your mistaken assumptions.

Richard Rutter “Don’t give them what they want, give them what they need”

@clagnut | UX designer & web typography evangelist. Co-founder @Fontdeck & @Clearleft.
Slides: Dropbox

Great talk from perspective of designers and developers who worked on re-structuring and re-designing (i.e. making simpler and faster) the website of Royal Borough of Kensington and Chelsea (rbkc.gov.uk)

Btw, do you know why Chelsea mansions are sooo expensive? :) Partly because of this:

Chelsea house plan

The tips are:

  • Continually design with data, anticipate needs.
  • Do the hard work to make it simple.
  • Reduce, reduce, reduce again.
  • Be consistent.
  • User task is first, our message is last.
  • Don’t repeat effort.

Yoav Weiss “Responsive images are here”

@yoavweiss | browser tinkerer, WebPerf freak, RICG implementer
Slides: http://yoavweiss.github.io/smashingconf_oxford/#/

Hilarious, educational talk about responsive images, picture element and srcset. And previous version of this talk (from Smashing Conf 2014 Whistler) is already on vimeo.

#mustwatch


Peter Bilak “Rethinking publishing”

@PeterBilak | designer @typotheque, publisher @WorksThatWork
Slides: Dropbox

New approaches to publishing.


Natalie Yadrentseva “Visualisation that takes us beyond the numbers”

@natalieyadren | Data Visualization. Product Specialist. Agile.
Slides: Dropbox

Data visualisation is a whole world. I had to miss part of this talk, but it surely was thorough. Reminded me of this :)


Tom Giannattasio — “Beyond the browser with hybrid apps”

@attasi | The creator of Macaw
Slides: http://macaw.co/hybrid/

Sketch by Elisabeth Irgens ‏— @elisabethirg


Bruce Lawson “Is Blink the new IE6?”

@brucel | Opera Software. UK Web standards lovegod. Co-wrote Introducing HTML5.
Slides: http://brucelawson.github.io/talks/2015/blink-ie6/

#mustwatch

And the best slide of the conference goes to

Service Workers


Chris Heilmann “Welcome to Planet Fintlewoodlewix”

@codepo8 | developer evangelist – all things open web
Slides: Dropbox

The most enjoyable mystery speaker! Great talk, slides and the followup discussion.

IMG_1848


Zoe M. Gillenwater “Enhancing Responsiveness with Flexbox”

@zomigi | Author of books Stunning CSS3 & Flexible Web Design. UX Designer at Booking.com
Slides:
http://www.slideshare.net/zomigi/leveling-up-with-flexbox-smashing-conference
PDF:
http://zomigi.com/downloads/Leveling-Up-With-Flexbox_SmashingConf_140319.pdf

Deep flexbox talk with production code examples. Enjoyed it. There’s a great followup blog post in Zoe’s blog: http://zomigi.com/blog/leveling-up-with-flexbox/

Video of the talk:
https://vimeo.com/channels/smashingconf/124796320

#mustwatch


Lorna Mitchell — “Debugging HTTP”

@lornajane | PHP and API specialist dev/consultant, book author
Slides: https://speakerdeck.com/lornajane/http-debugging

Sketch: Lorna Jane — Smashing Conference

This was interesting. Lorna introduced many useful tools have been mentioned (HTTP related links in the beginning of the post).

Stages of debugging – Denial – Frustration – Disbelief – Testing (curious stage) – Gotcha

#mustwatch


Paul Lewis — “Making a Silky Smooth Web”

http://www.aerotwist.com/ | Googler who noodles with code and design, helps people fix performance, UX and UI issues.
Slides: https://speakerdeck.com/paullewis/making-a-silky-smooth-web Website: http://aerotwist.com/

Slide text: We can do better

Great talk on performance. Also, check out this super smooth website: aerotwist.com

#mustwatch


Polle de Maagt — “Crafting for #WORLDDOMINATION”

@polledemaagt | Changes companies like IKEA and KLM to be less about ads and more about acts
Slides: (to be updated)


Rachel Ilan Simpson — “User reach for designers & engineers”

@rilan | UX Designer on @googlechrome #MakeMunich cofounder & Head of http://www.designj.am
Slides: (to be updated) “User research is going to change what you make and how you make it.”

– What users are thinking?
– What is this?
– Do I trust you?
– What are you offering me?
– How do I get it?
@rilan

Didn’t expect another talk on user research to be so engaging. Lots of user research tools mentioned. And this awesome animation.

#mustwatch


Jake Archibald — “The UX of offline-first”

@jaffathecake | Developer advocate at Google.
Slides: (to be updated)

Great talk and the followup discussion. Will update this post with a video link as soon as it’s available. Check back in a couple of weeks maybe.

#mustwatch

Photos

Photos from Smashing Conf Oxford 2015 gallery by Marc Thiele:
https://flic.kr/s/aHsk9fLuZ7

Markus … erhm Umbrella, I mean

Sketches

Smashing sketches by Elisabeth Irgens:
http://elisabethirgens.com/2015/oxford/

Follow me on twitter to get updates.