آموزش آماده سازی سایت شما برای شبکیه چشم
Making Your Site Retina-Ready
- HiDPI چیست؟
- افزودن اولین قلم نماد
- افزودن حالت شناور و انیمیشن
- کار با پرونده های SVG
- ایجاد موارد دلخواه
- نمایش تصاویر HiDPI
مقدمه Introduction
-
خوش آمدی Welcome
-
با استفاده از پرونده های تمرینی Using the exercise files
1. معرفی HiDPI یا شبکیه 1. Introducing HiDPI or Retina
-
HiDPI (شبکیه) چیست؟ What is HiDPI (retina)?
-
گزینه هایی برای بهتر شدن محتوای سایت در HiDPI Options for making your site content look better on HiDPI
-
ابزارهایی که ممکن است در طول راه از آنها استفاده کنید Tools you may use along the way
2. فونت های آیکون 2. Icon Fonts
-
درک قلم های نمادین (خوب و بد) Understanding icon fonts (good and bad)
-
اولین قلم نماد خود را به طرح خود اضافه کنید Add your first icon font to your design
-
از فونت های آیکون در موقعیت های مختلف استفاده کنید Use icon fonts in different situations
-
یک حالت شناور را به فونت های آیکون اضافه کنید Add a hover state to icon fonts
-
انیمیشن را به یک قلم آیکون اضافه کنید Add animation to an icon font
3. SVG 3. SVG
-
درک SVG Understanding SVG
-
ساختن یک فایل SVG با استفاده از Illustrator Making an SVG file using Illustrator
-
بهینه سازی SVG Optimizing SVG
-
افزودن پرونده SVG (.svg) به صفحه خود Adding an SVG file (.svg) to your page
-
رفع شده برای اینترنت اکسپلورر پاسخگو Fixes for responsive Internet Explorer
-
افزودن SVG به صورت آنلاین Adding SVG inline
-
برای اینترنت اکسپلورر پاسخگو درون خطی رفع می کند Fixes for inline-responsive Internet Explorer
-
افزودن SVG به عنوان URI درون خطی (و چرا) Adding SVG as inline URI (and why)
-
افزودن یک بازپرداخت SVG برای مرورگرهای قدیمی Adding an SVG fallback for older browsers
4- فاویکون ها 4. Favicons
-
امروز با شناختن علاقه مندی ها Understanding favicons today
-
ایجاد فاویکون Creating favicons
-
افزودن موارد دلخواه به صفحات خود Adding favicons to your pages
5. تصاویر HiDPI 5. HiDPI Images
-
درک روشهای مختلف موجود Understanding the different methods available
-
فقط از تصویر HiDPI استفاده کنید (مقیاس پذیر) Just use the HiDPI image (scaled)
-
مبادله تصویر پس زمینه CSS ساده Simple CSS background image swap
-
روش ساده JavaScript (retina.js) Simple JavaScript method (retina.js)
-
PictureFill چیست؟ What is PictureFill?
-
کار با PictureFill Working with PictureFill
نتیجه Conclusion
-
منابع Resources
-
خداحافظ Goodbye
نمایش نظرات
نظری ارسال نشده است.
https://donyad.com/d/2514
آموزش آنچه در آینده می آید آینده است: ایجاد وب
What Comes Next is the Future: Creating the Web
داستان وب را همانطور که توسط افراد سازنده وب گفته شده بشنوید. مصاحبه ها را با طراحان و توسعه دهندگان با نفوذی مانند جفری زلدمن و تیم برنرز لی جستجو کنید.
آموزش سئو: نشانه گذاری داده های ساختاریافته و طرحواره برای مدیران وب سایت
SEO: Structured Data & Schema Markup for Webmasters
مبتدیان به قطعات غنی، داده های ساختاریافته و افزایش نرخ کلیک از موتورهای جستجوی اصلی راهنمایی می کنند.
آموزش ویژگی های جدید Adobe Animate CC
Adobe Animate CC New Features
درباره جدیدترین نسخه های Adobe Animate در مورد ویژگی ها و پیشرفت ها بیشتر بدانید.
آموزش Backbone.js
Learning Backbone.js
بیاموزید که چگونه صفحات وب خود را بسازید و کد خود را با کتابخانه سبک و زیرک JavaScript Backbone.js مرتب کنید.
Brian Wood
توسعه دهنده وب ، نویسنده و مربی
برایان وود یک توسعه دهنده وب ، نویسنده و مربی در Muse ، InDesign ، Illustrator و موارد دیگر است.
برایان نویسنده بیش از ده کتاب ( Adobe Illustrator CC 2014 Classroom in a Book و Adobe Muse CC 2014 Classroom in a Book )) ، عناوین آموزشی متعددی را در مورد Muse ، Dreamweaver طراحی کرده است ، InDesign ، Illustrator و سایر نرم افزارهای طراحی. برایان علاوه بر آموزش بسیاری از مشتریان ، از جمله Nordstrom ، REI ، بوئینگ ، استارباکس ، نینتندو و دیگران ، به طور منظم در کنفرانس های ملی مانند Adobe MAX ، HOW Design و HOW Interactive و همچنین رویدادهایی که توسط AIGA و سایر صنایع برگزار می شود صحبت می کند. سازمان های. او همچنین مقالاتی برای SmashingMagazine.com ، Peachpit.com ، CreativePro.com ، مجله Adobe Inspire و موارد دیگر نوشت. برایان دارای یک کانال YouTube به آدرس youtube.com/askbrianwood و یک سایت آموزش شرکتی به آدرس brianwoodtraining.com .
Linkedin (لینکدین)
لینکدین: شبکه اجتماعی حرفه‌ای برای ارتباط و کارآفرینی
لینکدین به عنوان یکی از بزرگترین شبکه‌های اجتماعی حرفه‌ای، به میلیون‌ها افراد در سراسر جهان این امکان را می‌دهد تا ارتباط برقرار کنند، اطلاعات حرفه‌ای خود را به اشتراک بگذارند و فرصت‌های شغلی را کشف کنند. این شبکه اجتماعی به کاربران امکان می‌دهد تا رزومه حرفه‌ای خود را آپدیت کنند، با همکاران، دوستان و همکاران آینده ارتباط برقرار کنند، به انجمن‌ها و گروه‌های حرفه‌ای ملحق شوند و از مقالات و مطالب مرتبط با حوزه کاری خود بهره‌مند شوند.
لینکدین همچنین به کارفرمایان امکان می‌دهد تا به دنبال نیروهای با تجربه و مهارت مورد نیاز خود بگردند و ارتباط برقرار کنند. این شبکه حرفه‌ای به عنوان یک پلتفرم کلیدی برای بهبود دسترسی به فرصت‌های شغلی و گسترش شبکه حرفه‌ای خود، نقش مهمی را ایفا می‌کند. از این رو، لینکدین به عنوان یکی از مهمترین ابزارهای کارآفرینی و توسعه حرفه‌ای در دنیای امروز مورد توجه قرار دارد.