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
Forwarded from Cyber Punk
DISCORD NITRO 3 MONTHS

Only new Discord Nitro users

Link: steelseries.com/discord

#discord
#Collected
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
Practice creating animated effects on Buttons using CSS, with the Simplified Web Dev channel

https://youtu.be/RDLg-p6PdTA

#button #css #webdevsimplified
Practice with Dcode on creating a Theme Selector feature with pure JavaScript, HTML and CSS only

https://youtu.be/FEfs0OkjZ9c

#dcode #css #html #theme #selector
An important exercise with Kevin Powell on the introduction of CSS concepts that must be understood and learned

https://youtu.be/JnTPd9G6hoY

#css #kevinPowell
Creating Box Shadow effect on HTML elements with the help of CSS

https://www.freecodecamp.org/news/how-to-create-beautiful-box-shadows-in-html-and-css/

---

Explanation of meta tags in HTML and examples of cases

https://www.freecodecamp.org/news/meta-tag-in-html-what-is-metadata-and-meta-description-example/

---

The best tips and tricks in compiling HTML display and getting good SEO

https://www.freecodecamp.org/news/html-best-practices/

---

#css #box #shadow #html #meta #seo
Making back to top button using CSS and HTML

https://www.freecodecamp.org/news/css-only-back-to-top-button/

---

Practice creating SVG images with the help of a JavaScript library called Pablo JS

https://blog.logrocket.com/building-svgs-javascript-pablo/

#pablo #svg #backToTop #css
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