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
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
HTML tip🚀

Use "translate" attribute and set it value to "no" for your company name.
So that in case, the webpage is translated into another language, your brand name will remain intact
You can use HTML entity or HTML code to print some cool symbols or icons

Check out the full list👇

https://www.toptal.com/designers/htmlarrows/symbols/
Forwarded from Learn CSS
Cheat sheets.pdf
4.9 MB
CSS Layout Notes
Forwarded from Learn Web Development
If you're learning or planning to learn Web Development in 2021 then this is for you👇

WHERE TO START? Front-end or Backend?

- Well this may be a debatable question but I would suggest you to start with front-end development

- It depends entirely on the individual but in my opinion, starting with front-end development has its advantages.

WHY TO START WITH FRONT-END DEVELOPMENT?

- More visual content gives you an aesthetic vibe

- You can share your creations

- Easier to get feedback as you can show your webpages to any non technical person as well

WHY TO START WITH FRONT-END DEVELOPMENT?

- More visual content gives you an aesthetic vibe

- You can share your creations

- Easier to get feedback as you can show your webpages to any non technical person as well



FUNDAMENTALS ARE IMPORTANT

- Don't rush! Spend some time on HTML, CSS and JavaScript. You can do pretty amazing things using these three languages


- Make sure to learn and build some web pages using HTML and CSS before jumping onto JavaScript

- JavaScript is the backbone of web development, Don't rush to start with React/Angular/vue or any other front-end framework or library


-DOCUMENT YOUR LEARNING✍️

- Take a short note of what you learn on the daily basis will be helpful in the long term

- Whenever you go for an interview or some test, you can revise through your notes


- You can also share your learning, projects or anything on social media. It also helps you to be up-to-date

- Write your achievements or failures while learning a specific topic, create tutorials, write article, etc


There are a lot of free tools and courses on the internet you can start with

- I always recommend start with a crash course so that you can have taste of things. Later on, you can buy a course or learn by self teaching


DYNAMIC FIELD🚀

- Web development is a constantly evolving field. To be a great developer, you need to stay updated

- Almost daily, we come across with new concepts, technique, framework, library, designs, etc. So as to survive strongly in this world, you should be updated


- In order to keep up with these, You can read latest article, watch YouTubers, be active on social media, etc

- It will be more beneficial if you can put new concepts into practice. It will help you to understand a specific concept more accurately and effectively


THERE IS ALWAYS A SLIGHT MARGIN TO IMPROVE🍀

- You can't be perfect in this field but you can try to be

- Always be open to learn new things, as this is the vast field learning new techniques always pays off

BE POSITIVE😁

- During your journey you will face many challenges. But it does not matter. What matters is your attitude towards your problems

- Frustration is the basic side effect of coding. Just take a break. No need to burden yourself

This all may sound like a little hectic but it's actually not.

Do not burden yourself. Just try to code daily so that you can develop consistency inside you. Does not matter for hours or minutes

That's pretty much it. Don't think much just start. Let me know if i can help you in any way

All the best😄