Предложение к разработчикам

[Удален]

4 марта 2010, 22:17

915

Помните в 2003-2005 году на народе было очень много сайтов с бабочками или всякими снежинками? В это же время было на рынках городов много компакт дисков с программами для быстрого монтажа HTML сайтов. Это дало большое давление на развитие сайтов и когда вышли кмс то заказчики стали с народа уходить и заказывать серьезные разработки. Я хотел бы предложить в этой ветке собрать много плагинов для вор-пресса, жумалы и других платформ для того чтобы все "вебмастера" смогли клиентам на их сайты поставить как можно больше блесток и все сайты замигали и заморгали сильно и пестро. Тогда заказчики поймут что в этих сайтах нет ничего оригинального и начнут искать настоящих вебмастеров которые умеют структуризировать базы данных и правильно подавать информацию посетителям. Давайте начнем бессрочную акцию по "помощи"? Если Вы не против то можно начать. Это не сильно отвлечет от работы и все будут ставить на сайты эти блестки а мы подождем пока фирмы захотят заказывать то, что могут сделать только профессионалы. Если Вам нравится идея, то поделитесь ей в своих форумах с остальными вебмастерами.

[Удален]

4 марта 2010, 22:20

#1

Moi-Sha, я за любой флешмоб :)

6

JinzMan

4 марта 2010, 22:22

#2

Хы) Флеш-моб решает :) Обе руки вверх :)

Веб разработка: скрипты, верстка, поддержка, создание сайтов, разработка веб-проектов (http://www.jinz.ru/) | Отзывы о работе со мной (/ru/forum/465577) Заказы принимаю на почту (mailto:jinzman@gmail.com) или в ICQ: 711472

[Удален]

4 марта 2010, 22:48

#3

bearman, JinzMan, спасибо за поддержку. Начнем с очень простого способа выводить облако тегов в трехмерной графике. Ниже приведен код страницы, который можно просто вставить в блокнот и сохранить как html и посмотреть на своем компьютере. Очень полезный скрипт и главное: он необычный для большинства сайтов. "Вебмастерам" нужно говорить заказчикам что это необычно и очень сильно мотивирует посетителей к покупкам. Вставить скрипт в вор-пресс очень просто, для этого замените вывод переменной txt.innerHTML на действующее значение которое выводится в облаке тэгов. Скрипт страницы:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

<html> 

<head> 

<title>menu 3D - interactive DHTML</title> 

<meta http-equiv="Content-type" content="text/html;charset=UTF-8"> 

<meta http-equiv="imagetoolbar" content="no"> 

<style type="text/css"> 

	html { 

		overflow: hidden; 

	} 

	body { 

		position: absolute; 

		margin: 0px; 

		padding: 0px; 

		background: #222; 

		width: 100%; 

		height: 100%; 

	} 

	#screen { 

		position: absolute; 

		left: 0px; 

		top: 0px; 

		width: 100%; 

		height: 100%; 

		background: #000; 

	} 

	#screen .plo { 

		position: absolute; 

		font-size: 1px; 

		cursor: pointer; 

		font-family: arial; 

		font-weight: bold; 

		white-space: nowrap; 

		font-size: 10px; 

		text-align: center; 

	} 

	#screen span { 

		position: relative; 

		top: 3px; 

		font-family: verdana; 

		font-weight: bold; 

		font-size: 2em; 

	} 

 

</style> 

 

<script type="text/javascript"> 



 

 

var tm = function () { 

	/* ---- private vars ---- */ 

	var O = []; 

	var xm = 0; 

	var ym = 0; 

	var scr, cx, cy, sx, sy, nx, ny, nw, nh; 

	var tx = 0; 

	var ty = 0; 

	var perspective = 200; 

	var nbp = 20; 

	var m3D = true; 

	//////////////////////////////////////////////////////////////////////////// 

	/* --- events --- */ 

	var addEvent = function  (o, e, f) { 

		if (window.addEventListener) o.addEventListener(e, f, false); 

		else if (window.attachEvent) r = o.attachEvent('on' + e, f); 

	} 

	/* --- resize --- */ 

	var resize = function () { 

		nw = scr.offsetWidth * .5; 

		nh = scr.offsetHeight * .5; 

		var o = scr; 

		for (nx = 0, ny = 0; o != null; o = o.offsetParent) { 

			nx += o.offsetLeft; 

			ny += o.offsetTop; 

		} 

	} 

	//////////////////////////////////////////////////////////////////////////// 

	/* --- init script --- */ 

	var init = function () { 

		for (var i = 0; i < nbp; i++) { 

			var o = {}; 

			/* --- HTML elements --- */ 

			o.plo = document.createElement('div'); 

			o.plo.className = 'plo'; 

			scr.appendChild(o.plo); 

			var txt = document.createElement('div'); 

			txt.className = 'plo'; 

			txt.innerHTML = 'Menu ' + i; 

			o.plo.appendChild(txt); 

			o.bul = document.createElement('span'); 

			o.bul.innerHTML = "•"; 

			txt.insertBefore(o.bul, txt.firstChild); 

			o.plo.txt = txt; 

			/* --- variables --- */ 

			o.x = 0; 

			o.y = 0; 

			o.z = 0; 

			o.dx = Math.random() - .5; 

			o.dy = Math.random() - .5; 

			o.dz = Math.random() - .5; 

			/* ---- CSS3 Transform ---- */ 

			if ('MozTransform' in document.body.style) { 

				/* ---- firefox ---- */ 

				o.plo.css3Transform = function (x, y, s) { 

					this.style.MozTransform = "translate(" + x + "px," + y + "px) scale(" + s + ")"; 

				} 

			} else if ('webkitTransform' in document.body.style) { 

				/* ---- webkit (safari / google chrome) ---- */ 

				o.plo.css3Transform = function (x, y, s) { 

					this.style.webkitTransform = "translate(" + x + "px," + y + "px) scale(" + s + ")"; 

				} 

			} else if (scr.style.zoom) { 

				/* ---- IE style.zoom ---- */ 

				o.plo.css3Transform = function (x, y, s) { 

					this.style.left = x + 'px'; 

					this.style.top = y + 'px'; 

					this.txt.style.zoom = s; 

				} 

			} else { 

				/* ---- others ---- */ 

				o.plo.css3Transform = function (x, y, s) { 

					this.style.left = x + 'px'; 

					this.style.top = y + 'px'; 

					this.txt.style.fontSize = Math.round(s * 10) + "px"; 

				} 

			} 

			/* ---- 3D to 2D transform ---- */ 

			o.transform = function () { 

				/* --- target coordinates --- */ 

				this.x += (this.dx - this.x) * .05; 

				this.y += (this.dy - this.y) * .05; 

				this.z += (this.dz - this.z) * .05; 

				/* --- scaling --- */ 

				var x = this.x * nh; 

				var y = this.y * nh; 

				var z = this.z * nh; 

				/* --- trigo --- */ 

				var pz = z * cy - x * sy; 

				var px = z * sy + x * cy; 

				var py = y * cx - pz * sx; 

				pz = y * sx + pz * cx; 

				z = 1 / (pz / perspective + 1); 

				/* --- rendering --- */ 

				this.plo.css3Transform(Math.round(px * z + nw), Math.round(py * z + nh), (Math.max(1, z * nh * .05) * .1)); 

				var c = Math.round( z * 256); 

				this.plo.style.zIndex = c; 

				this.plo.style.color = 'rgb('.concat((c),',',(c),',',(c),')'); 

				this.bul.style.color = 'rgb('.concat(Math.round(c * .6),',',Math.round(c * .4),',',Math.round(c * .1),')'); 

			} 

			O.push(o); 

		} 

	} 

	//////////////////////////////////////////////////////////////////////////// 

	/* --- main loop --- */ 

	var run = function () { 

		/* ---- mouse ---- */ 

		var s = m3D ? 20 : 100; 

    	tx += ((xm - nx - nw) - tx) / s; 

    	ty += ((ym - ny - nh) - ty) / s; 

		/* ---- angles ---- */ 

		cx = Math.cos(ty * .005); 

		sx = Math.sin(ty * .005); 

		cy = Math.cos(tx * .005); 

		sy = Math.sin(tx * .005); 

		/* ---- loop ---- */ 

		for (var i = 0, o; o = O; i++) 

			o.transform(); 

	} 

	/* --- 3D or 2D mode --- */ 

	var transition = function () { 

		m3D = !m3D; 

		for (var i = 0, o; o = O; i++) { 

			if (!m3D) { 

				o.dx = -.5 + (i - i % 5) * .06; 

				o.dy = -.4 + (i % 5) * .2; 

				o.dz = 0; 

			} else { 

				o.dx = Math.random() - .5; 

				o.dy = Math.random() - .5; 

				o.dz = Math.random() - .5; 

			} 

		} 

	} 

	return { 

		//////////////////////////////////////////////////////////////////////////// 

		/* ==== public functions ==== */ 

		init : function () { 

			/* ---- init script ---- */ 

			scr = document.getElementById('screen'); 

			addEvent(document, 'mousemove', function (e) { 

				if (window.event) e = window.event; 

				xm = e.clientX; 

				ym = e.clientY; 

			}); 

			resize(); 

			addEvent(window, 'resize', resize); 

			addEvent(document, 'click', transition); 

			init(); 

			resize(); 

			setInterval(run, 32); 

		} 

	} 

}(); 

 

/* ==== start script ==== */ 

onload = function() { 

	tm.init(); 

} 

 

</script> 

</head> 

 

<body> 

 

<div id="screen" style="zoom:1"> 

 

</div> 

 

 

</body> 

</html>

D

12

dVital

4 марта 2010, 22:50

#4

Веселый прикол!! :)

Но кто в наше время будет лепить бабочек на сайте?

[Удален]

4 марта 2010, 22:55

#5

dVital:
Но кто в наше время будет лепить бабочек на сайте?

Так как применяют сейчас jquery и ajax это почти бабочки и они отличаются совсем не много. Когда везде будут аяксы и плагины на jquery, тогда заказчики могут задуматься о том что им подсовывают соски пустышки вместо хороших решений по выводу. В приведенном примере почти бабочки но если акция начнется то можно собрать много справочных данных по разным плагинам для вор-пресса. Это для вебмастеров несколько не сложно.

Стоит ли использовать jQuery Google о текущем статусе WordPress 5.6 может нарушить

55

Nick84

4 марта 2010, 23:00

#6

Ура! Да здравствуют аяксы, ждомлы и вордпресы :D

[Удален]

4 марта 2010, 23:01

#7

Nick84, жуймля-ы и вор-прессы, не забываем про терминологию

65

dvaes

5 марта 2010, 02:39

#8

Moi-Sha:
Так как применяют сейчас jquery и ajax это почти бабочки и они отличаются совсем не много. Когда везде будут аяксы и плагины на jquery, тогда заказчики могут задуматься о том что им подсовывают соски пустышки вместо хороших решений по выводу

не думаю. веб 2.0 наступает

136

Jekyll

5 марта 2010, 04:02

#9

Походу наступает web 3.0 :)

Даёшь бабочек на сёрче! ☝ и блёсток побольше 🤪

вроде уже пятница?

65

dvaes

5 марта 2010, 05:49

#10

а еще можно меню на гифах делать, чтоб все мигало и светилось, и на фреймах, на фреймах

Как удалить плохие SEO-ссылки и очистить ссылочную массу сайта

В 2023 году Google заблокировал более 170 млн фальшивых отзывов на Картах