SMLTB Quarterly Call


Here are the links referenced in the call.

Five chrome extensions that will change the way you do web development:

  • ScribeHow: Turn any process into a step-by-step guide, instantly.
  • Wappalyzer: Find out the technology stack of any website.
  • EditThisCookie: Browser cookie editor.
  • Dark Reader: Dark mode for every website.
  • Heurio: Collaborative website review & testing.

CSS generators that will change the way you write CSS code:

  • Blobmaker: Make organic SVG shapes.
  • Get Waves: Create unique SVG wave shapes.
  • Neumorphism: Soft UI CSS shadow generator.
  • Tridiv: A web-based editor for creating 3D shapes in CSS.
  • Fancy Border Radius Generator: Generator to build organic shapes using just the CSS border-radius.
  • Glassmorphism CSS Generator: Create a CSS Glass Effect.
  • Stripes generator: Pure CSS Stripes Generator that you can use for backgrounds.
  • CSS Gradient generator: a free CSS gradient generator tool.
  • Patternify: lets you create background patterns for free.
  • CSS Accordion Slider Generator: Create fully responsive, CSS-only accordion sliders.
  • Palette Ninja: an online colour scheme generator.
  • LayoutIt: Quickly design web layouts, and get HTML and CSS code.
  • Keyframes: CSS animation generator/editor.
  • Navbar Generator: generate various types of fully responsive navbar.
  • Buttons Generator: 100+ CSS buttons where you can quickly copy the code and use it in your projects.
  • AnimatiSS: Colourful list of keyframe CSS animations, grab the code and use it to animate your HTML elements.
  • Colorion: Browse tons of palettes, gradients, buttons, and base colours.
  • ProfileMe: Create an amazing GitHub profile in minutes.
  • HTMLrev: Well crafted Free HTML templates designed to build static websites.
  • Mo JS: Silky smooth Javascript animations and effects for a great user experience.
  • HoverCSS: a collection of CSS3 hover effects.
  • Griddy: a free learning tool made for frontend developers who want to understand more about CSS grids.
  • GridCSS: Use the generator to create a responsive website your way.
  • CSS Portal: home to a large range of CSS generators, tools, and resources.
  • a flexbox playground for on-demand CSS generation.
  • Build with Flexbox: Use this interactive reference tool to recall flexbox properties and experiment with layouts.
  • My CSS Builder: a one-stop shop for developers, allowing you to quickly and efficiently generate CSS for your websites.
  • CSS Here you can find popular Layouts & patterns made with CSS.
  • Quackit CSS Grid Templates: allows you to create website layouts easily

Useful websites for web developers:

  • SVGator: no-code online tool designed to simplify the way you animate SVGs.
  • ColorHub: Find the perfect colour palette for your next project.
  • Word Counter: Quickly find the word count for any text
  • Smashing Magazine Job Board: Job Board that helps designers and developers find great jobs.

15 Must-Read Books That Will Change Your Life :

  • Deep Work by Cal Newport
  • Atomic Habits by James Clear
  • Mindset: The New Psychology of Success by Carol S. Dweck
  • Meditations by Marcus Aurelius
  • How to Win Friends and Influence People by Dale Carnegie
  • The 7 Habits of Highly Effective People by Stephen R. Covey
  • The Power of Habit by Charles Duhigg
  • Awaken the Giant Within by Anthony Robbins
  • The Psychology of Money by Morgan Housel
  • The Subtle Art of Not Giving a F*ck by Mark Manson
  • Antifragile: Things That Gain from Disorder by Nassim Nicholas Taleb
  • Rich Dad Poor Dad by Robert T. Kiyosaki
  • The Art of Thinking Clearly by Rolf Dobelli
  • Ego is the Enemy by Ryan Holiday
  • Man’s Search For Meaning by Viktor E. Frankl


Want to love what you do?Let us show you how

Sign up to find out what's coming next at StephMyLife Freelancer Bootcamps, and how you can reignite your passion for your career!