آیا از آزمایش طراحی وب پیشرو لذت می برید اما با مشخصات فنی رسمی که توسط W3C بیان شده است در تضاد هستید؟

آیا در مورد استفاده از ایده های آوانگارد خود در حین دستیابی به پشتیبانی از مرورگرهای متقابل و رعایت استانداردها شک دارید؟

خوب تیم Adobe Web Platform آماده است تا شما را در غیر این صورت متقاعد کند…

اگر کارهای اخیر آنها را دنبال کرده اید، از قبل از روش عملکرد برخی از خلاق ترین ذهن های این صنعت آگاه هستید. فشار دادن لبه های اینترنت تا آن را به مکان بهتری تبدیل کند. چیزی که ممکن است متوجه نباشید تاثیری است که آنها نیز دارند روی استانداردهای جوامع HTML و CSS نیز.

تیم Adobe Web Platform با همکاری سایر بازیگران اصلی مانند مایکروسافت، گوگل و موزیلا، استانداردهای CSS را پیش می برد. روی با شرکت در گروه‌های استانداردهای وب، فروشندگان مرورگر، مشارکت‌کنندگان پروژه منبع باز و تولیدکنندگان محتوا، چندین جبهه وجود دارد. آنها به طور فعال با W3C درگیر بوده‌اند و چندین پیشنهاد از جمله مناطق CSS، CSS Shapes و CSS Masking ارائه کرده‌اند و در عین حال در اجرای طرح‌های پیشنهادی به WebKit، Blink، Gecko و Internet Explorer کمک کرده‌اند.

مناطق CSS

به تازگی، مناطق CSS، که فاصله بین آنها را پر می کند print و نشر دیجیتال، آن را به آخرین رسمی تبدیل کرد سافاری موبایل iOS7 انتشار (همراه با Canvas Blend Modes، Canvas Paths و CSS Clip Paths). اکنون توسعه دهندگان می توانند از این ویژگی استفاده کنند روی وب‌سایت‌ها و برنامه‌های وب که آن دستگاه‌ها را هدف قرار می‌دهند، با پشتیبانی Android که انتظار می‌رود به زودی دنبال شود. علاوه بر این، مناطق CSS کار می کند روی Chrome، Webkit، یک نسخه Opera که از پلک زدن موتور، و اجرای جزئی برای IE10 با استفاده از نسخه قدیمی‌تر مشخصات CSS Regions وجود دارد.

مناطق CSS به شما امکان می دهد مکان نمایش محتوا را کنترل کنید روی شما page و چه اتفاقی می افتد زمانی که محتوا در داخل آن قرار نمی گیرد container. این به طراحان امکان می دهد تا جریان محتوا را در هر کجا که می خواهیم و به هر شکل یا اندازه دلخواه دیکته کنند. و از آنجا که نشانه‌گذاری معنایی را از نشانه‌گذاری طرح‌بندی جدا می‌کند، می‌توانیم از مناطق CSS برای تزریق محتوای خود به چیزی که شبیه یک الگو است استفاده کنیم. این برای طرح بندی به سبک مجله یا از نظر استراتژیک عالی است محتوای تاشومانند تبلیغات در طرح های واکنش گرا.

اشکال CSS

به گفته مهندس Adobe Web Platform، یکی دیگر از زمینه هایی که Adobe در حال تقویت توسعه است، رضوان کلیمان، با … است اشکال CSS، هنوز زیر a chrome://flag. این نباید با اشکالی اشتباه گرفته شود که به سادگی از طریق اعمال ویژگی های CSS مانند حاشیه-شعاع یا box-shadow انجام می شوند. اشکال CSS. چنین نمونه هایی تنها توهم یک شکل را بدون هیچ گونه ارتباطی ارائه می دهند روی چیدمان واقعی محتوا روی را page. CSS Shapes به معنای واقعی کلمه تجربه داستان سرایی بصری را با توانمندسازی طراح برای قرار دادن محتوا در اطراف یا درون اشکال تنها با چند ویژگی ساده CSS افزایش می‌دهد.

اگر تا به حال آن را ندیده اید، مال رضوان کلیمان است ارائه آلیس در سرزمین عجایب در CSSconf.eu کاملاً ذهن شما را منفجر خواهد کرد.

https://www.youtube.com/watch؟v=zsLwZhTSuQk

پوشش CSS

تقریباً در هیاهوی مناطق CSS گم شده است CSS Clipping و CSS masking، که بدون شک الهام بخش شما خواهد بود. این تکنیک‌ها اکنون در مرورگر امکان‌پذیر می‌شوند، چیزی که قبلاً فقط با نرم‌افزار ویرایش تصویر قابل دستیابی بود. با استفاده از یک گرادیان خطی پایه همراه با پوشش CSS، جلوه‌های بصری ساده و خیره‌کننده‌ای را مشاهده کنید.

https://www.youtube.com/watch؟v=vV3h5OetmSI

خلاصه

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

اگر این نوع پیشرفت‌ها شما را تحریک می‌کنند، مطمئناً باید به اخبار این هفته توجه کنید. کنفرانس توسعه دهندگان HTML5 جایی که تیم Adobe Web Platform و بسیاری دیگر در آن حضور خواهند داشت روی به ما نشان می دهد که چگونه طراحی وب را همانطور که ما می شناسیم دوباره اختراع می کنند.

آیا شرکت ها باید اجازه داشته باشند بر استانداردهای وب تأثیر بگذارند؟ در مورد کدام نوآوری های Adobe بیشتر هیجان زده هستید؟ به ما اجازه بدهید از تفکرات شما در نقطه نظرات آگاه شویم.