Forwarded from The Startups VC
๐ Figma stock pops on IPO debut, hits $47B market cap
Figma finally went publicโand Wall Street couldnโt get enough. The design platform opened at $33, surged to $124, and closed at $115.50, ending the day with a $47B market cap.
๐ธ IPO demand was so high, trading was briefly halted due to volatility
๐ธ Retail buyers joked online about being allocated just 1 share
๐ธ Market cap doubled Adobeโs failed $20B acquisition offer from 2023
๐ธ After-hours trading stayed hot, with continued price action
๐ Powered by The Startups VC
Figma finally went publicโand Wall Street couldnโt get enough. The design platform opened at $33, surged to $124, and closed at $115.50, ending the day with a $47B market cap.
๐ธ IPO demand was so high, trading was briefly halted due to volatility
๐ธ Retail buyers joked online about being allocated just 1 share
๐ธ Market cap doubled Adobeโs failed $20B acquisition offer from 2023
๐ธ After-hours trading stayed hot, with continued price action
Figma didnโt just rebound from a blocked dealโit sprinted past it.
๐ Powered by The Startups VC
โค3
Web Development Roadmap
|
|-- Fundamentals
| |-- Web Basics
| | |-- Internet and HTTP/HTTPS Protocols
| | |-- Domain Names and Hosting
| | |-- Client-Server Architecture
| |
| |-- HTML (HyperText Markup Language)
| | |-- Structure of a Web Page
| | |-- Semantic HTML
| | |-- Forms and Validations
| |
| |-- CSS (Cascading Style Sheets)
| | |-- Selectors and Properties
| | |-- Box Model
| | |-- Responsive Design (Media Queries, Flexbox, Grid)
| | |-- CSS Frameworks (Bootstrap, Tailwind CSS)
| |
| |-- JavaScript (JS)
| | |-- ES6+ Features
| | |-- DOM Manipulation
| | |-- Fetch API and Promises
| | |-- Event Handling
| |
|-- Version Control Systems
| |-- Git Basics
| |-- GitHub/GitLab
| |-- Branching and Merging
|
|-- Front-End Development
| |-- Advanced JavaScript
| | |-- Modules and Classes
| | |-- Error Handling
| | |-- Asynchronous Programming (Async/Await)
| |
| |-- Frameworks and Libraries
| | |-- React (Hooks, Context API)
| | |-- Angular (Components, Services)
| | |-- Vue.js (Directives, Vue Router)
| |
| |-- State Management
| | |-- Redux
| | |-- MobX
| |
|-- Back-End Development
| |-- Server-Side Languages
| | |-- Node.js (Express.js)
| | |-- Python (Django, Flask)
| | |-- PHP (Laravel)
| | |-- Ruby (Ruby on Rails)
| |
| |-- Database Management
| | |-- SQL Databases (MySQL, PostgreSQL)
| | |-- NoSQL Databases (MongoDB, Firebase)
| |
| |-- Authentication and Authorization
| | |-- JWT (JSON Web Tokens)
| | |-- OAuth 2.0
| |
|-- APIs and Microservices
| |-- RESTful APIs
| |-- GraphQL
| |-- API Security (Rate Limiting, CORS)
|
|-- Full-Stack Development
| |-- Integrating Front-End and Back-End
| |-- MERN Stack (MongoDB, Express.js, React, Node.js)
| |-- MEAN Stack (MongoDB, Express.js, Angular, Node.js)
| |-- JAMstack (JavaScript, APIs, Markup)
|
|-- DevOps and Deployment
| |-- Build Tools (Webpack, Vite)
| |-- Containerization (Docker, Kubernetes)
| |-- CI/CD Pipelines (Jenkins, GitHub Actions)
| |-- Cloud Platforms (AWS, Azure, Google Cloud)
| |-- Hosting (Netlify, Vercel, Heroku)
|
|-- Web Performance Optimization
| |-- Minification and Compression
| |-- Lazy Loading
| |-- Code Splitting
| |-- Caching (Service Workers)
|
|-- Web Security
| |-- HTTPS and SSL
| |-- Cross-Site Scripting (XSS)
| |-- SQL Injection Prevention
| |-- Content Security Policy (CSP)
|
|-- Specializations
| |-- Progressive Web Apps (PWAs)
| |-- Single-Page Applications (SPAs)
| |-- Server-Side Rendering (Next.js, Nuxt.js)
| |-- WebAssembly
|
|-- Trends and Advanced Topics
| |-- Web 3.0 and Decentralized Apps (dApps)
| |-- Motion UI and Animations
| |-- AI Integration in Web Apps
| |-- Real-Time Applications
ENJOY LEARNING ๐๐
|
|-- Fundamentals
| |-- Web Basics
| | |-- Internet and HTTP/HTTPS Protocols
| | |-- Domain Names and Hosting
| | |-- Client-Server Architecture
| |
| |-- HTML (HyperText Markup Language)
| | |-- Structure of a Web Page
| | |-- Semantic HTML
| | |-- Forms and Validations
| |
| |-- CSS (Cascading Style Sheets)
| | |-- Selectors and Properties
| | |-- Box Model
| | |-- Responsive Design (Media Queries, Flexbox, Grid)
| | |-- CSS Frameworks (Bootstrap, Tailwind CSS)
| |
| |-- JavaScript (JS)
| | |-- ES6+ Features
| | |-- DOM Manipulation
| | |-- Fetch API and Promises
| | |-- Event Handling
| |
|-- Version Control Systems
| |-- Git Basics
| |-- GitHub/GitLab
| |-- Branching and Merging
|
|-- Front-End Development
| |-- Advanced JavaScript
| | |-- Modules and Classes
| | |-- Error Handling
| | |-- Asynchronous Programming (Async/Await)
| |
| |-- Frameworks and Libraries
| | |-- React (Hooks, Context API)
| | |-- Angular (Components, Services)
| | |-- Vue.js (Directives, Vue Router)
| |
| |-- State Management
| | |-- Redux
| | |-- MobX
| |
|-- Back-End Development
| |-- Server-Side Languages
| | |-- Node.js (Express.js)
| | |-- Python (Django, Flask)
| | |-- PHP (Laravel)
| | |-- Ruby (Ruby on Rails)
| |
| |-- Database Management
| | |-- SQL Databases (MySQL, PostgreSQL)
| | |-- NoSQL Databases (MongoDB, Firebase)
| |
| |-- Authentication and Authorization
| | |-- JWT (JSON Web Tokens)
| | |-- OAuth 2.0
| |
|-- APIs and Microservices
| |-- RESTful APIs
| |-- GraphQL
| |-- API Security (Rate Limiting, CORS)
|
|-- Full-Stack Development
| |-- Integrating Front-End and Back-End
| |-- MERN Stack (MongoDB, Express.js, React, Node.js)
| |-- MEAN Stack (MongoDB, Express.js, Angular, Node.js)
| |-- JAMstack (JavaScript, APIs, Markup)
|
|-- DevOps and Deployment
| |-- Build Tools (Webpack, Vite)
| |-- Containerization (Docker, Kubernetes)
| |-- CI/CD Pipelines (Jenkins, GitHub Actions)
| |-- Cloud Platforms (AWS, Azure, Google Cloud)
| |-- Hosting (Netlify, Vercel, Heroku)
|
|-- Web Performance Optimization
| |-- Minification and Compression
| |-- Lazy Loading
| |-- Code Splitting
| |-- Caching (Service Workers)
|
|-- Web Security
| |-- HTTPS and SSL
| |-- Cross-Site Scripting (XSS)
| |-- SQL Injection Prevention
| |-- Content Security Policy (CSP)
|
|-- Specializations
| |-- Progressive Web Apps (PWAs)
| |-- Single-Page Applications (SPAs)
| |-- Server-Side Rendering (Next.js, Nuxt.js)
| |-- WebAssembly
|
|-- Trends and Advanced Topics
| |-- Web 3.0 and Decentralized Apps (dApps)
| |-- Motion UI and Animations
| |-- AI Integration in Web Apps
| |-- Real-Time Applications
ENJOY LEARNING ๐๐
โค3โคโ๐ฅ3
๐ฐ Blend modes in CSS
You can also use blend modes to control how elements on a web page blend with their backgrounds or with other elements.
Blend modes allow you to create various visual effects, including mix and background blending, colored areas, duo-tone, halftone, scanned lines, and emboss effects.
You can also use blend modes to control how elements on a web page blend with their backgrounds or with other elements.
โค1
๐
CSS Fundamentals: Unlock the Power of Web Styling
๐ Author: Carrie Dils
๐ฐ Level: Beginner
โฐ Duration: 1h 30m
๐ค Join The startups VC
๐ Author: Carrie Dils
๐ฐ Level: Beginner
โฐ Duration: 1h 30m
๐ Explore the core technology used for styling content on the webโCSS. Learn what CSS is capable of doing and the basics you need to make it work for you.๐ Topics: Cascading Style Sheets
๐ค Join The startups VC
โค5
CSS Fundamentals: Unlock the Power of Web Styling.zip
190.5 MB
๐ฑCSS Fundamentals: Unlock the Power of Web Styling
Forwarded from The Startups VC
๐ป Turn any repo into an AI prompt
GitIngest lets you feed an entire GitHub repo into an LLM in seconds.
๐ธ Drop in a repo link and wait a moment
๐ธ Get back a clean, structured prompt with the code and files
๐ธ Edit it to trim noise and keep only what matters
๐ Powered by Technco
GitIngest lets you feed an entire GitHub repo into an LLM in seconds.
๐ธ Drop in a repo link and wait a moment
๐ธ Get back a clean, structured prompt with the code and files
๐ธ Edit it to trim noise and keep only what matters
A neat shortcut for devs who want their AI to grok a codebase fast.
๐ Powered by Technco
๐ป The Gap
๐ https://ishadeed.com/article/the-gap/
An exploration of the pain points that CSS gap solves.
๐ https://ishadeed.com/article/the-gap/
โค1
Do you like squircles? As much as border radii are ubiquitous, it is a tad bit unnatural where the circle meets the straight line.
This problem is solved by squircles which are found in a lot of mobile app launchers, including the iOS app list ๐คฉ
We finally get squircles on the web! This corner-shape property is a rather robust property, through which you can define custom shapes for the border radius - the 'squircle' being one predefined value
The best part is that it is backward compatible for the most part, if the browser doesn't support this property, the squircle would be rendered as a square with a default border radius. So are you ready to start using this? ๐ค