Muhammad Yaseen’s Post

In 2006, I developed a visual StyleSheet Editor for EZ Board (demo below). The HSV Color Picker for that is here: https://lnkd.in/gC5-yvKz It's easy to look back on it now and see how bad the code is, using `var`, functions too long, too many JSDoc-style comments, and surely hiding some bad stuff in that code. Now, we can use:— <input type="color"/> — But there's a sense of nostalgia in it. This was written 18 years ago and was designed to run in Internet Explorer 6. See also: https://lnkd.in/gAp99GbK https://lnkd.in/gfPBjiYT)

🚀 Excited to share my latest project - Post Palette! using #react , #tailwind , #appwrite 🚀 Huge thanks to Hitesh Choudhary sir for his incredible React course #ChaiAurReact, which helped me bring this project to life! 🙏 Learning through this course has been an amazing journey. ✨ On top of the tutorial features, I’ve added: 1. Email OTP verification for signup 2. Automatic slug generation with customization options 3. Error handling for duplicate slugs 4. Featured image preview 5. An improved UI and landing page design ## Stay tuned for more updates, as I’m working on new features like user profiles, author details, and enhanced responsiveness! Check it out live here 👉 https://lnkd.in/dKfER-Ua Explore the code here 👉 https://lnkd.in/dJKipjfj Let me know what you think!

Notes for Basics of Jetpack Compose Part 4: Modifiers Modifiers enhance Compose UI elements by providing decoration or adding behavior. Examples include backgrounds, padding, and click event listeners for rows, text, or buttons. Modifiers can be chained, and the sequence of modifiers matters. Modifiers in Compose serve a similar purpose of XML attributes like id, padding, margin, color, alpha, ratio, and elevation etc. @Composable private fun UserProfile(fullName: String) { Column( modifier = Modifier .padding(16.dp) .fillMaxWidth() ) { Text(text = "Name") Text(text = fullName } }

Next stop - HTML5 and CSS launched two static website clones using HTML/CSS! Used GitHub to host my projects. Static clone website 1: https://lnkd.in/gk8iGAt9 (ps: of course why not of my own company) Inkd Static clone website 2: https://lnkd.in/g9gq8Gjh resources: https://lnkd.in/gSi5A2MM https://lnkd.in/gGHA7qqq and a lot of random YouTube videos #WebDev #HTML #CSS #GitHosting #Projects #learninpublic

🚀 Excited to Share My Latest Project!🚀 I’ve just completed a fun project where I created a Background Color Changer using HTML, CSS, and JavaScript! 🌈 🔍 Project Overview: In this project, I implemented: HTML for structure CSS for styling and smooth transitions JavaScript to dynamically change the background color with a click of a button 💻 Key Features: A simple user interface with multiple color options Smooth transitions for a better user experience Efficient use of addEventListener to handle click events 👨💻 What I Learned: This project helped me deepen my understanding of: DOM manipulation in JavaScript Event handling Styling with CSS I’m excited to continue my learning journey and create more interactive projects! If you're interested in web development or have tips to share, feel free to connect! Check out the code on my GitHub : https://github.com/ Here's the live view of my project : https://lnkd.in/dhyZKXty #WebDevelopment #JavaScript #HTML #CSS #Coding #LearningJourney #LearnToCode #TechInnovation #InteractiveDesign #CreativeCoding #Inspire #BuildingInPublic

I recently published a small update to my "Kizzle Splatter" - Node! You can grab it until the end of the week with a discount of 50% using the code: KIZZLESPLAT_01 What changed? New Features: - Mask Variation Enhancements: Added new parameters to fine-tune your masks: - Fuzz: Introduce subtle edge randomness for a more organic look. - Softness: Adjust the edges of the mask for smoother transitions. - Support for Custom Inputs: You can now use up to 4 Custom Inputs, enabling greater flexibility and creativity in your designs. - Uniform Rotation: Added a new parameter for consistent, uniform rotation of elements, making patterns more cohesive and controlled. Fixes: - Scaling Calculation: Resolved an issue with incorrect scaling, ensuring accurate proportions and layouts. Upgrade now to explore the new features and enjoy a smoother, more precise workflow! https://lnkd.in/eV677NBj #substandedesigner #madewithsubstance #discount #tools #procedural

🌈 Excited to share my latest front-end project, Rongin-color palette generator! With its intuitive interface, creating beautiful color palettes has never been easier. Simply pick a color or select one from an image, customize with various algorithms, and voila! Here's a quick rundown of its features: 🎨 Select colors from images effortlessly. 🌟 Generate 10 shades for each color, from light to dark. 🖌️ Edit and customize colors easily with the slider. ➕ Add more colors to your palette with a click. 🗑️ Delete unwanted colors effortlessly. 📋 Copy individual colors with a simple click. 💾 Export your palette in CSS, SCSS, LESS, or Tailwind formats. 💾 Save your color palette for later use. 👀 Preview your palette in action on different components. Give it a try and let me know what you think! #frontend #colorpalette #webdev #design #html #css #javascript https://lnkd.in/eEfQAXPu https://lnkd.in/ePq_x3St

Learning a ton about size-adjust and font-size-adjust to reduce layout shift from @[email protected]’s talk at #perfnow.

"Excited to share my latest project! 🍕 I just launched a "Pizza_Restaurant" webpage using HTML, CSS, and Bootstrap. Explore the delicious design live on GitHub. From mouthwatering menus to seamless navigation, it's a slice of web perfection! Thank you, Ayush Bansal, sir! Check it out now: https://lnkd.in/gthZ8HS2 #WebDevelopment #ResponsiveDesign #GitHubLive"

Packery is a JavaScript layout library that arranges elements in a grid, allowing for a "masonry" layout. It handles the positioning of items in a grid with minimal gaps and supports drag-and-drop for reordering elements. https://lnkd.in/eR4g3FwS #realjema