Archive

Archive for the ‘طراحی وب’ Category

وب برو منتقل شد :(:

ژانویه 30, 2014 بیان دیدگاه

وب برو

به دلیل فیلترینگ وب سایت اصلی ووردپرس به آدرس

www.webbro.ir  منتقل شد 

🙂

Chrome Developer Tools

مارس 24, 2011 بیان دیدگاه

گوگل ، به مرورگر کروم  کنسولی اضافه کرده است تحت عنوان «Chrome Developer Tools» این کنسول توسعه در نظر  اول  ممکنه است شبیه دیگر کنسول های دی باگ باشد اما چند تفاوت فاحش بین این کنسول و کنسول های دیگر وجود دارد .
می توان از تفاوت و امکانت این کنسول با کنسول های دیگر لیست زیر را نام برد :

  1. ویرایش زنده DOM و CSS – دی باگ جاوا اسکریپت با استفاده از دی باگر  گرافیکی
  2. آنالایز زمان اجرا برای تمام توابع ( functions )  برای بهبود سرعت app های کدنویسی شده شما
  3. Trace reflows و repaints اپ های (app) لود شده شما
  4. ببررسی چیزهای ذخیره شده پایگاه داده های  ذخیره سازی محلی  HTML5

تصویر

ابرازهای توسعه دهنده گوگل  کروم  (Google Chrome developer tools)  حقیقتن برای استفاده اپلیکیشن های وب (web application) نوشته شده بوسیله جاوا اسکریپت  و سی اس اس می باشد .
برای دسترسی به ابزارهایت توسعه (developer tools) مرورگر گوگل کروم  Google Chrome یک صفحه وب یا یک اپ وب در مرورگر گوگل کروم باز کنید و راهنمای زیر را دنبال کنید :

  • شکل Wrench menu را کلیک کنید و از منو گزینه Tools > Developer tools را انتخاب کنید
  • روی صفحه راست کلیک کنید و گزینه Inspect element را انتخاب کنید * کلید های میان بر در ویندوز و لینوکس :

Ctrl + shift + I :برای باز کردن   Developer Tools
Ctrl + shift + J :برای باز کردن Developer Tools و فوکوس روی  کنسول

 

این ابزار بویژه برای دوستانی که با HTML5  کد نویسی می کنند واقعن ابزار مفید است .

 

راهنما متنی گوگل

راهنما ویدئوی گوگل

گوگل می‌خواهد با پسوند WebP ، پسوند JEPG را نابود کند.

اکتبر 23, 2010 بیان دیدگاه

گوگل فرمت جدیدی از تصاویر  با نام WebP منتشر کرده است . تصاویر با پسوند WebP دارای مزایا نظیر حجم کمتر و سرعت لود بیشتر را نسبت به JEPG برای نمایش در شبکه را دارند . شرکت گوگل  فقط هدف ندارد  نشان دهد پسوند WebP برای تصاویر بهتر از JEPG است ، حقیقتن  این نوع فایل‌ها با پسوند WebP حدود 40%  کم حجمتر از فایل‌های با پسوند JEPG هستند.

گوگول تخمین می‌زند 65% از بایت های یک صفحه تصاویر هستند و با این پسوند مجموع داده‌های که ما  بصورت آنلاین جابجا می‌کنیم ¼ خواهد شد .  چه کسی مخالف تغیر پسوند برای وب است زمانی که می‌توان سرعت را 26% بیشتر کرد ؟

برای اطلاعات بیشتر درباره WebP اینجا را کلیک کنید

گوگل پسوند دیگری به نام WebM منتشر کرده است برای فرمت ویدئوی . این فرمت توسط HTML5 با کمک تگ <video> پشتیبانی می‌شود .

کتاب الکترونیکی HTML5 ویرایش 1.2

اکتبر 17, 2010 3 دیدگاه

در نسخه قبلی کتاب الکترونیکی HTML5 در بعضی از  جملات کج تابی های وجود  داشته و  در این نسخه  سعی بر آن شد این مشکل  و مشکلات دیگر که در ارائه اولیه دیده نشده بود ویرایش شود .  در فایل زیپ شده  ،  کتاب الکترونیکی دیگری موجود است . این کتاب الکترونیکی  Cheat Sheet تمام دستورات موجود در HTML5 را به زبان انگلیسی بصورت کاملا خلاصه و بسیار کوتاه  در اختیار گذشته است .

در صورت مشاهده کمی و کاستی ویا انتقاد و پیشنهاد لطف کنید مرا باخبر کنید با تشکر .

لینک دانلود ( تصحیح شد )

 

وب برو

به دلیل فیلترینگ وب سایت اصلی ووردپرس به آدرس

www.webbro.ir  منتقل شد

کتاب الکترونیکی HTML5

اکتبر 6, 2010 بیان دیدگاه

کتاب الکتروینکی HTML5   به صورت خلاصه به معرفی عناصر یا تگ های جدید و همین طور عناصر بهبود یافته در HTML5  می پردازد. این کتاب الکترونیکی که بصورت ترجمه از چند منبع مختلف می باشد و به عنوان های  زیر می پردازد :

  • HTML5 چیست
  • ساختمان تگ HTML 5
  • HTML5  شامل چه مواردی است ؟
  • عناصر جدید معرفی شده در HTML 5
  • استفاده از HTML5 برای ساختن آسان تر کد HTML
  • کار کردن با  فرم  HTML5
  • چه تغییر در فرم 2.0 HTML  روی داده است
  • کنترل داده بوسیله  HTML5
  • نمایش داده در HTML5
  • ذخیره داده و استفاده در ذخیرها سازی های داده در وب
  • چگونگی ذخیره داده ها بصورت لوکال
  • ویژگی های جدید HTML5
  • چه چیزی در HTML5  پشتیبانی نمی شود ؟
  • چگونه با کمک عنصر HTML5  یک سایت جدید بسازیم
  • معرفی عناصر کاربردی رسانه ای

این کتاب مناسب برای افرادی است که دانش مقدماتی در مورد برنامه نویسی تحت وب را دارند.

کتاب الکترونیکی HTML5 ویرایش 1.2

کتابی الکترونیکی در راستای توسعه و امنیت وب پارسی

ژوئن 6, 2010 ۱ دیدگاه

یکی از دوستان یک کتاب الکترونیکی را در وب لاگ تخصصی اش قرار داده است که واقعا کاربردی است . از مقدمه چینی که بگذریم برویم سراغ اصل مطلب .

این کتاب الکترونیکی که با نام «راهنمای امنیت در وردپرس» توسط حامد تکمیل منتشر شده است در این کتاب به مباحث زیر می پردازد  :
راهنمای امنیت در وردپرس
– سطح دسترسی به جدول ها
– تغییر پیشوند جدول در وردپرس
– تغییر نام کاربری admin
– ایجاد کاربران جدید به همراه اعطای مجوزهای لازم
– بستن رخنه های نفوذ ابتدایی
– جلوگیری از دسترسی موتورهای جستجو به پوشه های حیاتی سیستم
– برداشتن شماره نسخه وردپرس از قالب سایت
– ضرورت پشتیبان گیری از فایل های سایت
– بهره گیری از SSL
– ضرورت به هنگام سازی وردپرس و افزونه ها
– کد کردن محتویات فایل wp-config.php
– سطح دسترسی مطلوب برای پوشه های وردپرس
– انتقال wp-config.php به مکانی امن
– انتقال و تغییر نام پوشه wp-content
– استفاده از SFTP به جای FTP
افزونه های مفید امنیتی برای وردپرس

حقیقتا جای همچین مطلبی جامع و مختصر و مفید در زبان پارسی خالی بود.

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

مه 21, 2010 بیان دیدگاه

در هفته قبل پروژه کرومیم پیشنهاد یک حرکت آرام به طرف Native Client SDK را داد !

این پروژه به مرورگرها توانای پردازش زبان C و ++C را به client می دهد و اینکه در این روش می تواند به همراه HTML و JavaScript استفاده و بین آنها رابطه برقرار کند . و همچنین این پروژه پلی بین  موتور های گرافیک و صدای پورتبل بوجود می آورد .
برای پیکر بندی کردن بهتر مرورگرها   و برای بالا بردن سرعت پردازش بصری !

چرا وب کلاینت نیاز به سی پلاس پلاس دارد ؟

به نظر می رسد منحصرا برای جذابیت و برای بالابردن  گرافیک های قدرتمند با توانانی بیشتر که دلیل آن سرعت توابع کتابخانه ی  در C و ++C است.

وبلاگ کرومیم در این باره می گوید :

SDK به شما اجازه نوشتون کد به زبان های سی و سی پلاس پلاس را در کارهایتان بصورت یک پارچه در کرومیم را می دهد و به شما دسترسی استفاده قدرمتند برای ساختن API های توانمند و app هایی برای وب شما را می دهد.

برای توضیحات بیشتر این ویدئو را مشاهده کنید :

ممکن است به دلیل فیل ترینگ ویدئو اینجا لود نشود لینک ویدئو