Welcome to my Weekly Digest #17 which is the first one for May.
This weekly digest contains a lot of interesting and inspiring articles, videos, tweets, podcasts, and designs I consumed during this week.
Interesting articles to read
CSS Hell
Collection of common CSS mistakes, and how to fix them.
CSS Hell - To Hell with bad CSS!
Faster builds for large sites on Netlify with On-demand Builders
Learn how On-demand Builders improve build times for large sites on Netlify. They help the Jamstack support larger websites and more dynamic apps across any JavaScript framework.
Get Faster Builds for Large Sites on Netlify: On-demand Builders
What Questions Should You Ask in a Software Engineer Interview?
Often, we focus on acing the interview; however, we need to remember that the process is a two-way street.
What Questions Should You Ask in a Software Engineer Interview?
JavaScript Temporal API- A Fix for the Date API
JavaScript has a bad date handling API because the Date object implementation was copied directly from Java’s Date Class. Java maintainers eventually deprecated many of Date class methods and created the Calendar Class in 1997 to replace it.
JavaScript Temporal API- A Fix for the Date API
Some great videos I watched this week
Console is more than just log!
We're going to cover console.count
, assert
, table
, time
, group
and trace
.
CSS Container Queries Polyfill
by LevelUpTuts
Sass in 100 Seconds
Learn the basics of Sass (SCSS) or syntactically awesome stylesheets. Sass is a language and compiler the can make your CSS code more efficient and programmatic
by Fireship
Let’s defer generating 400+ pages in our build using Eleventy Cloud and On-demand Builders
Using Context to Build a Light/Dark Theme
In this lesson, we'll leverage context and hooks to build a global light/dark theme in our app.
Is This The Best JavaScript Extension?
Quokka.js is an extension available for multiple editors that allows you to write JavaScript code on a scratchpad. This scratchpad will auto-update whenever you make changes which makes it the perfect tool for learning, writing, or debugging code. I highly recommend you give it a shot.
Useful GitHub repositories
Design Resources for Developers
A curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools, and much more
bradtraversy / design-resources-for-developers
Curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools and much more
Please read contributing guidelines
before submitting new resources.
Table of Contents
- UI Graphics
- Fonts
- Colors
- Icons
- Logos
- Favicons
- Icon Fonts
- Stock Photos
- Stock Videos
- Stock Music & Sound Effects
- Vectors & Clip Art
- Product & Image Mockups
- HTML & CSS Templates
- CSS Frameworks
- CSS Methodologies
- CSS Animations
- Javascript Animation Libraries
- Javascript Chart Libraries
- UI Components & Kits
- React UI Libraries
- Vue UI Libraries
- Angular UI Libraries
- Svelte UI Libraries
- React Native UI Libraries
- Design Systems & Style Guides
- Online Design Tools
- Downloadable Design Software
- Design Inspiration
- Image Compression
- Chrome Extensions
- Firefox Extensions
- AI Graphic Design Tools
- Others
UI Graphics
Websites and resources with modern UI components in different formats such as PSD, Sketch, Figma, etc. They are great for ideas for web components/UI
Website | Description |
---|---|
SVG sine waves | Export perfect sine waves as SVG for your front-end projects |
UI Design Daily | Awesome UI Components of all types |
100 Daily UI |
React Navigation 5
Routing and navigation for your React Native apps
react-navigation / react-navigation
Routing and navigation for your React Native apps
React Navigation 7
Routing and navigation for your React Native apps.
Documentation can be found at reactnavigation.org.
This branch contains the code for the pre-release version of React Navigation 7. You can find the code for the latest stable version in the 6.x branch.
Package Versions
Contributing
Please read through our contribution guide to get started!
Installing from a fork on GitHub
Since we use a monorepo, it's not possible to install a package from the repository URL. If you need to install a forked version from Git, you can use gitpkg
.
First install gitpkg
:
yarn global add gitpkg
Then follow these steps to publish and install a forked package:
- Fork this repo to your account and clone the forked repo to your local machine
- Open a Terminal and
cd
to the…
The Algorithms - Python
All Algorithms implemented in Python
TheAlgorithms / Python
All Algorithms implemented in Python
Implementations are for learning purposes only. They may be less efficient than the implementations in the Python standard library. Use them at your discretion.
Getting Started
Read through our Contribution Guidelines before you contribute.
Community Channels
We are on Discord and Gitter! Community channels are a great way for you to ask questions and get help. Please join us!
List of Algorithms
See our directory for easier navigation and a better overview of the project.
dribbble shots
Job Finder App
by Andri
Crypter® – NFT marketplace
Educora - Web UI Kit
Learner app
by Asish Sunny
Delivery Food Mobile Apps
Tweets
Picked Pens
iPhone 12 purple
by Mina
Apple Keynote animation
Make the web less boring
by Andy Bell
Peter's Blinds with CSS
by Jhey
Podcasts worth listening
Kent C. Dodds - Software Engineer Educator at Kent C. Dodds Tech
Kent goes through his journey from full-time software engineer to full-time SE educator, the mindset of a junior dev, ways to solidify one's knowledge, and best ways to get a job.
Hasty Treat - Git Rebase Explained
In this Hasty Treat, Scott and Wes talk about Git Rebase — what it is and how and when to use it!
The CSS Podcast - @font-face
In this episode, Una and Adam talk about font adjustments when being used within @font-face. When fonts are loaded, there's an opportunity to provide default values and fine-tunings.
TypeScript Fundamentals — Getting a Bit Deeper
In this episode of Syntax, Scott and Wes continue their discussion of TypeScript Fundamentals with a deeper diver into more advanced use cases.
Thank you for reading, talk to you next week, and stay safe! 👋
Top comments (0)