Эй парни просто рассмотрение Парового веб-сайта и замеченный это не использует Flash.
Какие технологии используются для создания страницы? Например, ползунок для просмотра различных игр, как точно, который происходит?
Заранее спасибо за любые ответы.
Javascript, и много. Из шапки страницы:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Welcome to Steam</title>
<link href="http://cdn.store.steampowered.com/public/css/styles_storev5.css?v=221260115" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]> <link href="http://cdn.store.steampowered.com/public/css/styles_storev5_ie6.css?v=3855293424" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if lte IE 7]> <style type="text/css"> .iepoupfix{ display: block; } </style> <![endif]-->
<script type="text/javascript" src="http://cdn.store.steampowered.com/public/javascript/swfobject.js?v=3216748271&l=english"></script>
<script type="text/javascript" src="http://cdn.store.steampowered.com/public/javascript/prototype-1.6.0.2.js?v=1627908004&l=english"></script>
<script type="text/javascript" src="http://cdn.store.steampowered.com/public/javascript/scriptaculous/scriptaculous.js?v=1333279996&l=english&load=effects,controls,slider"></script>
<script type="text/javascript" src="http://cdn.store.steampowered.com/public/javascript/javascript.js?v=853265233&l=english"></script>
<script type="text/javascript" src="http://cdn.store.steampowered.com/public/javascript/main.js?v=199395227&l=english"></script>
<script type="text/javascript" src="http://cdn.store.steampowered.com/public/javascript/jserrorreport.js?v=19341832&l=english"></script>
<script type="text/javascript" src="http://cdn.store.steampowered.com/public/javascript/header.js?v=318945778&l=english"></script>
<script type="text/javascript" src="http://cdn.store.steampowered.com/public/javascript/search.js?v=630051104&l=english"></script>
<script type="text/javascript" src="http://cdn.store.steampowered.com/public/javascript/cluster.js?v=4033443305&l=english"></script>
<link rel="search" type="application/opensearchdescription+xml" title="Steam Search" href="http://store.steampowered.com/public/open_search.xml">
</head>
Примечательные библиотеки: Scriptaculous. Prototype. swfobject.js! Странно, что последний из них на самом деле должен быть полезен для встраивания flash, хотя я не уверен, что он используется на этой странице (возможно, он используется где-нибудь еще на сайте для фильмов или аудио).
эй, он использует script.aculo.us, который от его имени основан на Prototype. Я не видел, чтобы кто-нибудь это заметил.
prototype, jQuery, MooTools и тому подобное - это всего лишь фреймворки. Вы можете сделать то же самое, если напишете свои собственные функции javascript. Они просто предоставляют готовые функции для AJAX, эффекты анимации, расширенный обход DOM, слайды и т. Д. И я использую их, потому что плавность анимации - я писал свои собственные функции, когда не мог t включить jQuery.
Прокручиваемый раздел «игры», скорее всего, представляет собой
По большей части эта страница состоит только из JavaScript, HTML и CSS. Это не обязательно AJAX, хотя может запрашивать эти изображения с сервера «по запросу», чтобы уменьшить нагрузку на сервер, вместо их предварительной выборки.
Мое замечательное расширение Chrome Sniffer Chrome говорит мне, что этот сайт использует script.aculo.us, который является библиотекой Javascript, похожей на MooTools и jQuery. Динамический Javascript используется для множества интересных эффектов в наши дни.
В дополнение к ответу Tchalvak (пока не могу прокомментировать), swfobject, который используется для встраивания Flash объектов, используется для трейлеров, которые показываются в углу, когда вы выбираете просмотр подробного описания игры.
Он также используется для предварительного просмотра трейлеров перед загрузкой высококачественной (обычно HD) версии в качестве элемента "Media" в клиенте Steam.
Они используют JavaScript для всего этого. Если вы посмотрите на источник страницы, то увидите, что библиотеки prototype.js и scriptaculous включены в страницу.
Как вы помечены тегами, ajax или другими формами JavaScript.
Вы можете взглянуть на это: http://w3techs.com/sites/info/steampowered.com
Большинство решений без флэш-памяти, вероятно, будут использовать комбинацию XHTML и Javascript (часто JS-библиотеки, такие как jQuery или Prototype , либо конкурент Microsoft Flash - Silverlight .
На веб-сайте Steam, похоже, используется что-то вроде очень популярный jQuery и jQuery Tools ( Scrollable плагин). Прокручиваемый плагин с jQuery Tools действительно быстро и легко настраивается и действительно полезен для отображения контента. и изображения. Я использовал его на нескольких веб-сайтах клиентов с положительными результатами.
ОБНОВЛЕНИЕ: глядя на источник, кажется, что Steam на самом деле использует также популярную библиотеку Prototype, но это очень похожая концепция на jQuery и полосу прокрутки плагин.