مَه وب

وبلاگ طراحی و کدنویسی و برنامه نویسی وب php,css,html,js - مه وب

مَه وب

وبلاگ طراحی و کدنویسی و برنامه نویسی وب php,css,html,js - مه وب

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


این چیزها به درد نمی‌خوره.

کدوم چیزها؟ منظورم اراجیف افزایش بازدهی و بهره‌وریه. اینکه چطور ساعات روزمون رو افزایش بدیم. کدوم اپ برنامه‌ریزی رو استفاده کنیم. کدوم جملهٔ قصار بامزه رو توی فیسبوک بگذاریم. وقت. تلف. کردنه.

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

  • محمدمهدی یوسفی

اگر بین برنامه نویس ها حضور پیدا کرده باشید می بیند اگر در زمینه برنامه نویسی صحبت کنند واژه API رو به شدت استفاده می کنند. اگر هم تازه وارد حوزه برنامه نویسی شده اید یکم درک و فهمیدن ماهیت API برای شما سخت و گنگ می باشد. در این مقاله می خواهم بگم API چیست؟ و چه کاربردی دارد و در انتها در مورد نحوه عملکرد APIها بیشتر صحبت کنم.

API مخفف واژگان Application Programming Interface به معنی «رابط های برنامه نویسی اپلیکیشن» می باشد.

API چیست؟

API چیست؟

اگر بخواهم به صورت خودمونی بگم API چیست؟ باید بگم API این امکان رو در اختیار برنامه نویس قرار می دهد تا به‌ برخی یا تمامی قابلیت‌های یک نرم‌افزار دیگر دسترسی پیدا کند.

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

  • محمدمهدی یوسفی

سلام . امروز میخواستم درمورد بک اپ و بک اپ گیری در سایت ها یکم صحبت کنیم . حتما همه شما کلمات و جملات کلیشه ای درمورد مهم بودن بک اپ شنیده باشید . شایدم نشنیده باشید اما بحث اصلی ما اهمیت بسیار بالای این موضوع هست . بطوری که هیچ چیزی مثل نداشتن بک اپ نتونسته سایت های بزرگ ایران یا جهان رو زمین بزنه. به دومورد از این موارد که ایرانی هم بودن و اکثرا اونهارو میشناسید اشاره میکنم

سایت بلاگفا حدودا یکسال یادوسال پیش بود که حین انتقال سرور بخاطر دلایلی دچار سوختن هارد شد . و نداشتن بک اپ تازه روی یک سرور جدا باعث شد که این سایت کلی از کاربر های خودشو از دست بده  (بک اپی که داشتن قدیمی بود) . ضرر به رتبه الکسا و بازدید سایت هم بسیار زیاد بود . گرچه مدیر بلاگفا گفته بود که برای بازگردانی اطلاعات از روی هارد سوخته از بهترین شرکت ها در خارج کشور کمک گرفتن . اما در نهایت این مشکل حل نشد و بعد از قطعی سایت در یک بازه زمانی مجبور شد بک اپ یکسال قبل رو روی سایت برگردونن که موجب بروز مشکلات زیادی شد و موجب شد که وبلاگ های بلاگفا مطالب یکسال اخیر خودشونو از دست بدن . در نهایت هم موجب شد بزرگ ترین سایت ایرانی رتبه و بخشی از اعتبار خودشو از دست بده...

 

  • محمدمهدی یوسفی

یکی از زبان هایی که به شدت در این مدت، کاربران زیادی رو در دنیا جذب خودش کرده زبان برنامه نویس گو (Go) یا گولنگ (Golang) است. اگر میخواهید جواب سوال زبان برنامه نویسی Go چیست رو بگیرید پیشنهاد میکنم این مقاله رو تا انتها مطالعه کنید.

زبان برنامه نویسی Go چیست

  • محمدمهدی یوسفی

برای مشاهده نسخه ی کامل تصویر بالا باید روی آن کلیک کنید

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

  • محمدمهدی یوسفی

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

ورود به صفحه رسمی این فونت

  • محمدمهدی یوسفی

برای مشاهده کامل قالب باید روی تصویر بالا کلیک کنید

قالب رزسایت یکی از جدید ترین نمونه کارهای بنده هست که چند روز قبل از نوروز 97(یعنی همین امسال) طراحی و کدنویسی شده و بدست مشتری رسیده. نکته ای که توی این قالب هست اینه که این قالب در زمانی بسیار کوتاه طراحی و کد شده. یعنی بدلیل کمبود زمانی که داشتم از زمان ثبت سفارش تا تحویل اون کمتر از 12 ساعت طول کشید و توی کارای من این یه رکورد جدیده (:  

توی این قالب هم مثل چندتا از قالب های قبلی از فونت ایکون ایرانی گربه استفاده شده و بجای فونت بی یکان از فونت ایرانی شبنم استفاده کردم که بنظر من ظرافت بیشتری نسبت به فونت بی یکان داره اما شباهت زیادی هم بهش داره. در طراحی هدر این قالب از طراحی متریال گوگل ایده برداری کردم ولی با کمی تغییرات تونستم یه چیز جدید و زیبا ازش بسازم.

نمونه کار های بعدی و قبلی هم به مرور زمان کم کم به سایت اضافه میشود.

  • محمدمهدی یوسفی

برای مشاهده نسخه کامل قالب باید روی آن کلیک نمایید

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

در کدنویسی این قالب برای یک بخش کوچکش بدلیل کمبود وقت از یکی از دوستانم هم کمک گرفتم.برای زیبایی بیشتر و شکیل شدن بیشتر این قالب با استفاده از کتابخانه animate.css انیمیشن هایی رو روی عناصر اصلی صفحه ایجاد نمودم که موقع اسکرول کردن و یا باز کردن صفحه نمایش داده میشوند.

لوگوی سایت هم با همین شیوه یک حالت تپش قلب بهش داده شده.



برای ثبت سفارش قالب میتونید بامن در تماس باشید.

  • محمدمهدی یوسفی

برای نمایش کامل تصویر باید روی ان کلیک کنید

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

همکاری با اقای کاشی(مدیر گروه سایت های رایان دیتا) هم یکی از تجربه های خوب همکاری بود و من با ایشون همکاری های زیادی داشتم.

بزودی نمونه کارهای بیشتری در سایت قرار میگیره


برای سفارش قالب میتونید بامن در تماس باشید.

  • محمدمهدی یوسفی

برای مشاهده کامل قالب روی تصویر بالا کلیک کنید.

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

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

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

نمونه کارهای بعدی و قبلی هم بزودی در سایت قرار داده میشود. 

  • محمدمهدی یوسفی