Learn Html
355 subscribers
101 photos
2 videos
34 files
263 links
All info and tutorial of Html
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 Learn Web Development
How to Learn Web Development Using Free Resources

https://www.freecodecamp.org/news/learn-web-development-for-free/amp/


#Webdevelopment #JS #JavaScript #Html #Css #web

Follow @learn_webdevelopment for Web development content
Forwarded from Learn CSS
Some lightweight CSS frameworks you can try for a quick project

🔹Pure
🔸Picnic CSS
🔹Chota
🔸Wing
🔹Milligram
🔸MUI
🔹Base
🔸Spectre
🔹Skeleton
Forwarded from Learn CSS
Found an amazing CSS GitHub repository🔥

In this repo you will find a huge categorised list of CSS frameworks based on

- Normalise
- Class-less
- Very lightweight
- General purpose
- Material design
- Specialized
- Toolkits
- Stalled development



🖇️ https://t.co/rYxHRVAcDr
Forwarded from Programming World👨‍💻 (☠️Anonymus Venom☠️)
6 GitHub repositories that can help you as a developer

📌 Art of Command Line

Learning command line interface is always beneficial for developer. In this repo you'll find different section for Linux, windows and MAC commands


https://t.co/uF2RlcUIxb

📌 Front-end Developers Bookmarks

A huge collection of resources for frontend web developers including appearance, architecture, compatibility etc

https://t.co/1G1q7mmC0t

📌 CSS Pro Tip

As the repo name suggests, In this repo you'll find a lot of tips and tricks that can help you to become a CSS pro

https://t.co/5haB2xTWuz

📌 Awesome Interview Questions

In this repo you'll find a huge list of interviews questions divided in the various section in according to the language, frameworks and libraries

https://t.co/iXNMTENv46

📌 30 Seconds of Code

Short JavaScript code snippets for all your development needs

https://t.co/zWcmMtg2xa

📌 Awesome Design Patterns

A curated list of software and architecture related design patterns divided in the various categories. Definitely check it out.

https://t.co/Cg3xHXuTuF


Follow @Programmingworld_dev for more programming stuff
The "pattern" attribute specifies a regular expression that the <input> element's value is checked against on form submission

For example, in this particular case the input only accept the 3 letters
HTML TIP 🚨

Using "multiple" attribute of input element, user is allowed to enter more than one value in the <input> element

It is valid for type email and file only
The time, date and datetime-local types of input in HTML
HTML Tip 💡

Use the <picture> element to offer alternative versions of an image for different display/device scenarios.

Useful for:
1. Loading simpler versions of an image.
2. Offering alternative image formats.
The text-indent property specifies the indentation of the first line in a paragraph or a single line
Forwarded from Learn CSS
Check out these cool websites for icons👇

🔹icons .getbootstrap.com
🔸simpleicons .org
🔹boxicons .com
🔸css .gg
🔹evil-icons .io
🔸feathericons .com
🔹heroicons .dev
🔸teenyicons .com
🔹 iconpark .bytedance.com
3 websites I recommend every newbie to master their HTML and CSS skills

1. frontendmentor .io
2. devchallenges .io
3. awwwards .com
You can create shortcut key for your element using "accesskey" attribute.

It will focus or activate a particular element on your web page.
HTML Tip 💡

The "spellcheck" attribute is used to check the spelling and Grammar.
Learn Html pinned a photo
Best practices are the set of rules that a developer should follow in order to improve the quality of software and writing more maintainable code

🚨
An amazing GitHub repo for HTML best practice 😺
Definitely check it out


🖇️ https://t.co/vAr8XvHSuj
HTML Tip🚨

The "type" attribute of <ol> element
HTML and CSS templates👇🏻

🔹templatemo .com
🔸templated .co
🔹html5up .net
🔸mashup-template .com
🔹uideck .com
🔸onepagelove .com
🔹splawr .com
🔸W3.CSS templates
🔹tooplate .com
🔸free-css .com
🔹w3layouts .com
🔸nicepage .com
🔹html5-templates .com
Forwarded from Learn Web Development
Free website templates that you can use for your next project

1. Nice page

- Modern web technologies used in web templates, including HTML CSS JavaScript, and bootstrap

Link:

https://t.co/2LZP6izMEp

2. W3.CSS

- Originally developed by w3 schools which are fully responsive

https://t.co/maKYYzI8PA

3. All Free Download

- As the website name suggests, Free templates using HTML CSS JavaScript free website templates for free download.

https://t.co/W6NZCNAudY

4. Free CSS

- The free website templates over 3000 that are showcased here are open source, creative commons or totally free.

https://t.co/9IOL8wsa3Q

5. Start Bootstrap

- This is more than templates. Bootstrap themes, templates, and UI tools to help you start your next project!

https://t.co/WNFlTl5rkE

6. Tailwind Toolbox

- Free Tailwind CSS Templates, Components and Resources

https://t.co/5l08HJNW0W

7. Templated

- A collection of 867 simple CSS, HTML5 & Responsive site templates

https://t.co/Zycq6sJ5KQ

8. Dev Portfolio

- This is a GitHub repo for portfolio. Simply clone it and change it accordingly

9. Website templates

- 150+ Website Templates

https://t.co/jHCbnvgDtd