فیلترهای SVG: دوره تصادف

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

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

من تمام اصول اولیه فیلترهای SVG را به موقع برای کارگاه یاد گرفتم و سپس دو ماه آینده را صرف یادگیری بیشتر کردم. مطالبی که جمع آوری کردم، آموختم و ایجاد کردم به اندازه کافی برای به اشتراک گذاشتن با دیگران مفید بود، بنابراین تصمیم گرفتم یک سری مقاله در مورد این موضوع بنویسم، شاید حتی URL خود را در جایی به آنها بدهم. من همچنین فکر می‌کردم که آنها مطالب خوبی برای یک سخنرانی جالب خواهند بود، بنابراین یک سخنرانی ایجاد کردم و امسال دو بار آن را ارائه دادم: اولین سخنرانی در Beyond Tellerrand مونیخ در ژانویه و دومی در CSS Day در آمستردام ماه گذشته بود.

اگر من را می شناسید، می دانید که سخنرانی های من معمولاً سریع و پر از نکات و نکات کاربردی و فنی است. این گفتگو نیز از این قاعده مستثنی نبود. و بازخورد در مورد هر دو گفتگو بسیار شگفت انگیز بود.

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

بنابراین فکر کردم اگر علاقه مند به کسب اطلاعات بیشتر درباره فیلترهای SVG از منابع اضافی هستید، این مقاله را برای به اشتراک گذاشتن ویدیو(های) گفتگو، اسلایدها و برخی پیوندها بنویسم.

ضبط ویدیو

ویدیوی زیر از صحبت btconf من است:

فیلترهای SVG: The Crash Course – Sara Soueidan – btconfMUC2018 از فراتر از tellerrand در Vimeo.

من نمی‌خواهم سرعت این صفحه را با تعبیه دو ویدیو کاهش دهم، بنابراین در اینجا پیوندی به ضبط سخنرانی روز CSS وجود دارد.

شما می می خواهید ویدیوها را با سرعت کمتری نسبت به استاندارد تماشا کنید. 🙈

اگر رویدادی را سازماندهی می‌کنید و می‌خواهید که من این سخنرانی را در آن انجام دهم، لطفاً به من ایمیل بزنید و آن را درخواست کنید.

گفتگو اسلاید می شود

اسلایدها را می توانید به صورت آنلاین در اینجا پیدا کنید.

منابع اضافی

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

همه چیزهای دیگر را با جمع آوری نکات و اطلاعات کوچک از اینجا و آنجا و کنار هم قرار دادن آنها یاد گرفتم.

خیلی احتمالات

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

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

به سلامتی،
سارا