Some productivity hours with MSPlearningStreak program.. #msplearningstreak #MSFTStudentPartner #MSFT #Azure #MicrosoftEDU

I'm giving Claude Code for FREE (yes the world's best AI -- at no cost at all) My mission is to get the next billion people to write great software, but so many are constrained by costs. We solved this by combining AI with ads (only contextual and relevant ads, no spam). In return, you get the best AI models without needing a credit card. For the next batch, I will choose 500 people randomly who have done the following steps: 1. Comment "GIVE ME SANTA CLAUDE" below 2. Like and retweet this 3. Follow @NamanyayG and @supermemory 4. Sign up on the link in the next tweet Watch this quick video to understand how it works!

Don't miss it! 🎉 - New follower only Get free @figma file with those designs. How to get it? 1. Follow me - ( So I can DM) 2. Repost (Must) 3. Comment "hero” After 48 hours , I'll share this file

I designed crazy landing pages using 4 tools. No complex workflows. Just smart tool combinations that unlock better creative output. Steal my exact process👇

My $129 @framer template can now be yours for FREE! I'm giving away 15 of my design studio template — Create®. Send a comment "CREATE" and retweet to enter. Announcing winners in 48 hours.

Fede Valverde’s emotional message to his childhood idol Toni Kroos after announcing his retirement 🥹

💎 Accessible design toolkit for Figma from Microsoft The toolkit comes with checklists on top accessibility/usability tenets, notecards for recommendations, components, heading and landmark notations as well as a notation table. figma.com/community/file/132…

Excellent Dashboard Design Cheatsheet to boost your UX / UI Designs! 🔥 🚀 This Cheatsheet contains a summary of the Component and Composition Design Patterns: 1.Data 2.Structure 3.Visual Representation 4.Page Layout 5.Screenspace 6.Interaction 7.Meta Data 8.Color Link below 👇 by @benjbach #ux #ui #uxdesign #uidesign #dashboard #productdesign #website #websitedesign #programming #html #css #js #react #ecommerce #health #data #mobile #iPhone #android #userexperience #business

Excellent Design Systems Database! 🔥🔥 Best-in-class Design Systems with components and foundations references from top-tier tech companies and leading UI teams Check it out! designsystems.surf #ux #uxdesign #ui #uidesign #designsystem #productdesign #design #research #usertesting #usabilitytesting #usability #research #uicomponent #graphicdesign #visualdesign #prototype #business #startup #digital #uxprocess #uxstrategy

Kids are earning in 7-8 figures from Product Hunt It's not HARD as you think I have made up to $10,000 from Product Hunt And to help you do same I created a blueprint to earn $$$ on Product Hunt Like, Repost & reply "Hunt" & I'll DM link (Must be Following so I can DM)

v0 is now open for everyone. Generate UI in seconds with text or images. v0.dev/

CSS Tip! 🤙 You can use mask-composite and some JavaScript to create this pointer proximity following glow border ✨ .glow { mask-composite: intersect; mask-clip: padding-box, border-box; mask: linear-gradient(#0000, #0000), conic-gradient(#0000 0deg, #​fff, #0000 45deg); } The trick is to mask a background-image with a combination of mask layers. mask-composite: intersect; means the mask used will be the intersection of the layers 🔥 use source-in, xor; in browsers that don't support intersect; In this demo, you can use pseudoelements and rely on scoped custom properties to do a lot of the heavy lifting for you 🙌 Once you've masked the background, you need to update the starting angle of the conic-gradient on pointermove 👆 You can work that out by getting the center point of each card and then calculating the angle between that and the pointer with Math.atan2 🤓 let ANGLE = Math.atan2( event?.y - CARD_CENTER[1], event?.x - CARD_CENTER[0] ) * 180 / Math.PI ANGLE = ANGLE < 0 ? ANGLE 360 : ANGLE; CARD.​style.setProperty('--start', ANGLE 90) You plug that into your conic-gradient mask as a custom property accounting for --spread ⚡️ conic-gradient(from calc((var(--angle) - (var(--spread) * 0.5)) * 1deg), #000 0deg, #​fff, #0000 calc(var(--spread) * 1deg)); To get the blur, you apply a blur to the glow container on each card 🤙 .glows { filter: blur(calc(var(--blur) * 1px); } That's it! Layers of masks that are clipped and composited before being blurred 😎 The added trick is to fade each one in when the pointer is in the defined proximity of the card. For example, don't show unless within 100px of a card. You can see that in the video. Check out the JavaScript code for that 🫶 Couldn't resist making this one 😁 @CodePen link below! 👇

No Code Companies are earning in 7-8 figures You can do the same if you have the right profitable idea To help you I have created a list of companies you can take inspiration from and profitable ideas you can built Repost & reply "Send" & I'll DM link

HTTP is a stateless protocol. This means every request is independent. The web application server can’t tell if 2 requests came from the same browser or user. But the users aren’t stateless. No one wants to log in to your application every time they make a request. So - how do you help them? One solution is to use cookies. Yes, cookies! But not the one you eat when you’re hungry. A cookie is basically a key-value pair that’s stored on the browser. How do they work? - The user logs in to your frontend application. - The frontend sends the request to the backend server The backend server generates a cookie - It sets the cookie on the browser via the Set-Cookie response header. - The user makes a new request to view a different page. - The front end sends the request to the backend and includes the Cookie as part of the header. - The server checks the cookie for the user and responds with the required data. Here’s what the process looks like: Sounds good, doesn’t it? But there’s a major issue with using cookies. Cookies are accessible via the browser. You can modify the cookie information. That’s why it’s not a good idea to use cookies for storing sensitive data about the users. This is where sessions come into the picture. The session contains a unique set of characters to identify the user. It works as follows: - The user makes a login request - The frontend sends the request to the backend server - The backend creates a session using a secret key and stores it in some sort of session storage (database or cache) - Next, the server sends a cookie back to the client - However, the cookie contains the unique identifier for the session - The user makes a new request to view another page. - The browser sends the session ID as part of the cookie. This time only the server can validate whether the session is valid. Here's what the entire process looks like: Few important points to mention over here: ✅Cookies can have a “Secure” flag indicating that it should only be sent over HTTPS. This is good for security reasons. ✅Also, “HttpOnly” cookies restrict the cookie’s access to JavaScript reducing the risk of XSS attacks. ✅Cookies (especially 3rd party cookies) raise a bunch of privacy concerns because they can be used to track user behavior. ✅While cookies can be made secure, server-side sessions provide additional layers of security against CSRF attacks and handling sensitive information ✅Also, server-side sessions can be centrally managed. This means you can invalidate sessions, expire or revoke them if needed. === That’s all for now! If you enjoyed this deep dive into Cookies and Sessions, don’t forget to: - Give the LIKE button a cookie - REPOST so that everyone gets the right session id in the cookie - BOOKMARK for future reference - Follow me for more posts like this

🚨Launch Alert I've been working on FREE Product Design Challenges to help you build a better portfolio or transition to a new industry. • 70 challenges • 5 industries • 14 late nights • ALL FREE Like & RT and I will DM you access!

6 API Architectural designs You Must Know 1. REST 🌐 Representational State Transfer - REST is like a classic library where you request specific books and receive them as they are. It's simple and widely used for web APIs, like ordering a la carte from a menu 🍽️. 2. GraphQL 🚀 GraphQL is like a customizable buffet 🍴 where you ask for exactly what you want and get a tailored plate. It allows clients to request only the data they need, reducing over-fetching. 3. SOAP 🧼 SOAP (Simple Object Access Protocol) is like sending a letter 💌 with detailed instructions, complete with a table of contents. It's more structured but can be heavier than REST or GraphQL. 4. gRPC 🚄: gRPC is like a high-speed train 🚄 for communication between services. It uses Protocol Buffers for efficient data exchange and supports streaming and bidirectional communication. 5. WebSockets 🌐💬 WebSockets are like real-time phone calls ☎️ for the web. They enable two-way communication, perfect for chat apps and live updates. 6. MQTT 📡 MQTT (Message Queuing Telemetry Transport) is like a radio broadcast 📻, designed for low-bandwidth, high-latency, or unreliable networks. Ideal for IoT devices and sensor data. ▷ 👍🏿 Subscribe to our newsletter - bit.ly/45ucZPf #systemdesign #coding #interviewtip

UI/UX Designer. Here are my favourite places on the internet for design inspiration: Catalog → curated.design Websites → land-book.com Design Research → refero.design Mobile & Web App → mobbin.com One more 👇

Learn design for free in 2024: UX → lawsofux.com Logos → logggos.club Fonts → fontshare.com Illustrations → popsy.co Inspiration → godly.website Research → guidetouxr.com Mockups → mockupworld.co Principles → principles.design Design Mentorship → adplist.org Design Systems → designsystems.com curated by: @namyakhann

5 developer tools that will make you 90% more productive:

Design is hard. Here are my favorite places on the internet for design inspiration: curated.design → catalog land-book.com → websites refero.design → design research mobbin.com → mobile & web app saaslandingpage.com → saas landing pages

It's only been 11 hours since OpenAI Dev Day Here are 12 of the craziest things people have already built already Including AI Sports narrator and website roaster. 🧵 Thread below