وپی ( webP ) چیست و چرا اهمیت دارد؟

۳۰ سپتامبر ، یعنی شش روز پیش گوگل قالب ( فُرمَت ) جدیدی از تصاویر به نام WebP رو معرفی کرد. اینطوری نوشته میشه: WebP اما اینطوری خونده میشه: weppy . به دلیله یه سری معضلاتی که وجود داره، گوگل اقداماتی رو در جهت رفعشون داره انجام میده. حجم عظیم داده‌ها که بیشتر از نوع تصویر هستند ، در دیتاسنترهای سایتهای بزرگ از جمله گوگل ، باعث شده که گوگل به فکر کاهش حجم تصاویر از طریق تغییر قالب اونها بیافته.

اهمیت این موضوع بسیار بالاست و علی‌رغم اینکه تغییر قالب و فرهنگ‌سازی استفاده از این فرمت در دنیا کار سختیه (!) ، اما گوگل با قدرت و نفوذ و تأثیری که در دنیای وب داره ، به نظرم خیلی راحت میتونه در این قضیه یک انقلاب بوجود بیاره. اما حالا بیاید یه بررسی کنیم ببنیم که این WebP چی هست و چرا اهمیت داره!

ما توئیت میکنیم ، زمین گرم میشه!

تولید روزانه CO2 سایت توئیتر

آیا میدانید کاربران سایت توئیتر روزانه حداقل چقدر گازهای گلخانه‌ای تولید میکنند؟

توئیتر ، به عنوان گسترده‌ترین سایت میکروبلاگینگ جهان ، طبق آخرین آماری که در ماه فبریه سال ۲۰۱۰ رسما منتشر کرده ، روزانه حدود ۵۰ میلیون توئیت توسط کاربرانش ارسال میشه! حالا اگر حداقل زمان برای نوشتن یک توئیت ساده رو ده ثانیه و انرژی معادل ۲۵۰ وات بر ساعت برای هر کامپیوتر در نظر بگیریم ، انرژی معادل ۳۵ کیلو وات‌ساعت در هر روز صرف میشه!

میخواهم طراح وب شوم – آموزش HTML به زبان ساده – روز اول

آموزش طراحی وب - روز اول - آموزش HTML

آموزش طراحی وب - روز اول - آموزش HTML

طبق قولی که داده بودم ، آموزش طراحی وب رو از پایه شروع میکنم. خب یک سوالی که ممکنه توی ذهن خیلی ها بوجود بیاد اینه که برای طراحی وب از چه نرم‌افزارهایی استفاده میکنیم. من یک سری برنامه خدمتتون معرفی میکنم که اینهارو میتونید خیلی راحت گیر بیارید و نصب کنید. برای طراحی ظاهر سایتها معمولا از برنامه‌ی فوتوشاپ استفاده میکنیم. این نرم‌افزار خودش خدائی هست توی بحث گرافیک. حجمش بالاست و دانلودش کار راحتی نیست. توی خیلی از مجموعه های نرم افزاری موجود در بازار هم پیدا میشه. خب برای نوشتن کدهامون از برنامه های مختلفی میتونیم استفاده کنیم. به عنوان مثال برنامه هایی مثل دریم وی ایور ( Dreamweaver ) ، یا پی اچ پی دیزاینر و یا از همه ساده تر ، نُت پَد ۲ استفاده کنید. نُتپد دو خوبیش اینه که همه زبونهای برنامه نویسی رو پشتیبانی میکنه و جالبه که متن‌باز هست و فارسی هم هست! البته باید زبان فارسیش رو دانلود و نصب کنید. خیلی سادست. من همین رو پیشنهاد میکنم. خُب حالا میریم سره اصل مطلب.

استفاده از PNG در اینترنت اکسپلورر محترم!

استفاده از اینترنت اکسپلورر ممنوع!

اول از همه اینکه استفاده از اینترنت اکسپلورر ممنوع لطفاً! خُب؟ مرسی!

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

LazyLoad ابزاری برای کاهش زمان لود صفحات سایت

افزایش سرعت لود صفحات وب

افزایش سرعت لود صفحات وب

ممکنه در صفحاتی که طراحی میکنیم ، تصاویر زیادی مورد استفاده قرار گرفته باشه ، یک سری تصاویر بالای صفحه و و به همین ترتیب تا پائین …. . اما آیا همیشه ، کاربر تمام صفحه رو میبینه؟ آیا مطمئنید که اسکرول صفحه رو به پائین هدایت میکنه و تا اخرین تصاویر سایت رو مشاهده میکنه؟ آیا میدونستید زمان بسیار زیادی از لود یک صفحه وب ، صرفِ بارگذاری تصاویر میشه؟ فرض کنید وارد یک سایت خبری شدید. حدودا ۵۰ تا عکس مربوط به خبرهای مختلف لود میشه. ممکنه شما متن مورد نظرتون رو توی همین بالای سایت پیدا کنید و اصلا حتی نگاه هم به پائین سایت نکنید. اما به اجبار ، تمام تصاویر برای شما لود شدند!

ترفندی ساده برای بکارگیری CSS3 در مرورگر اینترنت اکسپلورر ۶ ، ۷ و ۸

CSS3 & IE 6 , 7 , 8

بکارگیری CSS3 در اینترنت اکسپلورهای ۶ ، ۷ و ۸

سلام.

مطمئنا میدونید که در طراحی وبسایت ، باید رابط گرافیکی یا به اصطلاح User Interface طوری طراحی بشه که توی همه مرورگرها از جمله اینترنت اکسپلورر ( نسخه های مختلف : ۶ ، ۷ ، ۸ ) ، فایرفاکس ، اُپرا ، کروم و …. شبیه به هم دیده بشه! ممکنه تاحالا به سایتهایی برخورد کرده باشید که ظاهری به هم ریخته داشتند. این موضوع دلیلش همین عدم همخوانی با مرورگر شما بوده. بگذریم… همه ما میدونیم که اینترنت اکسپلورر اصلا استانداردهای جدید وب رو پشتیبانی نمیکنه و CSS3 رو میتونم بگم به هیچ وجه! لذا امروز یک ترفند بهتون یاد میدم تا بتونید با اون ، راحت تر کد بنویسید و سرعت طراحی سایتتون بالا بره. آخه قبلا باید یکبار سایت رو برا همه مرورگرا طراحی میکردید ، بعد برای خانواده محترم اینترنت اکسپلورر هم ۳ بار! یعنی برا هر نسخه یکبار!

اولین حضور و موفقیت بین‌المللی من / یکی از سه برنده اجلاس جهانی جایزه جوانان

اجلاس جهانی جایزه جهانی جوانان

اجلاس جهانی جایزه جهانی جوانان

ببخشید که خیلی طول کشید و مدتی نتونستم بلاگ رو بروزرسانی کنم. یه خبر دارم. ابتدا تفعلی زدم به حضرت حافظ که در زیر ابیات آغازینش رو آوردم:

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

خدا رو شاکرم که تونستم ، با اولین حضورم در عرصه بین المللی در حوزه فناوری اطلاعات ، با پروژه‌ی مجله علمی کائسنا ، که حدود سه سال براش زحمت کشیدم و هنوز در ابتدای راه هست ، در اجلاس جهانی جایزه جوانان ، World Youth Summit Award ، که در سال ۲۰۱۰ در ۶ موضوع برگذار شد ، از بین ۶۳۲ اثر ارسالی از ۱۰۲ کشور جهان ، به عنوان یکی از سه جوان متعهد و خلاق جهان در بخش دانش برای همه ، انتخاب بشم. متذکر میشم که در هر یک از بخشهای ششگانه‌ ، تنها سه اثر انتخاب شده و این ۱۸ جوان در سپتامبر ۲۰۱۰ در نیویورک گرد هم خواهند آمد و در مراسمی ۴ روزه ، میهمان سازمان ملل و چند سازمان بین المللی بوده و علاوه بر شرکت در کارگاههای آموزشی و مباحثه‌ای گروهی ، جوایزی دریافت خواهند کرد. این گردهم‌آیی تحت عنوان “گردهم‌آیی متعهدترین و خلاقترین جوانان جهان” از ۱۸ تا ۲۲ سپتامبر ۲۰۱۰ در آمریکا ، نیویورک ، برگذار میشه. هزینه های این سفر به طور کلی پرداخت شده است.

این رقابت جهانی در موضوعات دانش برای همه ، مبارزه با گرسنگی و بیماری ، قدرت برای زنان ، توسعه فرهنگ ، به سوی جهانی سبز ( Go green ) و دنبال کردن حقیقت برگذار شد.

بیش از ۶۰ داور از کشورهای مختلف جهان ، آثار ارسالی رو که در راستای اهداف توسعه هزاره‌ی سازمان ملل بود ، مورد ارزیابی قرار دادن و بعد از دو مرحله داوری ، آثار برتر انتخاب شدند.

امیدوارم مشکلی پیش نیاد.

خدایا شکرت ….

کلاهی به گشادی یک کلید ، در دستان اوباما خان!

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

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

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

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

میخواهم طراح وب شوم ، از کجا شروع کنم؟

همیشه اولین سوالی که در ذهن افراد علاقه مند به طراحی وب پیش میاد همینه. اینکه چطوری باید شروع کنم؟ باید چه چیزهائی یاد بگیرم؟ آیا باید برنامه نویسی یاد بگیرم؟ چطور میشه طراح وب شد؟ چطوری یک وب سایت طراحی میشه؟ … و سوالاتی از این قبیل. خوب میخوام برای دوستان ِ علاقه مند ، کمی در همین خصوص بنویسم.
اوایل ، صفحات وب رو با زبان HTML طراحی میکردیم. این زبان ، یک زبان کاملا ایستا بوده و هست و هرچیزی که ما طراحی میکردیم ، دقیقا همون برای کاربرانمون نمایش داده میشد. وب سایت هایی که با این زبان طراحی میشدند ، در صورتی که به کوچکترین بروزرسانی‌ای نیاز داشتند ، افراد ، حالا یا با استفاده از برنامه هایی مثل فرات پیج و یا حرفه ای ها با کدنویسی ، نسبت به تغییر محتوای اون صفحات اقدام میکردند و فایل جدید رو با فایلی که روی سرور بود ، جایگزین میکردند تا تغییرات برای کاربران به نمایش در بیاد. خب این خیلی وحشتناک بود! همین موضوع باعث شد بشر دست به خلاقیت بزنه و زبانها و استانداردهایی رو تولید کنه که بتونه صفحات وب رو از این حالت ایستا خارج کنه و یک پویائی در اون بوجود بیاره.

شروعی دوباره ، در قالبی دیگر

محمد رشیدی و شروعی دگر در بلاگ تراوشات ذهنی فعال

محمد رشیدی

همیشه از شروع های دوباره خوشم میامده. البته شروع هایی که با انرژی بوده و به دنبال دسترسی به یک هدف و ایده. خوب اینجا هم یک شروع دیگست. آمدم اینجا رو بنا کردم تا تجربیاتم و تفکراتم رو تا جائی که وقت اجازه بده و عمر کفاف ، به رشته ی تحریر دربیارم. شیراز زندگی میکنم. دانشجوی فناوری اطلاعاتم ، دانشگاه صنعتی خواجه نصیرالدین طوسی. خیلی فناوری اطلاعات رو دوست دارم. با علاقه و شناخت این رشته رو در گرایش تجارت الکترونیک شروع کردم. در حال حاضر ۲۲٫۲۵ ( بیست و دو ممیز بیست و پنج صدم ) سالمه و تجربیاته خیلی خوبی رو تونستم بدست بیارم. قصد دارم توی این بلاگ ، از موضوعات مورد علاقم بنویسم. به عنوان مثال فناوری اطلاعات ، تجارت الکترونیک ، طراحی وب ، وب ، مدیریت و … . خیلی خوشحال میشم با نظراتتون من رو راهنمائی کنید. سعی میکنم حداقل هر ماه ، یک وب کنفرانس بذارم و سوالتتون رو در زمینه همین موضوعاتی که گفتم جواب بدم. و البته از تجربیات و دانشتون هم بهره ببرم.

دیگر نوشته ها