{"id":310952,"date":"2020-05-13T14:31:25","date_gmt":"2020-05-13T21:31:25","guid":{"rendered":"https:\/\/css-tricks.com\/?page_id=310952"},"modified":"2020-05-13T14:31:27","modified_gmt":"2020-05-13T21:31:27","slug":"186-notion-for-web-development-teams","status":"publish","type":"page","link":"https:\/\/css-tricks.com\/video-screencasts\/186-notion-for-web-development-teams\/","title":{"rendered":"#186: Notion for Web Development Teams"},"content":{"rendered":"\n

I’m a big fan of Notion<\/a>, particularly for keeping teams in sync. I work on teams of developers, and I find it works particularly well for that. If I had to sum it up really quickly, I’d tell Notion is for collaborative documents. But that undersells it. <\/p>\n\n\n\n

\n
Sign Up for Notion<\/a><\/div>\n<\/div>\n\n\n\n

In this video, I take my time explaining what Notion is and how I use it so that you can really understand it. This is the first a series of 3 videos on Notion for Web Development Teams. We get into these core concepts: <\/p>\n\n\n\n\n\n\n\n

  • Notion is documents.<\/strong> You build any sort of document in Notion, from what you might think of as a Word or Excel document, to TODO lists, to publishing calendars, to mood boards. <\/li>
  • Notion is teams.<\/strong> Notion works great alone too, but it really shines when you have a workspace with everyone you work with together as a member. <\/li>
  • Notion is planning.<\/strong> Half the work of development is keeping everyone on the same page, splitting up the tasks, and making sure things are properly agreed on. There are all sorts of ways to do project planning, and you could do any of them in Notion, but my favorite is a list of projects with a home document for the process, then a kanban board that details out the tasks and statuses. <\/li>
  • Notion is work.<\/strong> This isn’t a side tool or a distraction. Working in Notion is the job. <\/li>
  • Notion replaces other apps.<\/strong> That’s not really the goal, it’s just the reality. You might not need the Google suite, Asana, Trello, Todoist, Bear, Things, etc, because Notion is so powerful and flexible it’s nice to have it all under one roof. <\/li><\/ul>\n\n\n\n

    Have fun with it and I’d love to hear how you<\/em> make use of Notion on your teams.<\/p>\n","protected":false},"excerpt":{"rendered":"

    I’m a big fan of Notion, particularly for keeping teams in sync. I work on teams of developers, and I find it works particularly well for that. If I had to sum it up really quickly, I’d tell Notion is for collaborative documents. But that undersells it. In this video, I take my time explaining […]<\/p>\n","protected":false},"author":3,"featured_media":311031,"parent":1283,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"video-single.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":""},"tags":[1187,1565],"acf":[],"jetpack-related-posts":[{"id":312118,"url":"https:\/\/css-tricks.com\/video-screencasts\/189-notion-for-personal-public-use\/","url_meta":{"origin":310952,"position":0},"title":"#189: Notion for Personal & Public Use","date":"June 5, 2020","format":false,"excerpt":"This is the last video in our little series on using Notion. We've covered how Notion is great for working on web development teams. But another thing that makes Notion great is that it's useful for yourself too. Sign Up for Notion Consolidate tools is usually a good thing. It\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/05\/notion-2-thumb.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":311714,"url":"https:\/\/css-tricks.com\/video-screencasts\/187-notion-for-team-meetings-documentation\/","url_meta":{"origin":310952,"position":1},"title":"#187: Notion for Team Meetings & Documentation","date":"May 25, 2020","format":false,"excerpt":"This is the second video in 3-video series on using Notion. In Part 1 we covered a lot of ground on what Notion is how it's great for any team, and web development teams in particular. In this video, we'll take a look at the two absolute biggest things I\u2026","rel":"","context":"In \"documentation\"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/05\/notion-2-thumb.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":256028,"url":"https:\/\/css-tricks.com\/video-screencasts\/155-responsive-images-wordpress-cloudinary\/","url_meta":{"origin":310952,"position":2},"title":"#155: Responsive Images, WordPress, and Cloudinary","date":"June 22, 2017","format":false,"excerpt":"Eric Portis joins me to dig into the world of responsive images. We start at the basics. Responsive images are specifically images in HTML and exist because of a desire for better performance. Images are probably the biggest culprit in the overall weight of websites. If we can avoid sending\u2026","rel":"","context":"In \"cloudinary\"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":187516,"url":"https:\/\/css-tricks.com\/lodge\/svg\/29-svg-text\/","url_meta":{"origin":310952,"position":3},"title":"29: SVG Text","date":"November 4, 2014","format":false,"excerpt":"There is a element in SVG. No big surprise here: it's for putting text into the SVG. Not outlines of shapes of letters (although you can do that too) but actual normal web text. Selectable, SEO-friendly, accessible, normal ol' web text. The fonts you have access to are the same\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6792,"url":"https:\/\/css-tricks.com\/video-screencasts\/89-organizing-photoshop\/","url_meta":{"origin":310952,"position":4},"title":"#89: Organizing a Photoshop Document","date":"July 8, 2010","format":false,"excerpt":"If you are like me, you are both guilty of seriously unorganized Photoshop documents and appreciate well organized ones. The disorganization isn't intentional, it's just born of (if you'll pardon the likely-inaccurate clich\u00e9) being in right-brained creative mode and caring about what you are looking at not the left-brained organizational\u2026","rel":"","context":"With 47 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":372511,"url":"https:\/\/css-tricks.com\/almanac\/selectors\/r\/right\/","url_meta":{"origin":310952,"position":5},"title":":right","date":"August 15, 2022","format":false,"excerpt":"The :right pseudo-class in CSS is used with the @page at-rule to select all right-hand pages in a print document that contains multiple pages. That's handy for setting margins on double-sided pages so that the pages on the \"right\" side have one margin and the pages on the left have\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/12\/css-tricks-logo-gradient-outline.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/310952"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=310952"}],"version-history":[{"count":5,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/310952\/revisions"}],"predecessor-version":[{"id":311032,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/310952\/revisions\/311032"}],"up":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/1283"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media\/311031"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=310952"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=310952"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}