Style Elements using JavaScript HTML | infographic
The HTML DOM allows JavaScript to change the style of HTML elements. To change the style of an HTML element, use this syntax:
https://www.linkedin.com/posts/mglnaj_js-javascript-style-activity-6844260689830408192-UQp3?utm_source=linkedin_share&utm_medium=android_app
#js #javascript #style #elements #html #css
The HTML DOM allows JavaScript to change the style of HTML elements. To change the style of an HTML element, use this syntax:
https://www.linkedin.com/posts/mglnaj_js-javascript-style-activity-6844260689830408192-UQp3?utm_source=linkedin_share&utm_medium=android_app
#js #javascript #style #elements #html #css
🎖 Company: #PETABAYTE
Job Title: #Front End Developer.
Job Type: #Full_Time or #remotely
Location: #Damascus.
We are hiring! Our company is happy to announce its need for Front End developer.
📝Required skills:
- Excellent knowledge in React js
- 2+ Years of experience Front End
- Excellent knowledge in #HTML, #CSS, #JS and #PHP .
- Excellent with Git.
- Excellent troubleshooting and communication skills.
- Knowledge in Agile, Scrum is a plus.
📮Please send us your CV, code samples, and previous project on the following mail: career@petabayte.com
With subject: FE-3.
ملاحظة:نحن غير مسؤولين عن أي التزامات للشركة وإنما فقط قمنا بنشر الإعلان
#فرص_عمل
Job Title: #Front End Developer.
Job Type: #Full_Time or #remotely
Location: #Damascus.
We are hiring! Our company is happy to announce its need for Front End developer.
📝Required skills:
- Excellent knowledge in React js
- 2+ Years of experience Front End
- Excellent knowledge in #HTML, #CSS, #JS and #PHP .
- Excellent with Git.
- Excellent troubleshooting and communication skills.
- Knowledge in Agile, Scrum is a plus.
📮Please send us your CV, code samples, and previous project on the following mail: career@petabayte.com
With subject: FE-3.
ملاحظة:نحن غير مسؤولين عن أي التزامات للشركة وإنما فقط قمنا بنشر الإعلان
#فرص_عمل
👍1
🎈اذا عندك مشكلة باختيار حجم الخطوط ووحدات قياسها هذا الموقع راح يفيدك يعرض لك الخط وحجمه بجميع القياسات px,rem يخلي حجم الخط متناسق مع الشاشة 😍
مفيد جدا لمطورين الويب وتقدر تستخدمه مع HTML / CSS 👌
https://type-scale.com/ #css #html
مفيد جدا لمطورين الويب وتقدر تستخدمه مع HTML / CSS 👌
https://type-scale.com/ #css #html
Typescale
Typescale - Create stunning typography, generate CSS, and find inspiration.
👍8
دليل مكثف لكيفية كتابة CSS للمواقع من اليمين إلى اليسار RTL
شرح رهيب👌😍
https://rtlstyling.com/posts/rtl-styling-ar
#css #RTL
شرح رهيب👌😍
https://rtlstyling.com/posts/rtl-styling-ar
#css #RTL
Rtlstyling
Right to Left Styling 101
An extensive guide on how to style for RTL in CSS
❤8👍4
💎 Company: #sawaftech
💎 Job title: Senior CMS Developer for WordPress & Magento Platforms
💎 Job Location: Remote work
💎 Job Tybe: Full Time
We are looking to hire a skilled creative #WordPress and #Magento developer to design and implement attractive and functional websites.
You will be responsible for both back-end and front-end development including the implementation of themes and plugins as well as site integration and security updates.
📝 Qualifications and Requirements:
• Bachelor’s degree in Computer Science or equivalent experience.
• +2 years experience in installing and developing websites using WordPress, Magento, and/or other platforms including plugins, modules, and themes.
• +3 years experience in #PHP (7.x)+.
• Excellent experience with front ends including (#HTML, #CSS, #JS).
• Experience in #Git source control.
• Experience in server maintenance and patch installations.
• Good understanding of #SEO principles, responsive web designs.
• Organizational and time-management skills.
• Good understanding of website architecture and aesthetics..
📝 Responsibilities:
● Designing and implementing new features and functionality
● Develop custom plugins, modules, and themes.
● Ensuring high-performance and availability, and managing all technical aspects of the CMS
● Troubleshooting technical issues.
📮 Apply form here: https://sawaftech.com/jobs/senior-cms-developer-for-wordpress-magento-platforms/
#فرص_عمل
-------------------
أصبح بإمكانكم متابعة كل جديد على قناة التلغرام:
👉 https://t.me/Mohmmadnajjar
#فرصة_عمل
للتواصل
👉🏻@Mohmmadnajjar
#فرص_عمل
#MGLNaJ #Hiring
#jobseekers #jobseeker #interview #covid #education #recruiter #jobsearching #hiringnow #employmentopportunities #vacancy
💎 Job title: Senior CMS Developer for WordPress & Magento Platforms
💎 Job Location: Remote work
💎 Job Tybe: Full Time
We are looking to hire a skilled creative #WordPress and #Magento developer to design and implement attractive and functional websites.
You will be responsible for both back-end and front-end development including the implementation of themes and plugins as well as site integration and security updates.
📝 Qualifications and Requirements:
• Bachelor’s degree in Computer Science or equivalent experience.
• +2 years experience in installing and developing websites using WordPress, Magento, and/or other platforms including plugins, modules, and themes.
• +3 years experience in #PHP (7.x)+.
• Excellent experience with front ends including (#HTML, #CSS, #JS).
• Experience in #Git source control.
• Experience in server maintenance and patch installations.
• Good understanding of #SEO principles, responsive web designs.
• Organizational and time-management skills.
• Good understanding of website architecture and aesthetics..
📝 Responsibilities:
● Designing and implementing new features and functionality
● Develop custom plugins, modules, and themes.
● Ensuring high-performance and availability, and managing all technical aspects of the CMS
● Troubleshooting technical issues.
📮 Apply form here: https://sawaftech.com/jobs/senior-cms-developer-for-wordpress-magento-platforms/
#فرص_عمل
-------------------
أصبح بإمكانكم متابعة كل جديد على قناة التلغرام:
👉 https://t.me/Mohmmadnajjar
#فرصة_عمل
للتواصل
👉🏻@Mohmmadnajjar
#فرص_عمل
#MGLNaJ #Hiring
#jobseekers #jobseeker #interview #covid #education #recruiter #jobsearching #hiringnow #employmentopportunities #vacancy
👍4
We are hiring!
Location: #Damascus
Job Title: #front-end web development (react.js).
Responsibilities:
• Meeting with the development team to discuss user interface ideas and applications.
• Reviewing application requirements and interface designs.
• Identifying web-based user interactions.
• Familiarity with browser testing and debugging
• Developing and implementing highly responsive user interface components using react concepts.
• Writing application interface codes using JavaScript following react.js workflows.
• Troubleshooting interface software and debugging application codes.
• Developing and implementing front-end architecture to support user interface concepts.
• Monitoring and improving front-end performance.
• Documenting application changes and developing updates.
Requirements:
• Previous 2~3 years experience working as a React.js developer.
• In-depth knowledge of JavaScript, Typescript, CSS, and HTML.
• In-depth knowledge of Next JS.
• Knowledge of REACT tools including Webpack, Enzyme, Redux, and Flux.
• Experience with user interface design.
• Excellent troubleshooting skills.
• Proficient in code versioning tools including, Git.
• The ability to understand existing code, fix bugs and add new features.
• Bachelor’s degree in computer science, information technology, or a similar field.
How to Apply:
- Please send your CV and why you want to work with us to
hr@iris-ux.com and Whatsapp: +963943408140
- Please mention the job title (FrontEndDev) in the subject of the email. Emails without subjects will not be considered.
#hiring #frontend #React #js #softwaredevelopment #CSS #Git #HTML #JavaScript
-------------------
أصبح بإمكانكم متابعة كل جديد على قناة التلغرام:
👉@mglnaj
#فرصة_عمل
للتواصل
👉🏻@Mohmmadnajjar
#فرص_عمل
#MGLNaJ
Location: #Damascus
Job Title: #front-end web development (react.js).
Responsibilities:
• Meeting with the development team to discuss user interface ideas and applications.
• Reviewing application requirements and interface designs.
• Identifying web-based user interactions.
• Familiarity with browser testing and debugging
• Developing and implementing highly responsive user interface components using react concepts.
• Writing application interface codes using JavaScript following react.js workflows.
• Troubleshooting interface software and debugging application codes.
• Developing and implementing front-end architecture to support user interface concepts.
• Monitoring and improving front-end performance.
• Documenting application changes and developing updates.
Requirements:
• Previous 2~3 years experience working as a React.js developer.
• In-depth knowledge of JavaScript, Typescript, CSS, and HTML.
• In-depth knowledge of Next JS.
• Knowledge of REACT tools including Webpack, Enzyme, Redux, and Flux.
• Experience with user interface design.
• Excellent troubleshooting skills.
• Proficient in code versioning tools including, Git.
• The ability to understand existing code, fix bugs and add new features.
• Bachelor’s degree in computer science, information technology, or a similar field.
How to Apply:
- Please send your CV and why you want to work with us to
hr@iris-ux.com and Whatsapp: +963943408140
- Please mention the job title (FrontEndDev) in the subject of the email. Emails without subjects will not be considered.
#hiring #frontend #React #js #softwaredevelopment #CSS #Git #HTML #JavaScript
-------------------
أصبح بإمكانكم متابعة كل جديد على قناة التلغرام:
👉@mglnaj
#فرصة_عمل
للتواصل
👉🏻@Mohmmadnajjar
#فرص_عمل
#MGLNaJ
👍5❤2😁1
What is :is() and :where() in CSS? Are they same or different?
Save this for reference!
Let me know your thoughts down in the comments and check out my profile for more coding related content.
#codewithsloba #css #programming
Save this for reference!
Let me know your thoughts down in the comments and check out my profile for more coding related content.
#codewithsloba #css #programming
❤6👍2
💎Company: #flexsolution
Job Title: #Back-end Developer
We are looking for Back-end developer to join our team!
If you have outstanding Development skills and a great passion for developing applications, then this job is for you!
As a Back-end Developer, you will be responsible for the server-side web applications, with basic understanding of front-end is necessary as well.
✅Requirements and qualifications:
• BA degree in Computer Science or similar relevant field.
• Experience with #PHP programming language.
• Good knowledge of any #MVC PHP framework (Yii is preferred).
• Good knowledge in #English.
• Good knowledge in System #Analysis.
• Familiar with #HTML, #CSS and JavaScript and their Framework
• Critical thinker and problem-solving skills
• Team player
• Good organizational and time-management skills
📮send your cv to : hr@flexsolution.biz
-------------------
أصبح بإمكانكم متابعة كل جديد على قناة التلغرام:
👉@mglnaj
#فرصة_عمل
للتواصل
👉🏻@Mohmmadnajjar
#فرص_عمل
#MGLNaJ
Job Title: #Back-end Developer
We are looking for Back-end developer to join our team!
If you have outstanding Development skills and a great passion for developing applications, then this job is for you!
As a Back-end Developer, you will be responsible for the server-side web applications, with basic understanding of front-end is necessary as well.
✅Requirements and qualifications:
• BA degree in Computer Science or similar relevant field.
• Experience with #PHP programming language.
• Good knowledge of any #MVC PHP framework (Yii is preferred).
• Good knowledge in #English.
• Good knowledge in System #Analysis.
• Familiar with #HTML, #CSS and JavaScript and their Framework
• Critical thinker and problem-solving skills
• Team player
• Good organizational and time-management skills
📮send your cv to : hr@flexsolution.biz
-------------------
أصبح بإمكانكم متابعة كل جديد على قناة التلغرام:
👉@mglnaj
#فرصة_عمل
للتواصل
👉🏻@Mohmmadnajjar
#فرص_عمل
#MGLNaJ
❤2
🔴Company: #Smart_Soft
Location: #Damascus_Mazzeh
Job Title: #Senior #BackEnd
Job Type: #Full_time
📝Responsibilities:
- Develop web applications and web APIs.
- Working as a back-end engineer.
- Design and develop state-of-the-art web applications.
- Work as part of a team.
Qualifications:
- Strong experience (4+ years is a plus) in .NET framework and database design and management.
- Excellent knowledge of #C# and Entity Framework.
- Familiar with #Git.
- Excellent troubleshooting and communication skills.
- Have programming skills, #OOP, and Design Patterns.
- Knowledge of microservices architecture, Docker is a plus
- Basic front-end technologies such as #HTML, #CSS, #JS is a plus.
- Knowledge of #Agile, #Scrum & #Jira is a plus.
⛳️Benefits:
- Competitive salary.
- Optional home office (20% of your working time).
- We evaluate employee achievements/performance every six months. This means that there is a possibility of getting promoted every six months.
- Health insurance
📫- Please send your CV and why you want to work with us to hr@smartsoft.sy
- Please mention the job title (BackEnd) in the subject of the email. Emails without subjects will not be considered.
Location: #Damascus_Mazzeh
Job Title: #Senior #BackEnd
Job Type: #Full_time
📝Responsibilities:
- Develop web applications and web APIs.
- Working as a back-end engineer.
- Design and develop state-of-the-art web applications.
- Work as part of a team.
Qualifications:
- Strong experience (4+ years is a plus) in .NET framework and database design and management.
- Excellent knowledge of #C# and Entity Framework.
- Familiar with #Git.
- Excellent troubleshooting and communication skills.
- Have programming skills, #OOP, and Design Patterns.
- Knowledge of microservices architecture, Docker is a plus
- Basic front-end technologies such as #HTML, #CSS, #JS is a plus.
- Knowledge of #Agile, #Scrum & #Jira is a plus.
⛳️Benefits:
- Competitive salary.
- Optional home office (20% of your working time).
- We evaluate employee achievements/performance every six months. This means that there is a possibility of getting promoted every six months.
- Health insurance
📫- Please send your CV and why you want to work with us to hr@smartsoft.sy
- Please mention the job title (BackEnd) in the subject of the email. Emails without subjects will not be considered.
👍5
We are hiring!
Location: #Damascus_Mazzeh
Job Title: #Senior #BackEnd
Job Type: #Full_time
Responsibilities:
- Develop web applications and web APIs.
- Working as a back-end engineer.
- Design and develop state-of-the-art web applications.
- Work as part of a team.
Qualifications:
- Strong experience (4+ years is a plus) in .NET framework and database design and management.
- Excellent knowledge of #C# and Entity Framework.
- Familiar with #Git.
- Excellent troubleshooting and communication skills.
- Have programming skills, #OOP, and Design Patterns.
- Knowledge of microservices architecture, Docker is a plus
- Basic front-end technologies such as #HTML, #CSS, #JS is a plus.
- Knowledge of #Agile, #Scrum & #Jira is a plus.
Benefits:
- Competitive salary.
- Optional home office (20% of your working time).
- We evaluate employee achievements/performance every six months. This means that there is a possibility of getting promoted every six months.
- Health insurance
- Please send your CV and why you want to work with us to hr@smartsoft.sy
- Please mention the job title (BackEnd) in the subject of the email. Emails without subjects will not be considered.
Location: #Damascus_Mazzeh
Job Title: #Senior #BackEnd
Job Type: #Full_time
Responsibilities:
- Develop web applications and web APIs.
- Working as a back-end engineer.
- Design and develop state-of-the-art web applications.
- Work as part of a team.
Qualifications:
- Strong experience (4+ years is a plus) in .NET framework and database design and management.
- Excellent knowledge of #C# and Entity Framework.
- Familiar with #Git.
- Excellent troubleshooting and communication skills.
- Have programming skills, #OOP, and Design Patterns.
- Knowledge of microservices architecture, Docker is a plus
- Basic front-end technologies such as #HTML, #CSS, #JS is a plus.
- Knowledge of #Agile, #Scrum & #Jira is a plus.
Benefits:
- Competitive salary.
- Optional home office (20% of your working time).
- We evaluate employee achievements/performance every six months. This means that there is a possibility of getting promoted every six months.
- Health insurance
- Please send your CV and why you want to work with us to hr@smartsoft.sy
- Please mention the job title (BackEnd) in the subject of the email. Emails without subjects will not be considered.
❤3👍2
🟡 Job Title: #Full stack Developer.
Job Type: #Full_Time only
Location: #Damascus.
We are hiring! Our company is happy to announce its need for Full stack developer.
Required skills:
- Excellent knowledge in codeigniter & Larvel
- 2+ Years of experience Full stack
- Excellent knowledge in #HTML, #CSS, #JS and #PHP .
- Excellent with Git.
- Excellent troubleshooting and communication skills.
- Knowledge in Agile, Scrum is a plus.
📮Please send us your CV, code samples, and previous project on the following mail: career@petabayte.com
With subject: FS-1
Job Type: #Full_Time only
Location: #Damascus.
We are hiring! Our company is happy to announce its need for Full stack developer.
Required skills:
- Excellent knowledge in codeigniter & Larvel
- 2+ Years of experience Full stack
- Excellent knowledge in #HTML, #CSS, #JS and #PHP .
- Excellent with Git.
- Excellent troubleshooting and communication skills.
- Knowledge in Agile, Scrum is a plus.
📮Please send us your CV, code samples, and previous project on the following mail: career@petabayte.com
With subject: FS-1
❤1
Job Title: Senior Full-stack Engineer
Job Type: #On_Site - #Full_time- 5 days a week - 8 hours
Department/Category: Development/Web
Reports to: Scrum Master
Commitment: Yearly contract
No. of Vacancies: 2
Requirements
• Bachelor/Diploma in Computer Science/ information technology.
• 3+ years of proven experience as a full stack developer or similar role.
• Proficiency with #PHP and #MySQL for the development of web applications.
• Proficiency with fundamental front-end languages such as #HTML, #CSS, #JavaScript, and #JQuery.
• Excellent knowledge of #OOP concepts.
• Excellent knowledge of #Symfony Concepts (Doctrine #ORM, and #Twig Template Engine)
• Excellent knowledge in high-scale #eCommerce projects.
• Strong skills in debugging and solid ability in quickly reading and modifying code.
• Strong understanding of software lifecycle from requirements to user acceptance testing.
• Acceptable knowledge in open source frameworks OSCommerce, XCart, and Zen cart. (is a plus*)
https://tradinos.com/vacancy/Senior-Full-stack-Engineer-1?fbclid=IwAR1RJ0DDYU6RRvhCgmDjoGJw4UNW0zxUBy-ao4GB1OeSfduf4gVGM9pgunM
Job Type: #On_Site - #Full_time- 5 days a week - 8 hours
Department/Category: Development/Web
Reports to: Scrum Master
Commitment: Yearly contract
No. of Vacancies: 2
Requirements
• Bachelor/Diploma in Computer Science/ information technology.
• 3+ years of proven experience as a full stack developer or similar role.
• Proficiency with #PHP and #MySQL for the development of web applications.
• Proficiency with fundamental front-end languages such as #HTML, #CSS, #JavaScript, and #JQuery.
• Excellent knowledge of #OOP concepts.
• Excellent knowledge of #Symfony Concepts (Doctrine #ORM, and #Twig Template Engine)
• Excellent knowledge in high-scale #eCommerce projects.
• Strong skills in debugging and solid ability in quickly reading and modifying code.
• Strong understanding of software lifecycle from requirements to user acceptance testing.
• Acceptable knowledge in open source frameworks OSCommerce, XCart, and Zen cart. (is a plus*)
https://tradinos.com/vacancy/Senior-Full-stack-Engineer-1?fbclid=IwAR1RJ0DDYU6RRvhCgmDjoGJw4UNW0zxUBy-ao4GB1OeSfduf4gVGM9pgunM
👍4
منقول من صفحة المهندس احمد صابر
لو عاوز تعمل responsive design يscale معاك مهما عدلت على الhtml code ، كمل قراءة للاخر
0️⃣ لو هتعمل ديزاين محتاج customization كتير ، متستخدمش bootstrap او اى component library تانية ، فكر فى Tailwindcss او اى شئ مشابه
1️⃣ لو عاوز تغير مكان اى element و لو بمقدار ١ بكسل ، حاول استخدام الخواص التالية بالترتيب (اخر واحدة فيهم ، حاول تجنبها بقدر المستطاع ، استخدمها لو كل اللى قبلها مش هيساعدوك)
flex
grid
margin
padding
transform
position
2️⃣ لو عاوز تسيب مسافة بين مجموعة من العناصر سواء معروضة افقيا او رأسيا او فى البعدين ، استخدم gap و ابعد تماما عن margin او padding
3️⃣ لو عاوز تعرض عدة عناصر فى صف او عمود ، استخدم flex ، بلاش inline او grid
4️⃣ لو عاوز تعرض عدة عناصر فى بعدين (صفوف و اعمدة) استخدم flex ، اه بلاش grid ☺️
5️⃣ لو عاوز تعرض العناصر بحجم مختلف فى بعدين بحيث كلهم يكونوا داخل div واحد بشكل مباشر ، استخدم grid
6️⃣ لو تقدر تستخدم % او vw او vh ، مش لازم تستخدم px
7️⃣ تجنب ال media queries الكتير جدا ، و حاول بقدر الامكان تخلى الديزاين بينزل تحت بعضه لواحده ، فى خواص تقدر تساعدك فى الموضوع دا زى
flex-wrap
flex
و functions زى
min
max
clamp
calc
8️⃣ الdiv اللى لو زاد فى الطول هيبوظ الديزاين ، صلحه لكن بلاش fixed height ، و لو الامر ضرورى متنساش ال overflow
9️⃣ ال body scroll على المستوى الافقى ، مش بيتحل ب overflow-x hidden ، حدد سبب المشكلة و صغر عرضه
🔟 بلاش ابداع فى ال z-index و توصل للملايين ، هتعرف السبب لما تبقى بانى كل حاجة
999999
999998
...
و تحتاج تحط حاجة بحيث تكون فوق احدهم و تحت الباقى ، بالتالى بقيت محتاج تغير الباقى
⬅️ دايما بص للديزاين انه ممكن يتغير فى المستقبل ، ممكن نحذف حاجة من الصفحة او نضيف غيرها ، فهل هيفضل ظاهر بشكل كويس ولا هنحتاج نعدل الcss كل مرة نعمل تعديل بسيط ؟
⬅️ مش مطلوب منك تخلى الديزاين مناسب للديسكتوب و التابلت و الموبايل ، بل ايضا كل الشاشات الموجودة بينهم
⬅️ مش بنحدد ال media query break points بالبركة ، و لكن بنصغر الشاشة لغاية ما نلاقى عنصر بدء يبوظ ، ف نستخدم عرض الشاشة دى ك احد ال break points بتاعتنا
⬅️ بنوصل لل ٣٢٠ بكسل عادى ، و نضمن ان تحتهم كل حاجة هتكون ماشية بنفس التدفق حتى لو هتبدء تبوظ بس تكون بنفس الحالة
◀️ انا بفضل استخدام sticky للنافبار ، و fixed لل floating buttons
◀️ بفضل الflex عن الgrid
◀️ بفضل تجنب استخدام الmedia queries بشكل تام إن امكن
🛑 مش بفضل تكرار كود html واحد لكل شاشة ، و اظهر احدهم و اخفى التانى على حسب عرض الشاشة
🛑 مش بفضل استخدام bootstrap
🛑 مش بفضل استخدام transitions بتحصل على مساحة كبيرة
🛑 مش بفضل استخدم ال classes المربوطة ب جافاسكريبت عشان اعمل style لعنصر
🔵 برشح تعلم css بشكل سليم حتى لو المكتبات بتسهل عليك الامر
🔴 مش برشح استخدام مكتبات كتير لل styling
🔴 مش برشح تعلم مكتبات كتير لل styling
"موقع ريسبونسيف فى الcv افضل من ١٠ مواقع ديسكتوب بس"
#html #css #webdesign #ahmed0saber
لو عاوز تعمل responsive design يscale معاك مهما عدلت على الhtml code ، كمل قراءة للاخر
0️⃣ لو هتعمل ديزاين محتاج customization كتير ، متستخدمش bootstrap او اى component library تانية ، فكر فى Tailwindcss او اى شئ مشابه
1️⃣ لو عاوز تغير مكان اى element و لو بمقدار ١ بكسل ، حاول استخدام الخواص التالية بالترتيب (اخر واحدة فيهم ، حاول تجنبها بقدر المستطاع ، استخدمها لو كل اللى قبلها مش هيساعدوك)
flex
grid
margin
padding
transform
position
2️⃣ لو عاوز تسيب مسافة بين مجموعة من العناصر سواء معروضة افقيا او رأسيا او فى البعدين ، استخدم gap و ابعد تماما عن margin او padding
3️⃣ لو عاوز تعرض عدة عناصر فى صف او عمود ، استخدم flex ، بلاش inline او grid
4️⃣ لو عاوز تعرض عدة عناصر فى بعدين (صفوف و اعمدة) استخدم flex ، اه بلاش grid ☺️
5️⃣ لو عاوز تعرض العناصر بحجم مختلف فى بعدين بحيث كلهم يكونوا داخل div واحد بشكل مباشر ، استخدم grid
6️⃣ لو تقدر تستخدم % او vw او vh ، مش لازم تستخدم px
7️⃣ تجنب ال media queries الكتير جدا ، و حاول بقدر الامكان تخلى الديزاين بينزل تحت بعضه لواحده ، فى خواص تقدر تساعدك فى الموضوع دا زى
flex-wrap
flex
و functions زى
min
max
clamp
calc
8️⃣ الdiv اللى لو زاد فى الطول هيبوظ الديزاين ، صلحه لكن بلاش fixed height ، و لو الامر ضرورى متنساش ال overflow
9️⃣ ال body scroll على المستوى الافقى ، مش بيتحل ب overflow-x hidden ، حدد سبب المشكلة و صغر عرضه
🔟 بلاش ابداع فى ال z-index و توصل للملايين ، هتعرف السبب لما تبقى بانى كل حاجة
999999
999998
...
و تحتاج تحط حاجة بحيث تكون فوق احدهم و تحت الباقى ، بالتالى بقيت محتاج تغير الباقى
⬅️ دايما بص للديزاين انه ممكن يتغير فى المستقبل ، ممكن نحذف حاجة من الصفحة او نضيف غيرها ، فهل هيفضل ظاهر بشكل كويس ولا هنحتاج نعدل الcss كل مرة نعمل تعديل بسيط ؟
⬅️ مش مطلوب منك تخلى الديزاين مناسب للديسكتوب و التابلت و الموبايل ، بل ايضا كل الشاشات الموجودة بينهم
⬅️ مش بنحدد ال media query break points بالبركة ، و لكن بنصغر الشاشة لغاية ما نلاقى عنصر بدء يبوظ ، ف نستخدم عرض الشاشة دى ك احد ال break points بتاعتنا
⬅️ بنوصل لل ٣٢٠ بكسل عادى ، و نضمن ان تحتهم كل حاجة هتكون ماشية بنفس التدفق حتى لو هتبدء تبوظ بس تكون بنفس الحالة
◀️ انا بفضل استخدام sticky للنافبار ، و fixed لل floating buttons
◀️ بفضل الflex عن الgrid
◀️ بفضل تجنب استخدام الmedia queries بشكل تام إن امكن
🛑 مش بفضل تكرار كود html واحد لكل شاشة ، و اظهر احدهم و اخفى التانى على حسب عرض الشاشة
🛑 مش بفضل استخدام bootstrap
🛑 مش بفضل استخدام transitions بتحصل على مساحة كبيرة
🛑 مش بفضل استخدم ال classes المربوطة ب جافاسكريبت عشان اعمل style لعنصر
🔵 برشح تعلم css بشكل سليم حتى لو المكتبات بتسهل عليك الامر
🔴 مش برشح استخدام مكتبات كتير لل styling
🔴 مش برشح تعلم مكتبات كتير لل styling
"موقع ريسبونسيف فى الcv افضل من ١٠ مواقع ديسكتوب بس"
#html #css #webdesign #ahmed0saber
❤4⚡4👍4
📊Job Title: #Full stack Developer.
Job Type: #Full_Time only
Location: #Damascus.
We are hiring! Our company is happy to announce its need for Full stack developer.
💈Required skills:
- Excellent knowledge in codeigniter & Larvel
- 2+ Years of experience Full stack
- Excellent knowledge in #HTML, #CSS, #JS and #PHP .
- Excellent with Git.
- Excellent troubleshooting and communication skills.
- Knowledge in Agile, Scrum is a plus.
📮Please send us your CV, code samples, and previous project on the following mail: career@petabayte.com
With subject: FS-1
Job Type: #Full_Time only
Location: #Damascus.
We are hiring! Our company is happy to announce its need for Full stack developer.
💈Required skills:
- Excellent knowledge in codeigniter & Larvel
- 2+ Years of experience Full stack
- Excellent knowledge in #HTML, #CSS, #JS and #PHP .
- Excellent with Git.
- Excellent troubleshooting and communication skills.
- Knowledge in Agile, Scrum is a plus.
📮Please send us your CV, code samples, and previous project on the following mail: career@petabayte.com
With subject: FS-1
👍2