Learn CSS™

前往频道在 Telegram

All info and tutorial of CSS https://bio.link/learncss For HTML: @html_web_learn For CSS: @CSS_web_learn For JS: @JavaScript_js_learn For PHP: @learn_php_web For Programming courses @Programmingworld_dev For CEH,Cybersec: @CyberPunk_anonymous

显示更多

马来西亚64 190 技术与应用74 996

613

订阅者

无数据24 小时

+17 天

+1830 天

无数据

帖子浏览量

无数据24 小时

无数据48 小时

无数据

参与率

无数据

每日帖子数

Ads index

beta

帖子存档

613

Complete guide on Flexbox CSS and example use cases https://dev.to/johnpalmgren/flexbox-complete-guide-for-beginners-56bp #css #flexbox

613

Top 10 Features Introduced In Tailwind CSS v3.0 https://levelup.gitconnected.com/top-10-features-introduced-in-tailwind-css-v3-0-39f9700b12a1

613

A simple exercise from Lama Dev on creating e-commerce web pages with HTML, JavaScript and CSS https://youtu.be/b3Gqq_k-g24 --- Create a subtle box shadows shadow effect with CSS and HTML https://www.freecodecamp.org/news/how-to-create-beautiful-box-shadows-in-html-and-css/ --- Creating a Floating Action Button with the help of pure CSS https://javascript.plainenglish.io/how-to-create-a-floating-action-button-with-pure-css-positioning-e52ba498083f --- Create Pie Chart diagrams with only CSS and HTML https://www.freecodecamp.org/news/css-only-pie-chart/ --- #css #landingpage #piechart #floatingButton #boxShadow #ecommerce #lamaDev

613

Don’t Fight the Cascade, Control It! https://css-tricks.com/dont-fight-the-cascade-control-it/

613

For HTML: @html_web_learn For CSS: @CSS_web_learn For JS: @JavaScript_js_learn For PHP: @learn_php_web For Flutter: @Flutter_app_dev For Kotlin: @kotlin_app_dev For businesses related content : @businesssucesstutorship For Programming courses @Programmingworld_dev For CEH, Cybersecurity: @CyberPunk_anonymous For discussion: @devlopers_hub

613

Smashing Magazine's long guide on creating Gradients with CSS https://www.smashingmagazine.com/2022/01/css-radial-conic-gradient/ #css #smashingMagazine #gradient

613

Design Course released a lengthy exercise on introduction to Modern HTML and CSS for 2022 and beyond. The exercise can be seen at the link below https://youtu.be/gXLjWRteuWI #designCourse #html #css

613

Ultimate List of Free Web Development Resources -. Topics Covered 👇 🔹Online Learning Platforms 🔹 Free Code Snippets 🔹 Documents 🔹 Learn By Playing Games 🔹 Icons 🔹 Illustrations 🔹 Free Web Hosting 🔹 YouTube Channel Let's Start 🔥 🔶 Online Leaning Platforms 🔹 Free Code Camp - https://www.freecodecamp.org/ 🔹 Udemy - https://www.udemy.com/ 🔹 Treehouse - https://teamtreehouse.com/ 🔹 Udacity - https://www.udacity.com/ 🔹 Cousera - https://www.coursera.org/ 🔹 Sololearn - https://www.sololearn.com/ 🔹 Frontend Masters - https://frontendmasters.com/ 🔹 W3Schools - https://www.w3schools.com/ 🔹 Codeacademy - https://www.codecademy.com/ 🔹 Traversy Media - https://www.traversymedia.com/ 🔹 Alison - https://alison.com/ 🔹 Skillshare - https://www.skillshare.com/ 🔹 MDN Docs - https://developer.mozilla.org/en-US/ 🔶 Free Code Snippets 🔹 Codepen - https://codepen.io/ 🔹 Free Frontend - https://freefrontend.com/ 🔹 Code My UI - https://codemyui.com/ 🔹 Play Code - https://playcode.io/ 🔹 JS Bin - https://jsbin.com/ 🔹 JS Fiddle - https://jsfiddle.net/ 🔹 CodeSandBox - https://codesandbox.io/ 🔹 Web Code Tools - https://webcode.tools/ 🔹CSS Flow - https://www.cssflow.com/ 🔹 CodePly - https://www.codeply.com/ 🔹 CodePad - https://coderpad.io/ 🔹 CSS Deck - https://cssdeck.com/ 🔹 Code Interview - https://codeinterview.io/ 🔶 Documentation 🔹 Dev Docs - https://devdocs.io/ 🔹 GeeksForGeeks - https://devdocs.io/ 🔹 Tutorials Point - https://www.tutorialspoint.com/ 🔹 W3Schools - https://www.w3schools.com/ 🔹 Java Point - https://www.javatpoint.com/ 🔶 Online Games 🔹 Floxbox Defense - http://www.flexboxdefense.com/ 🔹 Unflod - https://unfold.com/ 🔹 Grid Garden - https://cssgridgarden.com/ 🔹 CSS Diner - https://flukeout.github.io/ 🔹 Code Combat - https://codecombat.com/ 🔹 Coding Game - https://www.codingame.com/ 🔹 Screeps - https://screeps.com/ 🔹 Flexbox Froggy - https://flexboxfroggy.com/ 🔹 Code Monkey - https://www.codemonkey.com/ 🔹 Cyber Dojo - https://www.cyber-dojo.org/creator/home 🔶 Free Icons 🔹 Font Awesome - https://fontawesome.com/ 🔹 Icons8 - https://icons8.com/ 🔹 Flaticon - https://www.flaticon.com/ 🔹 Pixeden - https://www.pixeden.com/ 🔹 Fontello - https://fontello.com/ 🔹 Icon Finder - https://www.iconfinder.com/ 🔹 Captain Icon - https://mariodelvalle.github.io/CaptainIconWeb/ 🔹 Endless Icons - https://endlessicons.com/ 🔹 Icon-Icons - https://icon-icons.com/ 🔹 Round Icons - https://roundicons.com/ 🔶 Illustrations 🔹 Freepik - https://www.freepik.com/ 🔹 Undraw - https://undraw.co/ 🔹 Drawkit - https://www.drawkit.io/ 🔹 Humaaans - https://www.humaaans.com/ 🔹 Handz - https://www.handz.design/ 🔹 Open Doodles - https://www.opendoodles.com/ 🔹 Illustration. co - http://illustration.co/ 🔹 Vivid Js - https://webkul.github.io/vivid/ 🔹 Many Pixels - https://www.manypixels.co/ 🔶 Free Web Hosting 🔹 GitHub Pages - https://github.com/ 🔹 Netlify - https://www.netlify.com/ 🔹 AWS - https://aws.amazon.com/ 🔹 Firebase - https://firebase.google.com/ 🔹 Infinity Free - https://infinityfree.net/ 🔹 WordPress - https://wordpress.com/ 🔹 Wix - https://www.wix.com/ 🔹 Weebly - https://www.weebly.com/in 🔹 Shopify - https://www.shopify.in/ 🔶 YouTube Channel 🔹 FreeCodeCamp - https://youtube.com/c/Freecodecamp 🔹Traversy Media - https://youtube.com/c/TraversyMedia 🔹 Dev Ed - https://youtube.com/c/DevEd 🔹 Programming With Mosh - https://youtube.com/c/programmingwithmosh 🔹 Tyler Moore - https://youtube.com/user/Conutant 🔹 Web Bos - https://youtube.com/c/WesBos 🔹 Coding The Smart Way - https://youtube.com/c/Codingthesmartway 🔹 Code With Harry - https://youtube.com/c/CodeWithHarry 🔹 Clever Programmer - https://youtube.com/c/CleverProgrammer 🔹 Yahoo Baba - https://youtube.com/c/YahooBaba 🔹 Design Course - https://youtube.com/c/DesignCourse

613

Practice with Josh Comeau on Gradient builder using CSS https://www.joshwcomeau.com/css/make-beautiful-gradients/ --- Basic practice using Form input to create text box in HTML https://www.freecodecamp.org/news/text-box-in-html-the-input-field-html-tag/ --- Basic practice of creating animations in a web application with the GSAP library https://blog.bitsrc.io/practical-guide-to-getting-started-with-gsap-greensock-animation-platform-21ff9638ea70 --- #css #gradient #joshComeau #gsap #html #input

613

Repost from Learn Web Development

Becoming a Web3 developer isn't hard! If you have the right support. 8 Stunning resources to kickstart your Web3 career 👇 1. Nader Dabit Full-stack ethereum development. From Solidity to React, and Ethereum authentication. https://youtube.com/c/naderdabit 2. Buildspace If you're a dev that's curious about web3 but not sure where to start this is the spot for you. Start building cool stuff right now, earn NFTs, access secret work opportunities in crypto. https://buildspace.so/ 3. OpenZeppelin The standard for secure blockchain applications. Deploy your NFTs, and learn how to create a Crypto coin through examples. https://openzeppelin.com/ 4. Alchemy Deploy your first Smart Contract, or a super precise Gas prices estimator, completely for free on Alchemy's docs. https://docs.alchemy.com/alchemy/ 6. Ethereum The source of every truth. Learn Solidity by examples, understand how Ethereum works, and master Smart Contracts. https://ethereum.org/en/developers/ 7. useweb3 A collection of tens of resources, to learn Web3, and Blockchain Development, at every level. https://www.useweb3.xyz/ 8. Solidity by example Learn Solidity using real-world cases. Learn how to transfer coins, create a bidding system, or how to deploy your own tokens. https://solidity-by-example.org/ #Web3 #NFT #Crypto #ETH #Tokens

613

Repost from N/a

Everyone is talking about NFTs. Only 0.001% of people understand their importance. 7 resources to understand NFTs ↓ 1. Ethereum(dot)org Learn what NFTs are from the creators of Ethereum themselves. A full guide about use-cases, technology, and common principles! https://ethereum.org/en/nft/ 2.Hashnode Web3 The ultimate guide to what NFTs are and why they matter + a step-by-step guide on how to mint your own NFTs. https://web3.hashnode.com/how-to-mint-an-nft-a-step-by-step-guide-to-creating-your-first-nft 3. Web3(dot)university Covering the fundamentals of web3 development: from writing Solidity to minting NFTs, to building full-stack dApps. https://www.web3.university/article/how-to-create-an-nft 4. airnfts Literally, everything you need to know about NFTs, Metaverse, Cool projects, and much more! https://www.airnfts.com/blog 5. nonfungible As they say: "Your source of market analysis and projects reviews for the NFT ecosystem". https://nonfungible.com/blog 6. NFT Plazas The ultimate go-to website for everyone who wants to learn about NFTs + more as it covers a broad range of related topics. https://nftplazas.com/ 7. OpenSea Where to learn about NFTs if not on the biggest NFTs Marketplace on Earth? Tens of guides, data, and news. https://opensea.io/blog #NFT #Web3

613

Practice with Kevin Powell on some of the new CSS features that are now available https://youtu.be/Ek1JP3BzbhY #css #kevinPowell

613

Introduction to Flexbox CSS with Freecodecamp https://www.freecodecamp.org/news/learn-css-flexbox/ #flexbox #css

613

Practice with Dcode in creating a Button with a transparent style using CSS https://youtu.be/n4nG2K44owE #dcode #button #css #transparent

613

Repost from Learn Web Development

A study guide and roadmap for Web Development in 2022 from Traversy Media https://youtu.be/EqzUcMzfV1w #roadmap

613

Repost from Learn Html

Are You Looking for HTML Template Design Ideas for Your Next Project? 🤔 You can use These Sites 😉 1️⃣ ThemeForest One of the most famous sites that you can buy designs and templates from, whether for your website or blog, it has paid designs, but you can preview some of them and take ideas from design forms. 2️⃣ StartBootstrap A site for Designing and Developing Bootstrap UI tools to help designers and developers build beautiful and powerful web Applications. 3️⃣ Graphberry It is a great site to provide you with the development of your creativity, and the site enables you to download files for Photoshop, files for Xd and HTML for the web. 4️⃣ Colorlib The site provides you with a set of easy and simple designs that you can watch and imitate for training on designing web pages. The site has free designs and paid designs. 5️⃣ Dribbble From the famous sites for designers, you can browse the site and take many design ideas. 6️⃣ Behance Behance is also one of the most useful sites that will benefit you greatly as a designer, whether graphic or web in general.

613

50 Great Websites For Web Developers - 1. Hidden Tools - https://hiddentools.dev/ 2. Music For Programming - https://musicforprogramming.net/ 3. Programming Language Convertor - https://ide.onelang.io/ 4. HTTP Cat - https://http.cat/ 5. Iconscout - https://iconscout.com/ 6. CSS Zen Garden - http://www.csszengarden.com/ 7. A List Apart - https://alistapart.com/ 8. Code Project - https://www.codeproject.com/ 9. Scotch - https://scotch.io/ 10. TutsPlus - https://tutsplus.com/ 11. Creative Blog - https://www.creativebloq.com/ 12. Codrops - https://tympanus.net/codrops/ 13. MDN Web Docs - https://developer.mozilla.org/zh-CN/ 14. The Odin Project - https://www.theodinproject.com/ 15. Code Wars - https://www.codewars.com/ 16. WpSessions - https://wpsessions.com/ 17. CSS Autor - https://cssauthor.com/ 18. Laracasts - https://laracasts.com/ 19. Web Design News - https://www.webdesignernews.com/ 20. UX Movement - https://uxmovement.com/ 21. Gradient Magic - https://www.gradientmagic.com/ 22. Trianglify - https://trianglify.io/ 23. CSS Tricks - https://css-tricks.com/ 24. Free Frontend - https://freefrontend.com/ 25. Code My UI - https://codemyui.com/ 26. CSS Reference - https://cssreference.io/ 27. HTML Reference - https://htmlreference.io/ 28. Frontend Mentor - https://www.frontendmentor.io/ 29. Site Point - https://www.sitepoint.com/ 30. Free CSS - https://www.free-css.com/ 31. Awesome Python - https://pythonawesome.com/ 32. Fun JavaScript Projects - https://fun-javascript-projects.com/ 33. Daily Dev - https://daily.dev/ 34. Dev Docs - https://devdocs.io/ 35. ShortCode Dev - https://shortcode.dev/ 36. What Runs - https://www.whatruns.com/ 37. 1LOC - https://1loc.dev/ 38. Web Code Tools - https://webcode.tools/ 39. Am i Responsive - http://ami.responsivedesign.is/ 40. Shape Divider - https://www.shapedivider.app/ 41. Fancy Border Radius - https://9elements.github.io/fancy-border-radius/ 42. CSS Gradient - https://cssgradient.io/ 43. CSS Clip Path - https://bennettfeely.com/clippy/ 44. CSS Layout - https://csslayout.io/ 45. 30 Seconds Of Code - https://www.30secondsofcode.org/ 46. Undraw - https://undraw.co/ 47. Humaaans - https://www.humaaans.com/ 48. W3 Layouts - https://w3layouts.com/ 49. Templatemo - https://templatemo.com/ 50. Tooplate - https://www.tooplate.com/

613

Repost from Programming World👨‍💻

𝗦𝘂𝗺𝗺𝗲𝗿 𝗼𝗳 𝗕𝗶𝘁𝗰𝗼𝗶𝗻 𝗜𝗻𝘁𝗲𝗿𝗻𝘀𝗵𝗶𝗽 𝗶𝘀 𝗯𝗮𝗰𝗸!! 🚨 📌 What is Summer of Bitcoin ❓ - A Global Summer Internship Program focused on introducing university students to bitcoin and open-source development. 📌 Who is eligible ❓ - College Students in any year are eligible. 📌 Perks 👉 Contribute to bitcoin projects 👉 Earn 3000 USD in bitcoin as a stipend 💲 👉 Build a career in bitcoin ✅Apply Link: https://www.summerofbitcoin.org/

613

top-50-csscascading-style-sheet-interview-questions.pdf0.76 KB

613

Become a Certified Frontend Developer : 1. Exam 70-480 by Microsoft : https://www.microsoft.com/en-us/learning/exam-70-480.aspx 2. HTML5 Certification From CanCanIT : https://cancanit.com/html5-certification/ 3. FreeCodeCamp Responsive Web Design Certification : https://www.freecodecamp.org/learn 4. Udemy - Certification Course for Beginners : https://click.linksynergy.com/link?id=jU79Zysihs4&offerid=996030.2410956&type=2&murl=https%3A%2F%2Fwww.udemy.com%2Fcourse%2Fhtml-css-certification-course-for-beginners%2F 5. CP450 – HTML 5.0 (NCSA) : http://www.ncsacademy.com/certification/html5.cfm 6. edX: Front End Web Developer Professional Certificate Program : https://www.awin1.com/cread.php?awinmid=6798&awinaffid=428263&ued=https%3A%2F%2Fwww.edx.org%2Fprofessional-certificate%2Fw3cx-front-end-web-developer 7. LinkedIn: Introduction to Web Design and Development : https://linkedin-learning.pxf.io/15Wedm