Learn CSS
788 subscribers
212 photos
5 videos
32 files
510 links
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
Download Telegram
best algo i ever heard😂😂
𝗦𝘂𝗺𝗺𝗲𝗿 𝗼𝗳 𝗕𝗶𝘁𝗰𝗼𝗶𝗻 𝗜𝗻𝘁𝗲𝗿𝗻𝘀𝗵𝗶𝗽 𝗶𝘀 𝗯𝗮𝗰𝗸!! 🚨

📌 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/
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/
Forwarded 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.
Forwarded from Learn Web Development
A study guide and roadmap for Web Development in 2022 from Traversy Media

https://youtu.be/EqzUcMzfV1w

#roadmap
Practice with Dcode in creating a Button with a transparent style using CSS

https://youtu.be/n4nG2K44owE

#dcode #button #css #transparent
Introduction to Flexbox CSS with Freecodecamp

https://www.freecodecamp.org/news/learn-css-flexbox/

#flexbox #css
Practice with Kevin Powell on some of the new CSS features that are now available

https://youtu.be/Ek1JP3BzbhY

#css #kevinPowell
Forwarded from Cyber Punk
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
Forwarded 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
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
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
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
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
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