پل بین طراحی و کد
کد اینجاس یک کارگاه کوچک تبدیل طرح به کد است. خودم کد میزنم، خودم جواب میدهم و هر پروژه را از اولین پیام تا تحویل سورس خودم پیش میبرم؛ بدون واسطه و بدون تیم فروش.
طراحها زحمت میکشند،
کد نباید خرابش کند
خیلی وقتها طرحی که با وسواس طراحی شده، در مرحلهی کدنویسی کمکم شکلش را از دست میدهد: فاصلهها کمی جابهجا میشوند، فونتها سنگینتر میشوند، نسخهی موبایل نصفهنیمه میماند و سایت آخر کار کند است.
کد اینجاس برای حل همین مشکل ساخته شده. تمرکزم فقط روی یک کار است: گرفتن طرح آماده و تبدیلش به کدی که دقیقاً مثل طرح باشد، روی همهی دستگاهها درست کار کند و سالها قابل نگهداری بماند.
با طراحهای مستقل، آژانسها و کسبوکارهایی کار میکنم که طرحشان آماده است و فقط کسی را میخواهند که آن را درست بسازد.
چهار چیزی که رویشان کوتاه نمیآیم
- ۰۱
طرح، قرارداد است
طراح برای هر فاصله و هر رنگ دلیلی داشته. کار من این است که همان را بسازم، نه نسخهای «تقریباً شبیه».
- ۰۲
کد برای آدمها نوشته میشود
برنامهنویس بعدی، یا خود تو شش ماه بعد، باید بتواند کد را بخواند و تغییر دهد. اسمهای درست و ساختار مرتب بخشی از تحویل است.
- ۰۳
سرعت، بخشی از طراحی است
زیباترین صفحه هم اگر دیر بالا بیاید دیده نمیشود. هر کتابخانهای که اضافه میشود باید دلیل داشته باشد.
- ۰۴
شفافیت، از اول تا آخر
قیمت قبل از شروع معلوم است، پیشرفت کار آنلاین دیده میشود و تا کار را زنده نبینی تسویه نمیکنی.
- طرح را دقیق میخوانم و اگر چیزی مبهم بود، قبل از شروع میپرسم.
- سیستم طراحی را به متغیرهای CSS تبدیل میکنم تا همهچیز یکدست بماند.
- بخشها را از موبایل به بالا میسازم و رفتارشان را در همهی اندازهها چک میکنم.
- خروجی را روی طرح میگذارم و پیکسل به پیکسل مقایسه میکنم.
- سرعت، دسترسپذیری و سئو را با Lighthouse میسنجم و بعد پیشنمایش را میفرستم.
با این ابزارها کار میکنم
- HTML5
- CSS3
- JavaScript
- WordPress
- Figma
- Adobe XD
- Photoshop
- Sketch
- Sass
- Tailwind
- Bootstrap
- GSAP
- Swiper
- ACF
- Gulp
- Vite