توسعه‌دهنده‌های فرانت‌اند یه شهرت دارن که "کمتر تکنیکی" از توسعه‌دهنده‌های بک‌اند هستن
بارها این موضوع رو توی صحبت‌ها شنیدم
بذارید یک بار برای همیشه روشن کنیم: ما اینجا نیستیم که فقط "چیزها رو زیبا کنیم"
این برداشت کاملاً اشتباه

حقیقت اینه که:
- ما تجربه‌های کاربری رو طراحی می‌کنیم – این فقط نوشتن کد نیست؛ بلکه ایجاد اپلیکیشن‌های شهودی، یکپارچه و دسترسی‌پذیر هست که کاربران رو درگیر می‌کنه و مشکلات واقعی رو حل می‌کنه. در سال ۲۰۲۴، با افزایش رابط‌های کاربری پیچیده و نیازهای متنوع کاربران، باید مطمئن بشیم هر تعامل معنا دار و در دسترس همه هست

- ما عملکرد رو بهینه می‌کنیم – کاربران سرعت رو می‌خوان و هر میلی‌ثانیه مهمه. در ۲۰۲۴، با داده‌محورتر و ویژگی‌غنی‌تر شدن اپلیکیشن‌ها، بهینه‌سازی زمان بارگذاری و عملکرد در حال اجرا حیاتی شده. تکنیک‌هایی مثل code splitting، lazy loading و مدیریت مؤثر دارایی‌ها حالا استانداردهایی برای بهبود تجربه کاربری هستن

- ما با خدمات بک‌اند ادغام می‌شیم – کار ما شامل برنامه‌نویسی asynchronous، مدیریت API و مدیریت خطاهای قوی هست تا ارتباط بین کلاینت و سرور به خوبی انجام بشه

- ما از ابزارهای ساخت پیچیده استفاده می‌کنیم – تسلط بر ابزارهایی مثل Webpack، Babel و npm scripts برای بهینه‌سازی دارایی‌ها، مدیریت وابستگی‌ها و خودکارسازی گردش کارها ضروریه

- ما امنیت رو پیاده‌سازی می‌کنیم – رسیدگی به آسیب‌پذیری‌ها مثل XSS و CSRF خیلی مهمه. ما می‌دونیم چطور ورودی‌ها رو ایمن کنیم و از داده‌های کاربران حفاظت کنیم، که جلوی خطرات رو می‌گیره

- ما به دسترسی (a11y) اهمیت می‌دیم – ساخت اپلیکیشن‌های فراگیر فقط یه هدف نیست، بلکه یک ضرورته. ما از ARIA roles، HTML semanticو keyboard navigationاستفاده می‌کنیم تا مطمئن بشیم همه می‌تونن از اپلیکیشن‌های ما استفاده کنن

- ما مدیریت state رو به خوبی انجام می‌دیم – با بزرگ‌تر شدن اپلیکیشن‌ها، مدیریت وضعیت بین کامپوننت‌ها چالش پیچیده‌ای می‌شه. با استفاده از کتابخانه‌های مدیریت وضعیت مثل Redux یا Context API، اطمینان حاصل می‌کنیم که داده‌ها به‌خوبی در اپلیکیشن جریان پیدا کنن و ثبات و عملکرد حفظ بشه

- ما از فریم‌ورک‌ها و کتابخانه‌های مدرن استفاده می‌کنیم – با افزایش فریم‌ورک‌هایی مثل React، Vue و Angular، باید همیشه درک به‌روز از اکوسیستم‌های اون‌ها داشته باشیم. تسلط بر معماری مبتنی بر کامپوننت و فهم روش‌های چرخه عمر برای ساخت اپلیکیشن‌های مقیاس‌پذیر حیاتی هست

- ما روی progressive enhancement و responsive design تمرکز می‌کنیم – در زمانی که کاربران از دستگاه‌های مختلف به اپلیکیشن‌ها دسترسی پیدا می‌کنن، طراحی با توسعه تدریجی اطمینان می‌ده که کارکردهای اصلی برای همه قابل دسترسی باشه. تکنیک‌های طراحی responsiveبه ما این امکان رو می‌ده که طرح‌های منعطفی بسازیم که به اندازه‌های مختلف صفحه نمایش سازگار بشن

- ما به بازخورد کاربران و تست‌ها اهمیت می‌دیم – ادغام بازخورد کاربران از طریق تست‌های usability و A/B برای بهبود تجربه‌های کاربری ضروریه. ما از ابزارهایی استفاده می‌کنیم که رفتار کاربران رو تجزیه و تحلیل می‌کنن و اطلاعاتی جمع‌آوری می‌کنن تا طراحی‌ها رو بهبود بدیم و مطمئن بشیم اپلیکیشن‌هامون به خوبی نیازهای کاربران رو برآورده می‌کنه

@DevTwitter | <Soheib Kiani/>

این کورس رایگان بازی سازی آنریل انجین رو از دست ندید، شامل ۳۵ ساعت آموزش حرفه‌ای توسط مدرسین رسمی اپیک.
این دوره فقط برای گیم دولوپرهای حرفه‌ای با پرداخت هزینه در دسترس هست که موقتا آنلاین بین ۳ دسامبر تا ۱۵ ژانویه در دسترس خواهد بود!
ثبت نام هم نمیخواد!
https://dev.epicgames.com/community/learning/talks-and-demos/W4va/unreal-engine-unreal-fellowship-games

@DevTwitter | <Mamadou On GameDev/>

Let's Talk about Fonts, and terminologies in typography.

😁
#Typography

What Is x-Height?
The x-height refers to the distance between the baseline (the line on which most letters sit) and the mean line of lowercase letters in a typeface. Essentially, it's the height of the lowercase "x" in a particular font, which is why it's called the x-height. This measurement also generally applies to other lowercase letters like "v," "w," and "z."

Why Does x-Height Matter?

☝️Legibility: A larger x-height can make a font more readable, especially at smaller sizes, because the main body of the lowercase letters is more prominent.

☝️Design Aesthetics: The proportion of the x-height to the cap height (the height of uppercase letters) affects the overall appearance and harmony of the typeface.

☝️Visual Perception: Fonts with different x-heights can evoke different feelings. For instance, a smaller x-height might give a typeface a more elegant or traditional feel, while a larger x-height can make it appear more modern and approachable.

#xheight part 1
#Typography

x-Height and Font Selection
When choosing a font for your project, consider the x-height:

📄For Body Text: Fonts with a larger x-height improve readability in paragraphs and lengthy texts.

💭For Headlines: A smaller x-height can add sophistication and elegance to titles and headings.

✨For Branding: The x-height can influence the personality conveyed by the text, affecting how your brand is perceived.

#xheight part 2
#Typography

آقام تیگران هاماسیان 👌

برای منی که خیلی اهل اهنگ ایرانی نیستم وجود پیمان سلیمی تو این لیست خیلی جالب بود

What Is Cap Height?
Cap height refers to the vertical distance from the baseline (the line on which letters sit) to the top of flat-topped capital letters in a given typeface. This means that letters like “H” or “I”—those with straight horizontal strokes at their tops—are typically used to determine this measurement. The cap height becomes a reference point that helps typographers and designers understand how large or small the uppercase letters will appear.

Click to read this bog post.

#CapHeight
#Typography

این آمار من تو Last.fm یکم متفاوت تره، فکر کنم هر دوتا پلتفرم الگوریتم های مختلفی دارن برای ترک کردن.



https://www.last.fm/user/b3hniya

چرا فکر می‌کنید حق با شماست حتی اگر اشتباه کنید
جولیا گالف
Julia Galef
Why you think you're right even if you're wrong
#TED

زاویه‌ی دید، همه چیز است، بویژه وقتی پای امتحان کردنِ اعتقاداتتان در میان باشد. آیا شما یک سرباز، در صدد حفاظت از دیدگاه‌های خود به هر قیمتی هستید یا یک مامور شناسایی که کنجکاوی، شما را به جلو می‌برد؟ «جولیا گالف» انگیزه‌هایی که در پسِ این دو طرز تفکر قرار دارند و چگونگیِ شکل گیریِ روشِ تفسیرِ اطلاعات توسط آنها را با ذکر داستانی تاریخی از فرانسه‌ی قرن نوزدهم بررسی می‌کند.

🆔 Science Magazine

🖊️ Understanding Strokes in Typography

A stroke is a fundamental part of each letter in a typeface. It’s the line—or curved shape—that makes up the main body of a character. For example, letters like “l” and “w” use straight strokes, while letters like “c” and “o” have curved strokes.

Some letters, such as “N,” “M,” or “Y,” have angled strokes that are considered secondary to their main, vertical stems. Other letters with two diagonal lines, like “A” or “V,” usually have one main stem and a secondary stroke to complete their shape.

Read this short post here.

❓What is an Ascender in Typography?
In typography, an ascender is the part of a lowercase letter that rises above the x-height (the central line where most lowercase letters sit). For example, the tall strokes in letters like “b,” “d,” and “h” are ascenders. These upward extensions help create a unique rhythm and texture in text, influencing how easily we recognize individual letters at a glance.

❔What is a Descender in Typography?
A descender is essentially the opposite of an ascender—it’s the part of a lowercase letter that falls below the baseline (the invisible line on which letters rest). Letters like “g,” “j,” “p,” “q,” and “y” often have descenders, adding variety to a line of text and helping us distinguish between similar shapes. Some letterforms even feature decorative descenders to create a more artistic or playful feel.

📄Continue reading the blog post

قهوه با سیروپ بوسه
You❤️
#SoftPop