محتوا
- درباره کارهایی که انجام می دهید بیشتر به ما بگویید
- این اشتیاق از کجا ناشی می شود؟
- چرا دوست دارید در حوادث صحبت کنید؟
- در سال 2016 ، شما کار در Mud را به صورت تمام وقت شروع کردید. می توانید درباره کارهایی که برای برادران وارنر انجام داده اید برای ما بگویید؟
- CSS Grid چقدر برای آینده طراحی وب مهم است؟
- چه چیز دیگری در دنیای CSS هیجان انگیز است؟
- نقش توسعه دهنده frontend در دهه 2020 را چگونه می بینید؟
- در Generate CSS درباره چه چیزی صحبت خواهید کرد؟
- درباره Gen CSS در Generate CSS اطلاعات بیشتری کسب کنید
CSS Grid به سادگی بزرگترین داستان در حال حاضر در طراحی وب است. ارائه ابزارهایی برای توسعه طرحهای پیچیده با کد نسبتاً کم به توسعه دهندگان ، این یک گام انقلابی به جلو در جهت کنترل رفتار چیدمان در جهانی پاسخگو است (به آموزشهای طراحی وب پاسخگو مراجعه کنید و ارزش این را دارد که مطمئن شوید سرویس میزبانی وب شما با شما مطابقت دارد) نیازهای سایت).
البته یک منحنی یادگیری نیز وجود دارد. به همین دلیل ما مجبور بودیم میشل باركر را به عنوان یكی از سخنرانان اصلی كنفرانس آینده CSS تولید كنیم (در 26 سپتامبر در Shoreditch ، لندن). آیا دانش و وقت ندارید؟ از سازنده وب سایت استفاده کنید.
سخنگوی Mozilla Tech ، نویسنده وبلاگ CSS {In Real Life} و طرفدار پرشور CSS Grid ، سخنرانی بارکر در مورد رایج ترین موضوعات طراحان در تصویب آن و چگونگی غلبه بر آنها را مشخص می کند. (با مشکل ذخیره سازی روبرو هستید؟ به گزینه های برتر ذخیره سازی ابر مراجعه کنید).
در ادامه بخوانید ، زیرا او نشان می دهد که چگونه عاشق CSS شده است ، در مورد کار خود در Mud و Ordoo بحث می کند و پیش بینی های خود را درباره چگونگی پیشرفت طراحی وب در 2020s به اشتراک می گذارد.
درباره کارهایی که انجام می دهید بیشتر به ما بگویید
من یک توسعه دهنده خلاق پیشگام با گرایش های UX قوی و زمینه ای در زمینه طراحی و تصویرسازی هستم که کارهای زیادی را که انجام می دهم به من اطلاع می دهد. برای شغل روزمره خود من یک توسعه دهنده پیشگام در Ordoo هستم ، یک شرکت راه اندازی کننده سفارش دهنده تلفن همراه.
علاقه اصلی من CSS است و عاشق آزمایش و نوشتن مقاله برای وبلاگم ، CSS {در زندگی واقعی} هستم. من همیشه عاشق نوشتن بوده ام و وبلاگم بهانه خوبی به من می دهد تا همه علاقه هایم را در یک مکان جمع کنم.
این اشتیاق از کجا ناشی می شود؟
از زمان یادگیری توسعه وب ، من به طرح CSS علاقه مند شده ام - تفاوت آن با چاپ بسیار متفاوت بود. چند سال پیش در یک کارگاه آموزشی توسط راشل اندرو شرکت کردم و آنجا بود که برای اولین بار در مورد CSS Grid اطلاعات کسب کردم. من از آن زمان قلاب شده ام و وظیفه خود قرار داده ام که دیگران را نیز مانند خودم هیجان زده کنم.
من در مورد سرعت CSS در حال حاضر بسیار هیجان زده هستم - هر روز قدرت آن بیشتر می شود و حتی در گوشه گوشه مشخصات جالب تری نیز وجود دارد!
چرا دوست دارید در حوادث صحبت کنید؟
من یک سخنران Mozilla Tech هستم و در کنفرانس ها و گردهمایی ها درباره CSS Grid صحبت می کنم. شرکت در جلسات ملاقات راهی عالی برای دیدار با دوستان جدید ، برقراری ارتباط و درگیر شدن در جامعه وب است.
من واقعاً توصیه می کنم در جلسات گفتگو صحبت کنم ، زیرا طبق تجربه من ، جامعه گرم ، استقبال و در ارائه بازخورد سازنده عالی است. جسارت انجام این کار برای اولین بار کاملاً اعصاب خردکن است اما 100 درصد ارزش دارد. صحبت کردن درهای زیادی را به روی من باز کرده است.
در سال 2016 ، شما کار در Mud را به صورت تمام وقت شروع کردید. می توانید درباره کارهایی که برای برادران وارنر انجام داده اید برای ما بگویید؟
وب سایت استودیو Warner Bros Studios Leavesden یکی از بزرگترین پروژه هایی بود که من در Mud کار کردم. طراحی توسط Blast بود و ما در Mud مسئول توسعه بودیم. نقش من نوشتن بیشتر HTML و CSS بود.
این طرح چالش های جالب توجهی را در زمینه چیدمان ارائه داده و فرصتی مناسب برای استفاده از CSS Grid برای اولین بار بود. بنابراین بسیاری از طرح ها بدون Grid امکان پذیر نبوده و یا پیاده سازی پاسخگو به روشهایی که به سازندگان محتوا آزادی کافی را می دهد بسیار دشوار است. ما باید محتوایی با طول نامشخص را مجاز کنیم ، تصاویری که می توانند با هر نسبت ابعادی باشند و هنوز هم چیدمان مطلوبی دارند.
در آن زمان ، غیر از سایت عالی Grid By Example ، راشل اندرو ، بسیاری از آموزشها و مثالهای CSS Grid در طبیعت وجود نداشت. یک چالش اساسی ساخت شبکه ای انعطاف پذیر است که به برخی از عناصر اجازه می دهد تا با شبکه مرکزی 24 ستونی همسو شوند و در عین حال به دیگران اجازه می دهد تا تا لبه دیدگاه خونریزی کنند.
از طریق آزمایش و آزمون و خطا ، من موفق به کشف راه حل هایی برای حل این چالش ها شدم. چندین مقاله در مورد CSS {در زندگی واقعی} به طور مستقیم توسط مواردی که من در آن پروژه کشف کردم مطلع شده اند.
CSS Grid چقدر برای آینده طراحی وب مهم است؟
این تصور غلط وجود دارد که تا زمانی که پشتیبانی مرورگر 100 درصد نباشد ، از برخی ویژگی های CSS نباید استفاده کرد. این احتمال وجود دارد که هرگز چنین نخواهد شد - همیشه مرورگرهای قدیمی تر برای تهیه کردن وجود دارند و ما باید اطمینان حاصل کنیم که این کاربران تجربه قابل قبولی را کسب می کنند. پیشرفت تدریجی دوست شما در اینجا است! استراتژی های مختلفی برای پشتیبانی (یا پشتیبانی نکردن) از Grid در مرورگرهای قدیمی وجود دارد: IE10 و IE11 در واقع از نحو قدیمی Grid پشتیبانی می کنند ، بنابراین این یکی از راه حل های ممکن است.
زمان و هزینه آموزش درک شده نیز می تواند مانعی برای برخی باشد. مانند هر فناوری جدید ، مقداری از یادگیری نیز درگیر است و متاسفانه ، من نمی بینم که بسیاری از شرکت ها فریاد بزنند که چگونه دوست دارند در مهارت های CSS سرمایه گذاری کنند. این اغلب کمانچه دوم به جاوا اسکریپت است.
با گفتن این جمله ، من معتقدم Grid در آینده طراحی وب یکپارچه خواهد بود. جن سیمونز اصطلاح "طراحی وب ذاتی" را برای توصیف عصر تکامل بعدی چیدمان وب که در حال ورود به آن هستیم ، ابداع کرد و ما تازه شروع به دیدن برخی از امکانات خلاقانه می کنیم.
امیدوارم به زودی یک نقطه عطف اتفاق بیفتد ، وقتی تعداد کافی از افراد به فکر طراحی وب به عنوان نسخه چاپی نباشند و از آن به عنوان رسانه خود استقبال کنند. در عرض چند سال ، Grid به ابزاری طبیعی برای دستیابی به چیدمان وب تبدیل خواهد شد.
چه چیز دیگری در دنیای CSS هیجان انگیز است؟
خیلی چیزها وجود دارد! خواص سفارشی بسیار شگفت انگیز است و شروع به ثبت تصورات مردم می کند. پشتیبانی از زیر شبکه ، بخشی از مشخصات CSS Grid Level 2 ، اخیراً در Firefox Nightly قرار گرفته و قرار است برای نسخه عمومی بعدی Firefox عرضه شود. من نمی توانم صبر کنم تا با آن کمی بیشتر بازی کنم و امکانات خلاقانه را کشف کنم! من همچنین مشتاقانه منتظر آزمایش بیشتر با فونت های متغیر هستم. مندی مایکل و جیسون بنیادین کارهای بزرگی در ایجاد تظاهرات و صحبت در مورد این موارد انجام می دهند.
نقش توسعه دهنده frontend در دهه 2020 را چگونه می بینید؟
نقش توسعه دهنده Frontend بسیار گسترده شده است و به ندرت پیش می آید که کسی را از هر نظر به همان اندازه قوی پیدا کنید. من فکر می کنم اجتناب ناپذیر است که ما در نهایت شاهد تقسیم نقش بین توسعه دهندگان رابط کاربر هستیم که برای تعاملات HTML ، CSS و JavaScript را می نویسند و کسانی که بیشتر در گروه مهندس قرار می گیرند.
جالب است: احساس می کنم ... آیا طراحان باید کدگذاری کنند؟ این روزها سوال خیلی کمتری پرسیده می شود زیرا کد frontend بسیار پیچیده تر شده است. فقط شروع یک پروژه می تواند با یک مجموعه کامل از ابزارهای ساخت برای پیکربندی قبل از شروع کار ، یک چالش بزرگ به نظر برسد.
به همین دلیل تصمیم گرفتم سایت شخصی خود را فقط با HTML ، CSS و هیچ چیز دیگری بسازم - تا ببینم آیا این خیلی غیر واقعی است در سال 2019. اما این یک روش کاملاً معتبر برای ساخت یک سایت ساده است. روشی که اکنون CSS در حال رشد است ، این مهارت ها به زودی بسیار ارزشمند خواهند شد.
در Generate CSS درباره چه چیزی صحبت خواهید کرد؟
اگر به CSS Grid علاقه مند هستید اما هنوز شروع به استفاده از آن در تولید نمی کنید ، این برای شما مناسب است. من به افراد کافی کمک کردم تا با Grid شروع به شناسایی برخی از مسائل مشترک کنند که بسیاری از آنها در برابر آنها قرار دارند. صحبت های من به افراد کمک می کند تا مشخص کنند چه چیزی ممکن است در طرح بندی آنها با مشکل روبرو شود و چگونه این موارد را رفع اشکال کند. امیدوارم چیزی برای یادگیری وجود داشته باشد ، هر سطح از تجربه Grid شما باشد.
من عاشق این هستم که اکنون شاهد ظهور رویدادهای متمرکز بر CSS مانند Generate CSS هستیم. اغلب CSS به طور کلی با frontend درگیر می شود و شما ممکن است به یک کنفرانس frontend بروید اما فقط یک سخنرانی را در CSS می بینید!
این مقاله در اصل در شماره 324 net ، پرفروش ترین مجله جهان برای طراحان و توسعه دهندگان وب منتشر شده است. شماره 324 را بخرید یا مشترک شدن در net.
درباره Gen CSS در Generate CSS اطلاعات بیشتری کسب کنید
در سخنرانی خود در Generate CSS ، کنفرانس متمرکز CSS برای طراحان وب که در تاریخ 26 سپتامبر 2019 در ریچ میکس ، لندن برگزار می شود ، میشل بارکر نحوه کار Grid را هماهنگ با (و نه مخالف!) سایر روش های طرح بندی برای ساختن قوی ، بررسی خواهد کرد. وب انعطاف پذیر از آینده.
اگر می خواهید این صحبت و گفتگوهای عالی دیگر را انجام دهید ، حتماً مطمئن شوید اکنون بلیط خود را بخرید!
مقالات مرتبط:
- راهنمای جامع استفاده از CSS Grid
- با CSS Grid یک طرح پاسخگو ایجاد کنید
- 5 مولد خنک CSS Grid
