menu

ترفند

تشخیص تکنولوژی های وب سایت

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

شاید در این حالت، کنجکاوی شما برانگیخته بشه که بدونید اون وب سایت چجوری ساخته شده و نوشته شده.

به عبارت دقیق تر میخواید بدونید که آیا اون وب سایت از یه cms مثل وردپرس و دروپال استفاده میکنه یا نه؟

از فریم ورک خاصی استفاده میکنه؟

سیستم عامل سرورش چیه؟

آیا تحت ویندوز نوشته شده یا تحت لینوکس؟

با کدوم زبان نوشته شده؟ asp؟ php؟ یا زبان های دیگه ای مثل پایتون و ruby؟

آیا از فریم ورک جاوااسکریپت خاصی استفاده میکنه؟ مثل جی کوئری؟ angular؟ backbones ؟ یا ....؟

از بوت استراپ استفاده میکنه واسه css هاش یا نه؟

و یا هزاران سوال دیگه...

بیشتر بخوانید

یکشنبه 10 خرداد 1394

css trim

احتمالا تا حالا شما هم مثل من برایتان پیش آمده که یک متنی، از اندازه ی div که داخل آن هست بیشتر بوده و شما نیاز داشته اید که یک trim یا به اصطلاح برشی انجام دهید که حروف اضافه را نمایش ندهید و یک سه نقطه ای ته متن بگذارید به همراه یک لینک بیشتر بخوانید.

دقیقا مثل چیزی که توی صفحه ی خانه هست...

در این حالت شاید از روش های مختلفی استفاده کرده باشید، اما ساده ترین راه، استفاده از css هست.

خوشبختانه توی css3 یک خصیصه ای به اسم text-overflow اضافه شده است که دقیقا برای همین کارهاست...

بیشتر بخوانید

جمعه 19 دی 1393

مشخصات بازدید کننده

چند روز پیش بود که برای بلاگ خودم، یه مشکل کوچولو پیش اومده بود.

البته مشکل خاصی نبود. مشکل از اینجا بود که یکی از افکت های خاص مورد علاقه ی من توی css3 که توی این بلاگ فعال بود (perspective) توی گوشی های هوشمند و برخی نسخه های اندروید و و... مشکل داشت.

اما از اونجایی که این افکت، یکی از افکت های مورد علاقه ی من توی css3 هست، واقعا دلم نمیومد که این افکت را ز کل حذف کنم!

برای همین تصمیم گرفتم که این افکت را توی گوشی های هوشمند بردارم، اما توی نسخه ی دسکتاپ برای اندازه های کمتر از 870 پیکسل این افکت فعال باشه تا اگه احیانا کسی خواست ریسپانسیو بودن را از توی دسکتاپ امتحان کنه، کمی لذت مضاعف ببره!

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

اینجاست که جاوا اسکریپت دوباره و بازهم مثل همیشه به داد ما میرسه!

بیشتر بخوانید

پنجشنبه 18 دی 1393

فاصله از سمت راست و پایین در background position

مطمئنا تا حالا برای شما پیش آمده که برای یک element در صفحه، یه background image تعیین کنید.

و اگر سر و کار شما تا حالا به sprite image ها خورده باشه ( که انشا الله در یکی از مطالب بعدی در رابطه با آن ها توضیح خواهم داد) احتمالا مجبور به تنظیم position تصویر پس زمینه ی خود با استفاده از background-position شده اید.

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

بیشتر بخوانید

پنجشنبه 18 دی 1393