وبلاگینا

نوشته های که برچسب “html5” دارند
4

معرفی هفته: آیا مرورگر از این ویژگی پشتیبانی می‌کند؟

آیا از پشتیبانی یک مرورگر از کدهای خود نگرانید؟ آیا از تکه تکه کد نوشتن خسته شده‌اید؟ نمی‌دانید کدام مرورگر چه کدهایی را پشتیبانی می‌کند؟ نگران نباشد Modernizr تمام این کارها را برای شما انجام می‌دهد و با تست‌هایی که انجام می‌دهد به شما می‌گوید که مرورگر کاربر چه ویژگی‌هایی را پشتیبانی می‌کند.

weekly-modernizr-postT.jpg

با استفاده از این ابزار ساده می‌توانید به راحتی برای تمام مرورگرها کد بنویسید و مطمئن باشد که برای همه به درستی نمایش داده می‌شود؛ در این پست به معرفی مختصر این پدیده نو ظهور خواهیم پرداخت.

ادامه را بخوانید
3

معرفی المان‌های ساختاری در HTML5 - قسمت دوم

در این مقاله قصد داریم سایر المان های ساختاری و جدید ارائه در HTML5 را مورد بررسی قرار دهیم. برای مشاهده قسمت اول این مقاله می‌توانید به این لینک مراجعه کنید.

wg-05 - html5-structural-part2.jpg

المان Footer

عبارات مرتبط با کپی رایت و مالکیت معنوی سایت‌ها و همچنین اطلاعات طراح وب سایت از جمله مواردی است که معمولا در پایین هر سایت (و یا صفحه وب) ذکر می‌شوند. المان footer برای دربرگیری اطلاعاتی از این دست که در بسیاری از سایت‌ها موجود است، معرفی گردید. اما موارد کاربرد المان footer به همین‌جا ختم نمی‌شود.

ادامه را بخوانید
17

معرفی هفته: معنایی نو در ابزارهای طراحی وب Aptana studio

آیا از ابزارهای سنتی و قدیمی مانند Adobe Dreamweaver و Front page خسته شده‌اید و به دنبال ابزاری کارآمدتر هستید؟ آیا مایلید هرچه بیشتر به سمت نرم‌افزارهای رایگان و اوپن‌سورس حرکت کنید؟ وبلاگینا به شما Aptana studio را پیشنهاد می‌کند.

weekly-aptana-postT.jpg

در این مطلب به بررسی اجمالی این نرم‌افزار رایگان و کارآمد می‌پردازیم. حتما شما نیز همانند ما به این نتیجه می‌رسید که این بهترین ابزار طراحی وب است.

ادامه را بخوانید
2

بینگ با امکانات جدید از راه می‌رسد

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

bing_live_tiles.jpg

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

ادامه را بخوانید
7

معرفی المان‌های ساختاری در HTML5 - قسمت اول

با اطمینان کامل می‌توان گفت که هر سایتی که تاکنون ایجاد شده است از المان‌های ساختاری و محتوایی برخوردار بوده و به نحوی از آنها استفاده کرده است. از برچسب های پاراگراف (<p>) گرفته تا برچسب های تقسیم کننده (<div>)، المان‌هایی هستند که تاکنون ساختار وب‌سایت‌های ما را شکل داده‌اند. گرچه مشکلی که در نسخه‌های قبلی HTML (تا قبل از نسخه 5) وجود داشت، عدم پشتیبانی محتوا خارج از مفهوم سند (Document) بود.

html5-structural-part1.jpg

خوشبختانه HTML5 لیست بلند بالایی از المان های جدید را معرفی کرده است که می‌توانند برای حل این مشکل مورد استفاده قرار گیرند و محتوای وب سایت‌ها را به سمت معناگراتر (Semantic) شدن پیش ببرند.

ادامه را بخوانید
7

معرفی المان‌های ساختاری در HTML5 - قسمت اول

با اطمینان کامل می‌توان گفت که هر سایتی که تاکنون ایجاد شده است از المان‌های ساختاری و محتوایی برخوردار بوده و به نحوی از آنها استفاده کرده است. از برچسب های پاراگراف (<p>) گرفته تا برچسب های تقسیم کننده (<div>)، المان‌هایی هستند که تاکنون ساختار وب‌سایت‌های ما را شکل داده‌اند. گرچه مشکلی که در نسخه‌های قبلی HTML (تا قبل از نسخه 5) وجود داشت، عدم پشتیبانی محتوا خارج از مفهوم سند (Document) بود.

html5-structural-part1.jpg

خوشبختانه HTML5 لیست بلند بالایی از المان های جدید را معرفی کرده است که می‌توانند برای حل این مشکل مورد استفاده قرار گیرند و محتوای وب سایت‌ها را به سمت معناگراتر (Semantic) شدن پیش ببرند.

ادامه را بخوانید
7

گوگل از مرورگرهای قدیمی پشتیبانی نخواهد کرد

از جمله موارد مهمی که این روز‌ها بسیاری از شرکت‌های بزرگ فناوری سعی در تغییر آن دارند، نسخه مرورگرهای مختلف است. در حال حاضر، مایکروسافت تلاش‌های بسیار زیادی برای به تاریخ پیوستن اینترنت اکسپلورر ۶ داشته که تا حدی نتیجه داده است و بسیاری از مردم از این نسخه پیر و ناامن مهاجرت کرده‌اند، اما به علت پیشفرض بودن این نسخه در برخی از ویندوز‌ها، همچنان برخی از افراد از آن استفاده می‌کنند که بیشتر آن‌ها را افراد آماتور تشکیل می‌دهند.

browser-google-abandon.jpg

به تازگی گوگل اطلاعيه‌ای را منتشر کرده است که طی آن اعلام شده؛ از اول آگوست امسال، این شرکت سرویس‌های خود را بر روی مرورگر‌های با نسخه‌های پایین‌تری که اعلام کرده است، غیر فعال می‌کند. این نسخه‌ها شامل نسخه 3.5 فایرفاکس، اینترنت اکسپلورر ۷ و سافاری ۳ می‌باشد که تمام نسخه‌هایی که از این لیست پایین‌تر باشند، در آن‌ها سرویس‌های گوگل غیر فعال می‌شود و کاربران امکان استفاده را نخواهند داشت و باید مروگر خود را به روز رسانی کنند.

ادامه را بخوانید
1

هر آنچه که باید در مورد IE10 بدانید!

مدت زمان زیادی از عرضه آخرین نسخه مرورگر باسابقه مایکروسافت یعنی اینترنت اکسپلورر 9 نمی‌گذرد که پیش نمایش نسخه جدید این مرورگر (IE10) نیز آماده شده است تا مردم در سرتاسر جهان با قابلیت‌های جدید آن آشنا شوند. مایکروسافت بعد از عرضه نسخه 9 اینترنت اکسپلورر، روند جالب و مورد توجه‌ای را پیش روی خود قرار داد و حالا بعد از عرضه این نسخه، شتابان به سوی عرضه نسخه‌های بعدی خود رفته است. در این بررسی کوتاه با ویژگی‌های جدید این مرورگر و زمان عرضه تقریبی نسخه ۱۰ اینترنت اکسپلورر آشنا خواهید شد.

IE10-1-april.jpg

IE10 می تواند نسخه پلاس IE9 باشد

هنگامی که نسخه جدیدی از یک مرورگر عرضه می‌شود، بسیار از قابلیت‌های آن بهبود پیدا می‌کند و گاهی اوقات محیط ظاهری آن نیز دستخوش تغییرات می‌شود. زمانی که آپدیت مایکروسافت برای IE6 عرضه گشت و IE7 منتشر شد، شاهد تغییرات زیادی در آن بودیم. در به روز رسانی IE7 به IE8 نیز تغییراتی مشاهده می‌شد که شاید کاربران عادی به جز موارد ظاهری متوجه آن نمی‌شدند و بیشتر تغییرات در کد نویسی‌های مرورگر انجام شده بود.

ادامه را بخوانید
9

گوگل چند قدم جلو افتاد، با کروم حرف بزنید!

ماه مارس ۲۰۱۱ را می‌توان ماه تاخت و تاز مرورگرها نامید چرا که هر یک از شرکت‌های سازنده مرورگرهای مطرح، خودی نشان دادند و بارها خروجی وبلاگ‌ها و وب‌سایت‌های فناوری را از آن خود نمودند. در حالی که در این ماه مایکروسافت اینترنت اکسپلورر ۹ را عرضه کرد، اپرا نسخه ۱۱ خود را معرفی نمود و فایرفاکس رکورد ۵ میلیونی خود را جشن گرفت، گوگل کروم نیز از قافله جنگ مرورگرها عقب نماند.

google-chrome-11-beta-live-1.jpg

مرورگری که رفته رفته بر محبوبیتش افزوده می‌شود، همزمان با بازارگرمی سایر کمپانی‌ها، در نسخه آزمایشی جدید خود قابلیت‌های ویژه‌ای را اضافه کرد. کروم در نسخه 11.0696.16 بتا (که به‌تازگی، ظاهر لوگو و آیکون خود را نیز تغییر داده است)، امکان تبدیل گفتار به متن را به مرورگر خود افزوده است. ویژگی‌ای که از طریق HTML5 و API مربوط به آن، به برنامه‌نویسان و طراحان وب این قابلیت را می‌دهد تا صدای شما را به کمک میکروفن سیستم دریافت کرده و به متن تبدیل نمایند.

ادامه را بخوانید
1

ادوبی برای تبدیل فلش به HTML5 گام برداشت

شرکت ادوبی، ابزاری را جهت تبدیل فایل‌های فلش به HTML5 ارائه کرد. این برنامه که بر پایه Air نوشته شده است، به طراحان و برنامه‌نویسان کمک می‌کند تا سریع و آسان، فایل‌های fla را به خروجی HTML5 تبدیل نمایند. سادگی کار با این ابزار تا حدی است که شما تنها باید فایل فلش مورد نظر خود را کشیده و در محیط برنامه رها کنید.

wallaby-convert-flash-to-html5.jpg

ادوبی امیدور است تا از طریق Wallaby، کار طراحان و برنامه‌نویسان را برای نمایش فایل‌های فلش در iDeviceهایی نظیر آی‌پد و آی‌فون ساده نماید. این شرکت نسخه اولیه و نمایشی این برنامه را در پاییز گذشته در اختیار کاربران گذاشت و در حال حاضر نیز با تولید دموی جدیدی از این برنامه، منتظر بازخوردهای کاربران و طراحان است تا در مورد شیوه عملکرد Wallaby نظر خود را بازگو نمایند.

ادامه را بخوانید
9

با HTML5 بیلیارد بازی کنید!

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

agent-008-ball-1.jpg

به جرأت می‌توان گفت که Agent 008 Ball بهترین (یا یکی از بهترین) بازی‌های ساخته به کمک HTML5 تا کنون بوده است. بازی‌ای که ویژگی‌های متمایزی دارد تا بتواند بدون نیاز به فلش، بهترین خروجی کیفیت را در اختیارتان بگذارد.

ادامه را بخوانید
54

RockMelt مرورگری با درک اجتماعی

امروزه و در دنیای اجتماعی وب، هرچه ایده‌ها بیشتر رنگ اجتماعی داشته باشند شانس موفقیت بیشتری در بین کاربران دارند. آنچه که صرفا باید در این میان انجام شود، به‌کار بردن نو‌آوری، استفاده و پیاده‌سازی درست آن‌ها است. RockMelt یکی از همین ایده‌هاست که بر همین اساس وارد دنیای وب شده است. مرورگری بر پایه Chromium که تمامی امکانات برای ارتباطات اجتماعی شما را در خود جای داده است.

rockmelt-screen.jpg

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

ادامه را بخوانید