12 فناوری برتری که طراحان وب در سال 2012 از آنها استفاده کردند

برای حفظ ارزش این پست و پربارتر کردن آن،تعدادی از افزونه های جی کوئری مناسب را در یک بخش و در کنار هم میاورم:
Placekitten افزونه ایست که به شما اجازه میدهد تا تمامی عناصر(المنت) html را به بچه گربه(!) تبدیل کنید.نمونه ی از کارکرد این پلاگین که توسط آدام هاوارد طراحی شده است.(+)
Garlic.js افزونه ای که با ذخیره سازی اطلاعات کاربران از بین رفتن آنها جلوگیری میکند.(+)
Responsive-content افزونه ای که برای دیوایس های مختلف نمایش های مختلفی از HTML را ارائه میکند.(+)
SlabText پلاگینی برای ساخت عناوین(headline) بزرگ و مناسب برای وب سایت ها با قابلیت تغییر سایز متناسب با سایز صفحه ی کاربر که از ترکیب افزونه ی Fittext ساخته شده است.(+)
jQuery Transit افزونه ای برای ایجاد تغییراتی چون چرخش و جابجایی در CSS به حالتی ویژه که نیاز به کدنویسی های جاوا اسکریپت ندارد و از اغلب مرورگرها نیز پشتیبانی میکند.(+)
Lettering.js افزونه ای برای کنترل تایپوگرافی سایت توسط جی کوئری!
Typebutter افزونه ای همانند افزونه lettering.js که برای مدیریت تایپوگرافی عنوان ها و فاصله ی بین حروف آنها استفاده میشود.(+)
jSVG افزونه ای برای مدیریت بهتر SVG ها در مرورگرهای مدرن.
همچنین افزونه های jQuery scroll path و responsiveslides.js و Tiny Scrollbar و jQuery Retina Swap و Uniform را نیز میتوان جزو این دسته قرار داد.(+)

4- الهاماتی برای طراحی وب: دنیای وب پر است از ایده ها و الهاماتی برای طراحی های جدید،که با کمی خلاقیت میتوان طرح هایی متفاوت و جدید آفرید.
اغلب طراحان وب به دنبال آنند که ایده هایی برای طراحی پیدا کنند.
وب سایت TNW چندی پیش لیستی از 98وب سایت الهام بخش به طراحان وب را منتشر کرد که میتوان آنرا در دسته ی پست های برتر مرتبط با طراحی وب در سال 2012 قرار داد.

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

7- سری Edge شرکت ادوبی و Creative clouds: در رابطه با این موضوع که شرکت ادوبی نقش گسترده‌ای را در طراحی صفحات وب بازی میکند شکی نیست، و با معرفی Creative clouds گویا قصد دارد تا تغییرات عظیمی را در زمینه نوآوری‌های آنلاین به وجود آورد.
با معرفی خانواده Edge توسط ادوبی در ماه سپتامبر، مهر تأییدی براینکه این شرکت قصد تصاحب کل دنیای طراحی وب را خورد.
این خانواده  جدید از ادوبی هنوز برای کامل شدن زمان نیاز دارد و مشخص است که درآینده نه چندان دور ادوبی همه ی امور مرتبط با طراحی وب را در دست خواهد گرفت.(اطلاعات بیشتر در رابطه با فونت‌های ارائه شده توسط ادوبی)

8- رتینا در وب! مسلما بعد از معرفی صفحه‌های رتینا توسط اپل، محیط وب نیز نیاز دارد تا برای هماهنگی با نسل جدید صفحه‌ها تغییرات و پیشرفت‌هایی را داشته باشد، تغییراتی که آنها را مدیون اپل است.
اما مسئله‌ای که در حال حاضر مهم است، این است که تایپوگرافی‌های موجود چگونه خود را برای صفحه‌های رتینا تغییر خواهند داد، گرچه ورود SVG ها و تصاویر بر پایه ی CSS کمک شایانی را به طراحی وب کرده است.
با توجه به اینکه ادوبی صفحه های رتینا را در photoshop و Illustrator پشتیبانی می‌کند، احتمالا در آینده طراحی وب تغییراتی در جهت هماهنگی با صفحه های رتینا داشته باشد.

9- نگاه به آینده:HTML5: مسلما طی یک تا سه سال آینده این نسخه HTML به نسخه استاندارد و پایه تبدیل خواهد شد.
اما صبر کردن برای سه سال کمی دشوار است، پس از همین الان به معرفی ویژگی‌های برتر HTML5 که دنیای طراحی وب را در سال 2012 دگرگون کرد، می‌پردازیم.
اگر پیگیر اخبار طراحی وب باشید احتمالا با تگ‌های جدید HTML5 نیز آشنا شده‌اید.
سه تگ از تگ‌های HTML5 واقعا کاربردی و جالب هستند”
نخستین تگ، تگ <canvas> است که برای نمایش انیمیشن و تصاویر گرافیکی در محیط وب توأما استفاده میشود، دیگری تگ <video> است که همانند تگ img کار میکند با این تفاوت که امکان اضافه کردن ویدئو را بدون نیاز به ابزار جانبی مانند فلش را نیز به طراح می‌دهد،
تگ سوم تگ <audio> است که کاربردی شبیه تگ video دارد و امکان افزودن فایل صورتی را به طراح می‌دهد.
برای مشاهده ی تگ های جدید html میتوانید به اینجا و اینجا مراجعه کنید.

10- فونت آیکون‌ها: نخستین بار در ماه ژانویه بود که فونت آیکون‌ها، که نوع جدیدی از فونت‌ها(typeface) بودند، معرفی شدند.
فونت‌هایی که عملا تأثیر زیادی بر روی طراحی وب و شیوه‌های طراحی طراحان داشتند.
برای کسانی که با فونت آیکون‌ها آشنایی ندارند، می‌توان به طور خلاصه گفت که آنها نسخه پیشرفته  Dingbat ها هستند.(آشنایی بیشتر با خصوصیات فونت آیکون‌ها)
پایه و اساس این ایده ،تبدیل آیکون‌ها و خطوط تصویری(pictograms) به فونت بوده است، نه استفاده از آنها به عنوان یک تصویر یا وکتور در وب.
دلیل استفاده از فونت آیکون‌ها نیز این است که فونت آیکون ها 14% سریع‌تر از تصاویر لود میشوند و حجمی برابر 10% فایل های SVG دارند.
برای مشاهده ی لیستی از 7 فونت آیکون برتر از نگاه TNW می‌توانید به این پست مراجعه کنید.

مطالب مرتبط

پارادوکس استفاده از فناوری در ژاپن: کشوری که با وجود داشتن فناوری‌های پیشرفته، هنوز در آن از فکس…

کشف‌های جدید تلسکوپ جیمز وِب در مرزهای کهکشان ما

بازگشت به وبِ آرام؛ چرا جهان دوباره به محتوای بلند نیاز دارد؟

چگونه طراحان صحنه هالیوود در جنگ جهانی دوم از کارخانه‌های تولید هواپیما محافظت کردند؟!

نمایش جادوگر شهر اُز با بازآفرینی هوش مصنوعی گوگل بر پردهٔ کروی Sphere لاس‌وگاس

فیلم جادوگر شهر اُز | داستان و نقد The Wizard of Oz (1939)