اگه فرگوسن ( مدیر یونایتد فنز ) دم دستت باشه چی کارش میکنی ؟


حالا یه سوال !

ما میخوایم یه یک پروژه سه تا هاور بدیم !

مثلا بار اول  به رنگ قرمز بار دوم سفید و بار سوم  بنفش شه . آیا همچین امری ممکنه ؟ 

و اینکه امکان داره پس اجرای هاور هاور روش شکل بمونه ؟ مثلا پس از کلیک بر روی دکمه دیگه دکمه opacity مثلا 0.6 بگیره و اون حالت با بارگذاری مجدد صفحه تغییر نکنه ؟

---

من تو درک اجزای این صفحه شدیدا مشکل دارم !

میتونی برام معنیش کنی ؟

http://www.beyamooz.com/try_it_yourself/..._keyframes

از اینکه رکورد mmsh رو زدی چه حسی داری؟

(93-6-15، 11:32 عصر)عرشیامنصوری نوشته است: اگه فرگوسن ( مدیر یونایتد فنز ) دم دستت باشه چی کارش میکنی ؟ مشتریه. چیزی بهش نمیگم. این سیناهه بدتره که


حالا یه سوال !

ما میخوایم یه یک پروژه سه تا هاور بدیم !

مثلا بار اول  به رنگ قرمز بار دوم سفید و بار سوم  بنفش شه . آیا همچین امری ممکنه ؟ با سی اس اس نمیشه ولی با جی کوئری میشه..

و اینکه امکان داره پس اجرای هاور هاور روش شکل بمونه ؟ مثلا پس از کلیک بر روی دکمه دیگه دکمه opacity مثلا 0.6 بگیره و اون حالت با بارگذاری مجدد صفحه تغییر نکنه ؟راه به صرفه اینه که توی کوکی های مرورگر کاربر ذخیره کنی..

---

من تو درک اجزای این صفحه شدیدا مشکل دارم !

میتونی برام معنیش کنی ؟

http://www.beyamooz.com/try_it_yourself/..._keyframes


این صفحه از انیمیشن های سی اس اس استفاده کرده. به کمک انیمیشن های سی اس اس میشه تغییراتی توی کد های سی اس اس داد. خوبی این امکان اینه که هم به صورت پیشفرض شروع میشه . هم قابلیت تکرار داره.
این قسمت کد رو ببین:

کد:

@keyframes mymove
{
from {top:0px;}
to {top:200px;}
}

با استفاده از @keyframes یک انیمیشن تعریف میکنیم و اسم اون رو جلوش مینویسیم.با استفاده از from میگیم که اول از همه این کار ها رو انجام بده ینی مثلا top این div رو صفر کن. بعد با to میگیم که در اخر انیمیشن تاپ این دیو باید 200 باشه.
ینی در طول این انیمیشن تاپ از صفر باید به 200 تبدیل بشه.
بعد برای اینکه بگیم کدوم کلاس یا ای دی انیمشن داشته باشن از این استفاده میکنیم:

کد:

animation:mymove 5s infinite;

 صفت انیمیشن که میگه ما انیمیشن استفاده میکنیم
مقادیرش هم توی این مثال اولیش اسم انیمیشنی هست که بالا تعریف کردیم. بعد مدت زمان اجرای انیمیشن که 5 ثانیه هست. infinite هم یعنی به تعداد بینهایت بار این کار رو تکرار کن. مثلا اگه بزاریم 5 بعد از 5 بار انجام این کار - یعنی 5 بار تاپ از 0 به 200 تغییر پیدا کرد -  دیگه ثابت میمونه...

خب 5 روز وقت دارم تا ثابت کنم سی اس اس 100 درصد نیستی .

از آسون ترین سوال شروع میکنم .

اجزای این کد رو تعریف کن




سوال بعدی یکم بالا تره ( 2/10 )

این بار جاوااسکریپت


اینا رو توضیح بده و کاربردشو بگو

اونایی که تو یاهو بهت گفتم رو نگه داشتم برات ( 9/10 بهت نشون میدم  )

یه سوال
فک میکردی این صندلی داغ باعث دوستیمون بشه؟؟

---

اصن تا قبلش منو میشناختی؟؟؟

(93-6-16، 12:23 صبح)cr7 نوشته است: از اینکه رکورد mmsh رو زدی چه حسی داری؟ هنوز که نزدم

(93-6-16، 12:55 صبح)عرشیامنصوری نوشته است: خب 5 روز وقت دارم تا ثابت کنم سی اس اس 100 درصد نیستی .

از آسون ترین سوال شروع میکنم .

اجزای این کد رو تعریف کن  دقیقا چی اینو تعریف کنم؟
کلاس caption که از بالا 7% فاصله داره متن هاش وسط چین هست 
ای دی middle هم که دستی فاصله دهی شده و از بالا و چپ 25% فاصله داره. البته به علت وجود overflow:hidden  تا زمانی که width, height نداشته باشه چیزی نشون نمیده.
ای دی باکس هم میاد درون دیو مادرش یه دیو با عرض و ارتفاع 100% با بکگراند ابی روشن میزنه 

کد:

.caption {
  text-align: center;
  padding-top: 7%;
}

#middle {
  position: absolute;
  top: 25%;
  left: 25%;
  right: 25%;
  bottom: 25%;
  border-radius: 50%;
  overflow: hidden; 
}

#box {
  width: 100%; height: 100%;
  background-color: #cde;
}

سوال بعدی یکم بالا تره ( 2/10 )

این بار جاوااسکریپت


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

کد:

var COUNT = 10;
var SPEED = 5;
var COLOR = '#fff';

var canvas = document.getElementById('world');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;

var ctx = canvas.getContext('2d');
ctx.lineWidth = 1;
ctx.strokeStyle = COLOR;
ctx.fillStyle = 'rgba(0, 0, 0, 0.05)';

function each(col, func, thisValue) {
  for (var i = 0; i < col.length; i++) {
    func.bind(thisValue || col[i])(col[i]);
  }
}

function Point(x, y) {
  this.x = x;
  this.y = y;
  this.vx = Math.random() * SPEED;
  this.vy = Math.random() * SPEED;
}
Point.prototype.move = function() {
  this.x += this.vx;
  this.y += this.vy;
}

function drawPath(pointArray) {
  ctx.beginPath();
  ctx.moveTo(pointArray[0].x, pointArray[0].y);
  each(pointArray, function() {
    ctx.lineTo(this.x, this.y);
  });
  ctx.lineTo(pointArray[0].x, pointArray[0].y);
  ctx.stroke();
  ctx.closePath();
}

function movePoints(pointArray) {
  each(pointArray, function() {
    this.move();
  });
}

function Boundary(x1, y1, x2, y2) {
  this.x1 = x1,
  this.y1 = y1,
  this.x2 = x2,
  this.y2 = y2
}
Boundary.prototype.constrainPoints = function(pointArray) {
  each(pointArray, function(point) {
    if (point.x < this.x1) {
      point.x = this.x1;
      point.vx *= -1;
    } else if (point.x > this.x2) {
      point.x = this.x2;
      point.vx *= -1;
    }
    if (point.y < this.y1) {
      point.y = this.y1;
      point.vy *= -1;
    } else if (point.y > this.y2) {
      point.y = this.y2;
      point.vy *= -1;
    }
  }, this);
}

function Polygon(points) {
  this.points = points;
}
Polygon.prototype.draw = function() {
  drawPath(this.points);
}

var bounds = new Boundary(0, 0, window.innerWidth, window.innerHeight);

var kites = [];

for (var i = 0; i < COUNT; i++) {
  kites.push(new Polygon([new Point(100, 100),
                          new Point(200, 100),
                          new Point(200, 200),
                          new Point(100, 200)]))
}

function renderFrame() {
  ctx.fillRect(0, 0, canvas.width, canvas.height);
  each(kites, function() {
    movePoints(this.points);
    bounds.constrainPoints(this.points);
    this.draw();
  });


  requestAnimationFrame(renderFrame);
}

requestAnimationFrame(renderFrame);

اونایی که تو یاهو بهت گفتم رو نگه داشتم برات ( 9/10 بهت نشون میدم  )

عمل زیبایی بینی انجام دادی؟! نظرت رو در مورد این جراحی بهمون بگو.

(93-6-16، 01:03 صبح)happyman نوشته است: یه سوال
فک میکردی این صندلی داغ باعث دوستیمون بشه؟؟ نه اصلا

---

اصن تا قبلش منو میشناختی؟؟؟ نه

(93-6-16، 01:48 صبح)پویا ناجی نوشته است: عمل زیبایی بینی انجام دادی؟! نظرت رو در مورد این جراحی بهمون بگو. نه انجام ندادم. شاید برای بعضی ها که واقعا مشکل تنفسی دارن و مشکل از بینی باشه مفید باشه ولی اصلا با اینکه خانوما میرن الکی عمل میکنن موافق نیستم...

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

(93-6-16، 02:06 صبح)happyman نوشته است: وایییییییییییییییییییییی
این اولین پسته بعد از رکور ام ام اس اچ
حستو راجع بهش بگو
از اینکه من رکور ام ام اس اچ رو زدم چه حسی داری؟؟

یه حس خیلی خوبیه. یه جورایی صندلیم از همه داغتر شده - البته با کمک دوستان خصوصا شما  -