Lästips om webbutveckling: 2015, Vecka 2

Verktyg

• Favicon Generator. For real.
  Verktyg som utifrån en högupplöst bild genererar alla varianter av favikoner inklusive dess HTML-kod. Bör spara minst en timme per sajtprojekt som kan användas till något roligare.
• Introducing HTML Inspector
  Kanske är detta det verktyg vi väntat på som hjälper oss författa HTML liknande CSSLint för CSS och JSLint för JavaScript? Det finns som npm-paket iaf, så jag kommer experimentera med Gulp för att automatisera.

CSS Flexbox

• Normalizing Cross-browser Flexbox Bugs
• Flexbugs - A community-curated list of flexbox issues and cross-browser workarounds for them.

Ja, Flexbox är helt jävla sjukt otäckt. Jag håller krampartat fast vid floats då de aldrig sviker, samtidigt som jag inser att det snart är slut på argument för att inte börja använda mer moderna och ändamålsenliga ting.

JavaScript

• Theater.js - Typing effect mimicking human behavior.
  Kan nog ha rätt effekt vid rätt tillfälle. Något för en landningssida kanske?
• Cross-tab Communication
  I väntan på ServiceWorkers går det att komma långt med befintliga tekniker.

Produktivitet

• Notifications are killing your productivity. Kill your notifications.
  Bifalles! I OS X är min DND-inställning på notiser automatiskt påslagen mellan 00:01 och 23:59. Notiser är förhatliga.
• My custom video setup
  Pedagogisk artikel om vad som krävs för att få till en screencast eller webinar.

Design och inspiration

• 3D Curtain Template
• Inspiration for Text Input Effects
• Scroll slow, have fun
• HAND-PICKED TALES from ÆSOP’S FABLES with HAND-PICKED TYPE from GOOGLE FONTS
• Freebie: Dashel Icon Set (45 Icons, SVG, PSD, PNG)
• Wild Spaces – Wilderness Font Face
• Quick tip: Conditional Form Fields with CSS

Internet Explorer och IE.next

• A new Microsoft browser?
  Jag gillar det här, då det visar en god vilja från Microsoft. Produktnamnet "Internet Explorer" har ett alldeles för illasmakande arv. Jag ogillar det också, det det kommer bli ytterligare en webbläsare på marknaden att räkna med - dessutom för en traditionellt sett oteknisk användarbas.
• IE test VMs on modern.IE get a refresh
  Inte alla vet att Microsoft ger bort virtuella maskiner med olika versioner av IE gratis. Dessa är nu uppfräschade - hämta hem de nya omedelbums! Och kör du fortfarande med egna virtuella maskiner bara för att testa i IE? Släng dem!

Backend-orienterat

• New Course: Build a Store With a Payment Gateway in Rails
  Välj inte bort den här för att den har "Rails" i sin titel! Att implementera en betallösning är rätt snarligt oavsett ramverk - jag lärde mig mycket.

Wordpress

• Using Google Two-Factor Authentication With WordPress
  Som förespråkare av Tvåfaktorsinloggning är det här grymt värt! Inte så aktuellt för mig i skrivandets stund men bokmärkt inför framtida projekt i Wordpress.

Användbarhet och kundnytta

• The God Login
  Hur Discourse designade sin inloggning. Litet Once-and-for-all över den här, täcker upp så gott som all interaktivitet och alla case för en inloggning och/eller en registrering.
• Frequently asked questions (FAQs)
  Hepp, ingen idé att börja författa FAQ-plank således. Move on.
• Why you should share your dirty work
  I ämnet "polera inte sönder saker, releasa det istället". Allt behöver inte vara så välsignat tillrättalagt - det är inte så verkligheten ser ut. Jag tar åt mig!
• How we use web fonts responsibly, or, avoiding a @font-face-palm
  Nyttig läsning om fonter och att ta ansvar som designer.

Bonus: Duet Display, som låter en iPad (eller en iPhone) agera som en extra skärm. Typiskt användningsområde: Testa retinagrafik i appar eller på webbplatser.