ProGraphs
822 subscribers
216 photos
6 videos
11 files
377 links
مجموعه مطالبی از برنامه‌نویسی وب و گرافیک

ProGraphs = Programming + Graphics
Download Telegram
​​حتما دیدید که وقتی با گوگل کروم یک صفحه با زبان خارجی رو باز میکنیم مرورگر پیشنهاد ترجمه صفحه رو میده.
اما اگر بخواهیم یک قسمت صفحه یا یک کلمه خاص به هیچ وجه ترجمه نشود، کافیست آن قسمت را داخل یک تگ با کلاس "notranslate" قرار بدیم (این کلاس برای google translate تعریف شده است).
و یا اگر می خواهیم کل صفحه ترجمه نشود کافیست در قسمت head از متا تگی که تو عکس میبینید استفاده کنیم.

#quicktip #html

@ProGraphs
آیا درمورد quirks mode و standard mode در مرورگرها شنیده اید ؟
تفاوت این دو حالت چیست ؟
مرورگرها چطور تشخیص می دهند که صفحه وب را در کدام حالت نمایش دهند‌ ؟

#interviewquestion #html #browser

@ProGraphs
تفاوت این سه روش برای load کردن اسکریپت خارجی چیست‌ ؟

#interviewquestion #html

@ProGraphs
​​اگر از گوگل کروم در گوشی‌های اندرویدی استفاده کرده باشید، احتمالا متوجه شده‌اید که بعضی وبسایت‌ها رنگ تم خود گوگل کروم را تغییر می‌دهند.
این کار خیلی ساده و با متا تگ زیر انجام می‌شود:

<meta name="theme-color" content="#fb3449">

#quicktip #html #chrome

@ProGraphs
آیا با data attribute ها در html آشنا هستید؟
کاربرد آن‌ها چیست؟

#interviewquestion #html

@ProGraphs
​​ویژگی download برای تگ a در HTML.

زمانی که روی یک لینک با ویژگی download کلیک می‌کنیم،‌ مرورگر به جای navigate کردن به آدرس موردنظر، آن را دانلود می‌کند!

همچنین با تعیین یک مقدار برای ویژگی download می‌توانیم نام فایل دانلود شده را تغییر دهیم.

#quicktip #html

@ProGraphs
🔺 HEML, an open source markup language for building responsive email.

https://heml.io/

#link #tool #html #css

@ProGraphs
تفاوت این دو روش برای load کردن فایل‌ها چیست؟
(کاربرد ویژگی rel=preload)

#interviewquestion #html

@ProGraphs