مَه وب

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

مَه وب

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

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

۵ مطلب با کلمه‌ی کلیدی «طراحی وب» ثبت شده است

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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


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

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

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

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

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

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

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

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