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
نمایش بیشتر613
مشترکین
اطلاعاتی وجود ندارد24 ساعت
+17 روز
+1830 روز
آرشیو پست ها
613
Linting defensive and logical CSS with Stylelint plugins
In this article, we’ll explore using Stylelint plugins to help us adopt and enforce defensive and logical CSS practices.
https://blog.logrocket.com/linting-defensive-logical-css-stylelint-plugins
613
Exercises from Dcode create Cards displays with CSS and HTML
https://www.youtube.com/watch?v=ZpRy5QJRVB4
#cards #html #css #dcode
613
CSS styling guide with Kevin Powell
https://www.youtube.com/watch?v=Y5TYDo9Qcv4
#css #kevinPowell #styling
613
An exercise from Web Dev Simplified about introducing some of the newest CSS features
https://youtu.be/y8CYSwHXVNE?si=EFjyUBON-nal-zCm
---
Collection of loader animation components with HTML and CSS
https://dev.to/afif/css-loaderscom-the-biggest-collection-of-loading-animations-more-than-500--23jg
---
Basic CSS training from Freecodecamp
https://www.freecodecamp.org/news/css-style-sheets-basics/
#css #loader #animation #webdevsimplified
613
The results of the State of CSS 2023 are out and can be seen at the following link
https://2023.stateofcss.com/en-US/
#css #stateOfCss #survey
613
Tips for using Tailwind CSS with James Quick
https://www.youtube.com/watch?v=Id-4SpNmV6I
#tailwind #css #tips
613
How to use the CSS Anchor property with Web Dev Simplified
https://www.youtube.com/watch?v=B4Y9Ed4lLAI
#css #anchor #webdevsimplified
613
Practice with Online Tutorials to create hover effects on Grid layouts with HTML and CSS
https://www.youtube.com/watch?v=-9vp6PyBZdE
#gallery #hover #onlineTutorials #html #css
613
How to center a div element with CSS
https://dev.to/vayolapradeep/demystifying-css-how-to-center-a-div-for-perfect-layouts-1eon
---
Prevent changes to layout elements with the help of the ch property
https://blog.logrocket.com/avoid-css-ch-layout-shifts/
---
Guide on how to transform elements with CSS
https://www.freecodecamp.org/news/complete-guide-to-css-transform-functions-and-properties/
---
Customize the appearance of the drop down select with CSS
https://blog.logrocket.com/creating-custom-select-dropdown-css/
---
Basic exercises on the introduction of SCSS
https://dev.to/classicthedemigod/getting-started-with-scss-the-css-preprocessor-with-superpowers-34ed
#scss #css #center #dropdown #guide
613
Repost from Learn AI, MetaVerse, Web3
🤖 Using AI for coding? Proceed with caution! 🚦
While helpful, overuse can lead to gaps. Ask yourself:
Am I missing how things work under the hood? 🤔
Are my Question asking skills getting rusty? 🎤
Can I explain my code without AI? 👨💻
Can I judge if the output is good? 🧐
Are my core skills growing? 📈
Does AI teach research skills? 🕵️♂️
Will I ace interviews without AI? 🎓
There are several communities that can help fill gaps! Ask your Qestions to build skills. 💪
AI supplements learning, doesn't replace it!
#ai #tool #caution
For More AI , Metaverse, Web3 Content Join @AI_metaverse_web3_learn
613
Repost from Learn AI, MetaVerse, Web3
🧠 New ChatGPT updates to enhance user experience
https://the-decoder.com/chatgpt-update-brings-useful-feature-known-from-microsofts-bing-chat/
OpenAI released an epic new feature for ChatGPT, allowing it to show suggested follow-up prompts at the bottom of outputs. They also just tweeted that they’ll be rolling out more updates over the weekend.
Here’s what’s coming:
Plus users can upload multiple files for analysis with the Code Interpreter beta.
Keyboard shortcuts, such as ⌘ (Ctrl) + Shift + C to copy code blocks, introduced to improve efficiency.
Staying logged in for more than two weeks, and defaulting to GPT-4 for ‘Plus’ users.
#ai #chatgpt #newfeatures
613
Repost from Learn AI, MetaVerse, Web3
Prepare for your next job interview with AI:
1: Mock interview with AI
interviewai.me
2: Interview questions
interviewgpt.ai
3: Interview notes
metaview.ai
4: Resume scan
accio.springworks.in
5: Job search
matchthatroleai.com
6: Apply automatically
applyish.com
7: Resume to jobs
hnresumetojobs.com
For More Content Join @AI_metaverse_web3_learn
613
Repost from Programming World👨💻
🚄 5 Tips for Coding Faster⚡️
🚀 Tip 1: Use Keyboard Shortcuts
Save time by using keyboard shortcuts for common coding tasks. ⌨️
Example: Use Ctrl+C and Ctrl+V to copy and paste code snippets quickly.
🔍 Tip 2: Utilize Code Snippets
Take advantage of pre-written code snippets to speed up your coding process. 💡
Example: Use a CSS code snippet for creating a responsive grid layout.
🔧 Tip 3: Employ an Integrated Development Environment (IDE)
Use an IDE with helpful features like auto-completion and debugging tools. 💻
Example: Utilize Visual Studio Code (VS Code) with its integrated terminal and Git integration.
📚 Tip 4: Document and Comment Your Code
Make your code easier to understand by adding clear comments and documentation. 📝
Example: Add comments to explain the purpose of each function and its input/output.
🔧 Tip 5: Practice and Improve Your Typing Speed
Boost your coding speed by practicing and improving your typing skills. ⌨️💨
Example: Use online typing tutorials or typing games to increase your speed and accuracy.
613
Repost from Learn AI, MetaVerse, Web3
Game-changing secret to Prompt Engineering
Here's the secret sauce:
🥣 Step 1️⃣: Assign a role. "You are Sherlock Holmes, a master detective,"
🕵️♂️ Step 2️⃣: Outline its mission. "Your task is to solve mysteries for crime novels" 📚
Step 3️⃣: Hand over the reins to ChatGPT: "Now, ask me all the questions you need to unravel a compelling mystery that will keep readers on the edge of their seats." 🎢
What you've done here is delegate the task of crafting the perfect prompt and context to ChatGPT. It will generate 8-10 Questions, answer them in detail. This way, you're feeding ChatGPT the data it needs to learn. That's the magic. 🎩✨
Step 4️⃣: Define input: "Users will request you to create mysteries for their novels, stories, or other works. Your job is to first ask clarifying questions to understand the task, then proceed with the mystery creation process." 📝
Step 5️⃣: Define output: "You need to write in a style, begin with a gripping opening scene, write only words per mystery, make the narrative suspenseful, and use clear, engaging language" 🖊️
Step 6️⃣: Provide 3-5 examples of inputs and outputs. 📋
Voila! Your ultimate prompt is ready. 🎉 With this, you're set to see results that are 50x better. 🚀 This prompting technique is the backbone of 80% of AI tools. 🤖
#ai #prompting #promptengineering #prompt #chatgpt #gpt3
For More AI , Metaverse, Web3 Content Join @AI_metaverse_web3_learn
613
Repost from Learn Web Development
Websites to practice Frontend skills :
1. Frontend Mentor
frontendmentor.io
2. Codewars
codewars.com
3. Codewell
codewell.cc
4. JavaScript30
javascript30.com
5. Coderbyte
coderbyte.com
6. CSS Battle
cssbattle.dev
7. FreeCodeCamp
freecodecamp.org/learn
8. Frontend Practice
frontendpractice.com
9. CodePen Challenges
https://codepen.io/challenges/?re
10. Dev Challenges
devchallenges.io
613
Repost from Programming World👨💻
How to MASTER a programming language using ChatGPT:
1. What are some commonly asked interview questions about [lang]?
2. What are the advanced topics to learn in [lang]? Explain them to me with code examples.
3. Give me some code examples for [concept] in [lang].
4. Give me some practice questions along with solutions for [concept] in [lang].
5. Tell me about some software design patterns in [lang].
6. Tell me about some anti-patterns in [lang].
7. What are some common mistakes that people make in [lang]?
613
Repost from Technical Stark ™
🔰LinkedIn Learning Lifetime Premium
Step 1: Click on this: Click Here
Step 2: Use this Library Card Number: 21901805167321
Step 3: Use this Pin:
280591
Step 4: Click on "Continue"
Drop your screenshot after getting access.
Happy Learning!
Note : Only work's on browser613
Add all these telegram channels to get a daily dose of latest updates of technology , programming and more
https://t.me/addlist/vYHKH6nix-Y2MDA1
613
Repost from Programming World👨💻
💫Some amazing Interview Experience Blogs which are one of the most upvoted on Leetcode💫
📍 Facebook interview experiences: https://bit.ly/3mE9zJz
📍 Amazon Final Interview Questions | SDE1: https://bit.ly/3A8rURW
📍 Amazon Behavioral questions | Leadership Principles: https://bit.ly/41HQl4z
📍 Google Onsite Backend Engineer Rejected: https://bit.ly/3ojW9Tj
📍 Facebook Phone Interview Questions: https://bit.ly/41x36io
📍 Bloomberg Phone Interview Questions: https://bit.ly/3orOaDA
📍 Amazon Online Assessment Questions: https://bit.ly/3mQ6ztl
📍 Amazon OOD [Design Unix File Search API]: https://bit.ly/3mNtA00
📍 How I got a Job Offer: https://bit.ly/3A8OQQX
📍 Flipkart | Machine Coding: https://bit.ly/43H2uIK
#Interview #MAANG
