Photography Portfolio
نمونهکار شخصی عکاسی با نمایش آثار خودرویی، شهری و پرتره؛ ساختهشده بهصورت HTML/CSS/JS ایستا با خط پردازش تصویرِ دولایه و نمایشگرِ لایتباکس با تفکیک کامل.
نمونهکاری شخصی از عکاسی که آثار خودرویی، شهری و پرتره را با کمترین سربار ممکن نمایش میدهد. تمرکز سایت بر بارگذاری سریع تصاویر و تجربهی تماشای تمیز و بدون حواسپرتی در همهی دستگاههاست.
نقش
عکاس و توسعهدهندهی وب
بازهی زمانی
منتشرشده
روند تحویل
اجرای ساختارمند در سه مرحلهی طراحی، توسعه و انتشار.
چالش
- ارائهی عکسهای باکیفیت و حجیم بدون کند شدنِ مرور گرید.
- ایجاد تجربهی تماشای شکیل بدون فریمورک و مرحلهی بیلد.
- حفظ چیدمانِ تمیز و خوانا روی موبایل، تبلت و دسکتاپ.
راهحل
- ساخت خط پردازش تصویرِ دولایه: بندانگشتیهای سبک برای گرید و نسخههای باکیفیت برای لایتباکس.
- پیادهسازی نمایشگر لایتباکس برای پیمایش و تماشای تصاویر با تفکیک کامل.
- استفاده از HTML، CSS و JavaScript خالص با چیدمانِ واکنشگرا و موبایلمحور.
معماری
- HTML/CSS/JS ایستا بدون ابزار بیلد یا سربار فریمورک.
- راهبردِ دولایهی دارایی که بندانگشتیهای گرید را از نسخههای اصلیِ لایتباکس جدا میکند.
- چیدمانِ واکنشگرا که با بریکپوینتهای موبایل، تبلت و دسکتاپ سازگار میشود.
دستاوردها
- انتشار یک نمونهکارِ سریع و زنده روی photo.artanahmadi.com.
- ارائهی مرورِ روانِ گرید در کنار تماشای تصاویر با تفکیک کامل.
- حفظ سادگی و بدونوابستگی بودنِ پشته برای نگهداریِ آسان.
گامهای بعدی
- افزودن فیلترِ دستهبندی برای مجموعههای خودرویی، شهری و پرتره.
- بهبود بارگذاریِ تنبل برای گالریهای بزرگتر.
- گسترش مجموعه با عکسهای جدید در طول زمان.
نمونهکارهای بیشتر
Intellity
استودیوی هوش مصنوعی مبتنی بر اعتبار که تولید تصویر، ویدیو، متن و صدا را از میان دهها مدل مختلف، پشتِ یک رابط کاربریِ واحد هدایت میکند؛ بههمراه آواتارهای ماندگار، کنترلهای حرفهایِ استودیویی و رابطی کاملاً دوزبانه به فارسی و انگلیسی.
Afterhours: Night Shift
بازی ترسناکِ اولشخصِ مرورگری، ساختهشده با Three.js و WebGL2؛ که در آن تمامِ هندسه، بافت و صدا در لحظهی اجرا ساخته میشود و هیچ فایلی دانلود نمیشود. با نقشههای تصادفیِ ساختمان، بازیِ گروهیِ دو تا چهار نفره و جدولِ امتیازاتِ همگام با فضای ابری.
DevIO
ابزاری مبتنی بر هوش مصنوعی برای توسعهدهندگان که از روی موبایل، رابطی امن برای کار با مدلهای زبانی محلی (Ollama) فراهم میکند؛ با تمرکز بر حفظ حریم خصوصی دادهها و کارکرد کاملاً آفلاین.