Making the crowd easier to follow

Frontend top 100

by @tweetgest

Keep up to date with what is going on in the web industry with this digest of your top 100 frontend peers on twitter.

Best tweets of the day Current members Previous digests
  1. top link

    level up your Vim skills recently? awesome intro to getting started with VimGolf: bit.ly/1YVjh31 pic.twitter.com/TodMm4cidy

  2. top image

    #TIL about typing CTRL+CMD+SPACE to get the emoji panel to pop up in any text field (OS X). šŸ˜±via @brianleroux @janl pic.twitter.com/ORX91MO5LI

  3. ~@github is getting on board the SVG icons wagon! \o/ Mission accomplished & day made! āŒ’Ā°(į“–ā—”į“–)Ā°āŒ’ twitter.com/jonrohan/statuā€¦

  4. Crafting Twelve-Column Layouts with Flexbox by @LandonSchropp davidwalsh.name/flexbox-layouts pic.twitter.com/kPo3pzSPlr

  5. Mozilla Will Stop Developing And Selling Firefox OS Smartphones on.tcrn.ch/l/LKBC via @techcrunch - a very costly experiment, indeed.

  6. Mozilla Will Stop Developing And Selling Firefox OS Smartphones techcrunch.com/2015/12/08/mozā€¦

  7. This article by @fraying about SEO is gold :: powazek.com/posts/2090 ā€” there is only one true way to do it ā˜šŸ» pic.twitter.com/FhwIDAOhSh

  8. Iā€™ll stop with the whole icon fonts vs SVG thing, but not before I throw this last one in css-tricks.com/icon-fonts-vs-ā€¦ ā€” Iā€™ll leave it at that.

  9. It is hard to build a minimum viable product when finance think about fixed price projects. boag.me/1jwU9Q4 pic.twitter.com/ol0grb6v08

  10. Unless youā€™re willing to ignore millions of Opera mini users, you should seriously NOT use icon fonts. (+@brucel) pic.twitter.com/2aRnPZpJkx

  11. More ā€œThis wouldnā€™t have happened if Steve were alive.ā€ examples. The mouse charging is particularly un-thought of. twitter.com/ow/status/6742ā€¦

  12. A little late to the party here by Flexbox Froggy is a great tool (read: game) to learn Flexbox :: flexboxfroggy.com

  13. ā€œGetting people around you to care about site speed is a much bigger challenge.ā€ Wise words from @lara_hogan: 24ways.org/2015/helping-vā€¦

  14. The prolific @sarah_edo gathered up front end specific conferences in 2016 :: css-tricks.com/2016-front-endā€¦ (Link to add more at bottom!)

  15. Itā€™s best to never preventDefault if *any* modifier keys are being pressed. I use this: npmjs.com/package/local-ā€¦ twitter.com/simonw/status/ā€¦

  16. Damning indictment of MongoDB and its prioritization of revenue over a thriving ecosystem: linkedin.com/pulse/mongodb-ā€¦

  17. The definitive guide to optimize images for the web catswhocode.com/blog/the-definā€¦

  18. That battery pack tho pic.twitter.com/oFZ6PiAXSm

  19. Mozilla launches Focus, a new ad-blocker for iOS theverge.com/2015/12/8/9870ā€¦

  20. Now this is the web I love. Kudos to my brilliant pal @mathowie. NSFW. fusion.net/story/242110/gā€¦ pic.twitter.com/FONPcspCTW

  21. What the web can do - today whatwebcando.today

  22. HTML Developers: Please Consider html5doctor.com/html-developerā€¦ prefer real HTML semantics over ARIA if possible, by @stevefaulkner

  23. OH HEY! Look what showed up. Why, it's @bigmediumjosh's Designing For Touch book! abookapart.com/products/desigā€¦ pic.twitter.com/hil0iblrpE

  24. Using <picture> to create a placeholder w/ an intrinsic ratio to avoid page paint flashing (aka hurk-jerk effect) daverupert.com/2015/12/intrinā€¦

  25. Lessons Learned In Big App Development, A Hawaiian Airlines Case Study smashingmagazine.com/2015/12/lessonā€¦

  26. Smith & Wesson gun sales soar after mass shootings in US. In other news, addicts claim heroin cures addiction. gu.com/p/4eqza?CMP=Shā€¦

  27. I think this is the closest you can get to an icon font workflow, but using SVGs filamentgroup.com/lab/grumpicon-ā€¦ ā€” even support is back to IE6!

  28. Microsoft Thailand kick boxing unicorn kitten polo pic.twitter.com/ijzYxBLFJA

  29. Got around to updating the Picturefill library on some pages (e.g. codepen.io/blogging/) Cause it's important css-tricks.com/please-update-ā€¦

  30. āœŽ New post: "Titles are Important." danielmall.com/articles/titleā€¦ and medium.com/@danielmall/tiā€¦

  31. Six Things Misunderstood About User Experience Designers bit.ly/PKtyj5

  32. Animated modals can say so much with their motion. Hereā€™s five sites that do them well: valhead.com/2015/11/23/ui-ā€¦ pic.twitter.com/C6s3Cuz6oJ

  33. Guest post today from @scottfennell123 on Getting Started with the WordPress Customizer css-tricks.com/getting-starteā€¦

  34. How to interview a designer with the perfect design exercise bit.ly/1ON4rsw

  35. Unfurling URLs at Slack medium.com/slack-developeā€¦

  36. Tomorrow's World of Web Development channel9.msdn.com/Events/FutureDā€¦ - this is such a great and wild talk!

  37. This is a domesticated Norwegian forest cat. If you need that much internets, no wonder connection speed is good. pic.twitter.com/I6t6IbTiDM

  38. Planning to build a mobile device testing lab next year? Check out our handy-dandy budget worksheet: larahogan.me/devicelab/budgā€¦

  39. So @vlh wrote about animation in responsive design? YOU BET Iā€™M LINKING TO THAT 24ways.org/2015/animationā€¦

  40. Aw yeah! New stack of @abookapart just came! I just started @karenmcgraneā€™s latest andā€¦ expectedly GREAT so far :) pic.twitter.com/NV9J48yYoo

  41. What to Tell Donald Trump, via @nytimes nytimes.com/2015/12/09/opiā€¦

  42. TONITE TONITE TONITE šŸ‘‰@praxxis on integrating Ember with Rails šŸ‘‰@ughitsaaron on ES6 modules šŸ‘‰@lukemelia on parkouršŸƒ šŸŽ«ti.to/manhattanjs/deā€¦

  43. Great reminder that WhatsAppā€™s global popularity can be attributed, in part, to its performance-friendly design: twitter.com/anxiaostudio/sā€¦

  44. ā€œBuilding a professional design tool on the webā€ by Evan Wallace medium.com/figma-design/bā€¦

  45. Handy tool of the day: Jekyll Compose github.com/jekyll/jekyll-ā€¦

  46. Nothing breaks the web like @twitter's t.co. I should complain about it on here sometime.

  47. #uxdrinkinggame If a recruiter calls and asks if you can also program, do a shot uxdrinkinggame.com/drink/if-a-recā€¦

  48. Something's waiting below the fold... pic.twitter.com/iuDm4q1J99

  49. Apigee, RisingStack and Yahoo Join the Node.js Foundation finance.yahoo.com/news/apigee-riā€¦

  50. ā‡› A framework for designing ethically? alistapart.com/article/designā€¦

  51. The mobile web experience on some websites. pic.twitter.com/fIhxr5FhjR

  52. Building for http/2 rmurphey.com/blog/2015/11/2ā€¦

  53. Dustin Senos on design. vimeo.com/145071231 The section on "being too clever" is especially worth a listen to.

  54. Spec work and contestsā€¦ they seem awkwardly close sometimes don't they? chriscoyier.net/2015/12/08/speā€¦

  55. Re the <picture> with aspect ratio technique. šŸ‘šŸ» twitter.com/jon_neal/statuā€¦

  56. I didn't get to meet her but !!!!!! anyway. instagram.com/p/_DvKkOiTlq/

  57. So earlier today I shared my 6 goals for in-house digital teams in 2016. Read it, do it, celebrate your success! :) boag.me/1QcmWrH

  58. And a gracious good morning to you, PR master of detail. pic.twitter.com/91SSBgDPOk

  59. A whole room of developers and I'm the one who had to point out the typo on the banner. The errorists won. pic.twitter.com/SNgIM0nDQ4

  60. "Oh look, Instagram, my puppy loves the season!" pic.twitter.com/tWUeJ9qVHw

  61. Literally inside npm (@ National Postal Museum in Washington, DC) swarmapp.com/c/dVAz0biUMq8

  62. Holiday shopping. Solved. teespring.com/hotlinexmas

  63. See Jeffrey. See Jeffrey point. See Eric. See Eric tap. See Jason. See Jason grip the podium. Oh, the way we were. aneventapart.com/news/post/a-deā€¦

  64. Infographic: So You Want to Do a Startup bit.ly/1Chv3tq

  65. ā™› Understand & support Open Type features in web browsers. Fantastic article by @timbrown. practice.typekit.com/lesson/caring-ā€¦ pic.twitter.com/fKzRK3tJ5e

  66. If uā€™re going to attend @smashingconf Oxford & are into #SVG, u might wanna register for my full-day workshop! smashingconf.com/oxford-2016/woā€¦

  67. Four Ways To Break Into User Experience bit.ly/Rx783O

  68. Made a transform: rotate3d() visualizer codepen.io/davatron5000/pā€¦

  69. #uxdrinkinggame If the developer asks you to beautify the page, drink a whole bottle uxdrinkinggame.com/drink/if-the-dā€¦

  70. Obligatory baby cuteness of the day pic.twitter.com/NyPKyEDwhE

  71. Mr. @nacin hooked it up with a West Wing tour. Brother knows some FACTS. pic.twitter.com/A9UEgotnEf

  72. Throw back to when Christmas marketing emails were honest pic.twitter.com/rPpc0XZXmN

  73. Hey, @twitter ā€” for once, this is a welcome addition to the UI. pic.twitter.com/ItO4ZuD1EA

  74. 2. is my favorite. pic.twitter.com/B1GGozWDJ4

  75. When not being used as a laptop sleeve, my @jolioriginals makes for a super smooth mouse pad. šŸ‘ŒšŸ»šŸ˜ pic.twitter.com/1RbgsGhvxP

  76. Aw, just a few characters over. pic.twitter.com/GCXR0n79Rt