چگونگی استفاده تگ‌های <template> و <slot> در Shadow DOM

https://roocket.ir/articles/html-template-slow-tag-shadow-dom

HTML Slot یکی از قابل توجه‌ترین استانداردهای تولید شده توسط W3C  است. با ترکیب این استاندارد با استاندارد templates، توانایی ایجاد و افزودن عناصر HTML به صفحه را با استفاده ازJavaScript  را دارید. وقتی که نیاز به یک کد خاص دارید، یا وقتی نمی‌خواهید 100 ساختار مشابه را تایپ کنید، این استاندارد بسیار...

HTML معنادار چیست و چگونه از آن استفاده کنیم؟

https://roocket.ir/articles/what-are-semantic-html-tags

HTML معنادار روشی دیگر برای برچسب‌گذاری در دنیای وب است که کمک می‌کند تا تگ‌ها برای موتورهای جستجوگر، اسکرین ریدرها و مرورگرها مفهوم داشته باشد

4 سیستم قالب‌نویسی برای سریع‌تر نوشتن HTML

https://roocket.ir/articles/so-you-think-you-know-html

HTML اولین زبانی است که بیشتر توسعه‌دهندگان سراغ یادگیری آن می‌روند. بعد از آن گزینه‌های CSS و Javascript به میدان وارد می‌شوند. اما جالب است بدانیم برخلاف CSS و Javascript که ابزارهای مختلفی برای آسان کردن روند توسعه دارند، HTML تا سال‌ها از این ابزارها برخوردار نبود، اما در حال حاضر این وضعیت تغیی...

بهتر ساختن جداول HTML

https://roocket.ir/articles/making-better-html-tables

یکی از موارد تکنولوژی وب که پیاده سازی آن نسبتا سخت است، المانی اولیه در طراحی وب است که بعد از متن ساده و تصویر به وب اضافه شد. امروزه ساخت این المان بسیار مشکل تر شده است، این مسئله بدلیل وجود دستگاه های مختلف و بهینه کردن این المان برای آن هاست. به همین دلیل نیازمند اندیشه بسیار زیادی است. 

کدنویسی سریع‌تر با Emmet

https://roocket.ir/articles/faster-html-css-coding-with-emmet

همه ما می‌دانیم که دنیای کدنویسی پر از دستورات و کارهای تکراری است. در این شرایط برای اینکه میزان زمان از دست رفته را به حداقل‌ برسانیم می‌توانیم از ابزارهای مختلفی استفاده کنیم. یکی از راه‌حل‌ها خودکارسازی است. اما در این مطلب قرار است با ابزاری بسیار ساده‌تر از این‌ها شروع کنیم. ابزاری که کدنویسی...

تفاوت تگ‌های <div> و <span> در HTML  چیست؟

https://roocket.ir/articles/what-is-the-difference-between-html-tags-div-and-span

تگ‌های و، دو تگ پرکا‌ربرد و بدون معنا در HTML هستند. برای ساختن یک سایت خوب، باید از عناصر صحیح در هر بخش استفاده کنیم. در HTML5 قابلیت‌های زیادی در اختیار برنامه‌نویس قرار داده شده است.

مقایسه زبان نشانه‌گذاری html و html5

https://roocket.ir/articles/difference-between-html-html5-xhtml

واژه HTML، HTML۵ و XHTML مکرراً در طراحی وب استفاده می‌شود. افراد زیادی که در طراحی وبسایت مبتدی هستند، اغلب در مقابله با این واژه‌ها گیج می‌شوند و نمی دانند کدامیک از این سه زبان را بیاموزند.

قالب ایمیل به نام Thanksgiving

https://roocket.ir/articles/thanksgiving-email-template

این پست در مورد قالبی برای ایمیل روز شکرگذاریه که به وسیله وبسایت psd2html بصورت رایگان برای همه افراد ارائه شده است . البته برای مناسبت های مختلف یا برای کارهای مختلف هم مورد استفاده قرار میگیره . این قالب ایمیل در دو نسخه PSD و HTML در دسترس و قابل استفاده است و همینطور کاملا رسپانیسوو 100% با همه...

نگاهی به ویژگی های جدید HTML6 

https://roocket.ir/articles/what-is-new-in-html6

HTML ،یکی از شناخته شده‌ترین فناوری وب است که از زمان معرفی آن تاکنون، بطور مداوم برای ساخت چیزهای مختلف در اینترنت مورد استفاده قرار گرفته است. و حالا HTML۶ در حال آمدن است

۱۰ مورد از بهترین ادیتورهای آنلاین و رایگان HTML

https://roocket.ir/articles/best-free-online-html-editors

وقتی که یک نفر برای اولین بار کدنویسی را یاد می‌گیرد، از آن به بعد کدنویسی برای وی تبدیل به معشوقه‌اش می‌شود. کدنویس‌های مختلف کدنویسی را در زبان‌ها و پلتفرم‌های مختلف و متفاوت از یکدیگر انجام می‌دهند. یکی از مهمترین بخش‌ها فارغ از کدنویسی این است که ما در چه پلتفرمی و در چه زبانی برنامه‌نویسی را ان...

۵ کتابخانه، ابزار و پلیر رایگان برای HTML5

https://roocket.ir/articles/html5-video-libraries-toolkits-and-players

استفاده از فلش در بسیاری از وبسایت ها مانند یوتیوب و ویمو شاید دلیلی برای خوب بودن آن باشد. اما در این بین دستگاه هایی تولید شده اند که از فلش به صورت مستقیم پشتیبانی نمی کنند. برای مثال می تواند نسل جدید آیپد های اپل را نام برد.

معماری سئو، HTML و وبسایت

https://roocket.ir/articles/seo-html-and-web-site-architecture

با وجود صدها میلیون کاربری که در دنیای اینترنت صد میلیارد جستجو را در موتورهای جستجوگر مختلفی مانند گوگل، بینگ و یاهو انجام می دهند، اهمیت ساختن وبسایتی که سازگاری بالایی با موتورهای جستجوگر داشته باشد قابل انکار نیست

راهنمایHTML5 Semantics برای سئو بهتر

https://roocket.ir/articles/html5-semantics-better-seo

مفهوم "معنادار" یاSemantics  از حوزه زبان شناسی ‌‌می‌آید. این کلمه به معنی "مطالعه معنا" است. بنابراین، معناشناسی، رشته‌ای برای یافتن ارتباط بین نشانه‌‌های مختلف از قبیل کلمات، نمادها و علائم است.

رندر کردن فایل HTML در ExpressJS

https://roocket.ir/articles/render-html-file-in-expressjs

ExpressJS به شما اجازه میده وب سرورهای سفارشی با توجه به نیازتون توسعه بدید. لازم نیست چندین پکیج نصب کنید تا بتونید فایل های HTML رو مدیریت کنید. اگر Node.js نصب هست همین به اندازه ی کافی خوبه.

اعتبارسنجی فرم‌ها با استفاده از HTML

https://roocket.ir/articles/form-validation-part-1-constraint-validation-html

بیشتر کتابخانه‌های اعتبارسنجی مبتنی بر جاوااسکریپت بزرگ هستند و از این رو روی کارایی وبسایت تأثیر می‌گذارند. همچنین برخی دیگر از این ابزارها نیازمند قرار دادن ابزارهای دیگر در کنارشان هستند. برای مثال فرم‌های MailChimp شامل یک فایل ۱۴۰ کیلوبایتی می‌شوند که شامل کل کتابخانه جی‌کوئری، یک پلاگین 3rd pa...

Stimulus - فریمورک جاوااسکریپتی برای علاقه‌مندان به HTML

https://roocket.ir/articles/stimulus-a-javascript-framework-for-people-who-love-html

Stimulus یکی از ساده‌ترین فریمورک‌های جاوااسکریپتی است که توسط Basecamp درست شده است، تیمی که فریمورک Rails را عرضه کردند. در بسیاری از نگاه‌ها این فریمورک با دیگر فریمورک‌های مدرن امروزی سازگاری ندارد و روند مخالفی را پیش می‌برد. در حالیکه ممکن است نام‌ها و مفاهیم مشابهی را مشاهده کنید، اما Stimulu...

۱۰ کاراکتر طراحی شده با HTML و CSS

https://roocket.ir/articles/character-designs-html-css

من همیشه از اینکه می‌بینم چکارهایی با سی‌اس‌اس می‌ توان انجام داد، شگفت زده می‌شوم. توسعه دهندگان وب می‌دانند که با سی‌اس‌اس می‌توان لایه‌های خارق العاده و انیمیشن های سفارشی زیبایی را ساخت. 

ساخت بخش نظرات با استفاده از Flexbox

https://roocket.ir/articles/using-flexbox-to-create-a-responsive-comment-section

Flexbox یک راه قدرتمند برای ساخت طرح هاییست که برخی از جنبه های چالش برانگیز توسعه وب رو برطرف میکنه. تقریبا تمام مرورگرهایی که امروزه استفاده می شوند, ازش پشتیبانی می کنند, پس وقتشه ببینیم چطوری میشه ازش در کارهای روزانه خود در بخش frontend استفاده کنیم.

ایجاد خودکار جدول محتوا با استفاده از Slotهای HTML

https://roocket.ir/articles/create-auto-generated-table-of-contents-html-slot

جدول محتویات می‌تواند تجربه کاربری بسیاری از وبسایت‌ها، برای مثال وبسایت‌های مستندات یا دایره المعارف آنلاین به مانند ویکی‌پدیا را به خوبی ارتقا دهد

۱۰ صفحه ورود ساخته شده با HTML و CSS - بخش اول

https://roocket.ir/articles/login-pages-html5-css-part-1

طراحی یک صفحه ورود به نظر کار ساده و سریعی می‌آید، فقط یک فرم و یک دکمه ارسال نیاز دارد. اما اگر واقعا وارد این بحث بشوید، متوجه خواهید شد که هزاران ایده طراحی مختلف وجود دارد که می‌توانید آن‌ها را بیابید.