ما این امکان رو داریم که به وب سایت خودمون فونت های مختلفی رو اضافه و استفاده کنیم. نکات زیادی نداره، برای کسب اطلاعات بیشتر در مورد فونت ها می توانید این مقاله را مطالعه کنید که بشدت نکات خوبی رو اشاره کرده. در زیر یک نمونه کد آورده شده است که بشدت کمک میکنه … ادامه
بصورت پیش فرض یکسری استایل های اولیه و پایه توسط مرورگر در صفحات وب سایت ها اعمال میشود که در برخی از موارد باعث بروز تداخل هایی میشود. برای حل این مشکل بهتر است کد های زیر را در css خودمون اعمال کنیم. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, … ادامه
از طریق CSS می توانیم استایل دهی به صفحات html رو داشته باشیم. دستورات سی اس اس به سه حالت مختلف قابل اعمال به صفحه هستند که در زیر اشاره شده است: در داخل یک فایل (style.css) دستورات css را نوشته و در نهایتا توسط دستور <link rel=”stylesheet” href=”style.css”> در فایل html لودش می کنیم. … ادامه
inputmode برای input های فرم می توان از inputmode استفاده کرد تا در گوشی های موبایل وقتی فرم رو پر میکنه، کیبورد گوشی بر اساس دیتایی که از کاربر دریافت میشه تغییر وضعیت داده بشه، برای این اتری بیوت می توانیم حالت های مختلف همچون tell و یا ایمیل و… را تنظیم کنید. برای کسب … ادامه
https://flowbite.com/icons https://iconoir.com https://tablericons.com https://iconsvg.xyz https://icon666.com https://lucide.dev/icons https://heroicons.com https://iconscout.com/icons https://iconscout.com/icons
تگ های معنادار شبیه به تگ Div هستند با این تفاوت که معنادار هستند، بهتر نیست برای هدر سایت به جای استفاده از Div از تگ Header استفاده کنیم. سمنتیک تگ ها به دلیل معنا دار بودن آنها از نظر سئویی بشدت توصیه میشود. در ادامه به برخی از از سمنتیک تگ ها و کاربرد … ادامه
تفاوت تگ B و Strong در چیست؟ این دو تگ هر دو برای بولد کردن متن استفاده میشود و هیچ تفاوتی از نظر ظاهر و خروجی با هم ندارند، اما تگ strong یک تگ معنا دار است و برای سئو بهتر است. تگ Mark این تگ برای هایلایت کردن قسمتی از متن کاربرد دارد. … ادامه
ما وقتی از emmet استفاده می کنیم، یکسری علامت های مشخصی داریم که با نوشتن اونها می توانیم به یک ساختار از قبل تعریف شده دسترسی داشته باشیم. برای مثال با نوشتن علامت تعجب ! و زدن دکمه Tab یک ساختار اولیه از HTML داشته باشیم. در ادیتور وی اس کد این امکان وجود داره … ادامه
گاها پیش میاد یک شورت کات پیش فرض ویندوز تداخل در کار ما ایجاد میکنه، برای مثال زمانی که من با VScode کار میکردم نیاز داشتم به کلید های Ctrl + Alt + Arrow اما متاسفانه این کلید ها در ویندوز 10 برای تغییر عمومی و افقی صفحه ویندوز (نمایشگر) بود و کلی اذیتم میکرد … ادامه
در ادیتور وی اس کد می توانیم بخش ویرایش کد را به دو سه بخش تقسیم کنیم تا همزمان بتوانیم روی چندین فایل کار کنیم. برای این کار بهتر است دکمه های Ctrl + Shift + p رو میزنیم و در کادر باز شده کلمه Split رو می نویسیم در لیست نمایش داده شده می … ادامه