مَه وب

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

مَه وب

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

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

۶ مطلب در فروردين ۱۳۹۷ ثبت شده است

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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