-99 design studio

Ofiste basketbol akrobasi

admin — Sat, 12 May 2012 11:08:43 +0000

Basketbol çevirme ustası @yigitgoral, 10 parmak + kalem üzerinde çevirebiliyor : )

Javascript Cross-Browser Custom Events allows you to send variables along with events

alacaesar — Mon, 30 Apr 2012 07:46:22 +0000

This is a handy approach to manage your events in javascript. A single solution to work on all browsers, with no much headache about which browser supports which kind of methods. I looked around on the internet but I could not find a good cross-browser custom events manager that answers what I need for the project that I was working on, things like transferring variables (be it object, array, string, number etc.) together with the events.

The Browser support tested on all major good browsers like Google Chrome, Mozilla Firefox, Opera, Safari and etc. plus IE7, IE8 and above.

Features

- Add event listeners (Multiple classes and types) and assign handlers for each
- Remove certain event listener type or whole class
- Dispatch custom events and send variables
- Single method works on all browsers (this is the cool part!)

Demo

Demo Page

Check custom events demo and sample code

Download

customEvents-99.1.0.js
customEvents-99.1.0.min.js

Usage

I think the code below is self-explanatory, if you have any questions please leave a comment or contact me at @alacaesar. Should you decide to use it in your projects, that’s great, but please refer to this page and share a link of your cool project.

First of all, of course, you have to import the .js file on the top of your page. then:

1.Add Custom Event Listener

// Add event listener class with single event type
stage.addEventListener(“CustomEventClass”, [{type:"CUSTOM_EVENT_TYPE", handler:"customEventHandler"}]);

// Add event listener class with multiple event types
stage.addEventListener(“CustomEventClass”,
[
{type:"CUSTOM_EVENT_TYPE_1", handler:"customEventHandler1"},
{type:"CUSTOM_EVENT_TYPE_2", handler:"customEventHandler2"}
]
);

2. Create Event Handlers

function customEventHandler(vars)
{
// do something cool…
}

3.Dispatch Event

stage.dispatchEvent(“CustomEventClass”, “CUSTOM_EVENT_TYPE”, vars);

4.Remove a Custom Event Listener

// Remove whole type/handler set under a custom event class
stage.removeEventListener(“CustomEventClass”);

// Remove a single event type under a custom event class
stage.removeEventListener(“CustomEventClass”, “CUSTOM_EVENT_TYPE”);

Collezione

admin — Mon, 23 Apr 2012 13:36:07 +0000

Givelove

admin — Mon, 23 Apr 2012 13:01:45 +0000

Beta Shoes

admin — Sun, 22 Apr 2012 23:02:09 +0000

Google Maps V3 – Haritadaki noktalar arasında hareketli geçiş

alacaesar — Wed, 18 Apr 2012 06:01:45 +0000

Google Maps üzerinde bir noktadan diğerine geçtiğimizde zoom seviyyesi ne olursa olsun iki nokta arasında hareketli bir geçiş elde etme yöntemi.

Google Maps panTo(latLng:LatLng) kullandığımızda hedef nokta, eğer harıtanın görünen kısmının (viewport) içinde ise yumuşak kayma ile noktaya odaklanıyor, ama nokta görün kısmın dışında ise direk o noktaya atlıyor.
Bu yöntemde, eğer hedef nokta görüntü alanının içinde ise direk panTo() yapıyor, değilse önce harıtanın zoom seviyyesini azaltarak “zoom out” ediyor taki hedef nokta görüntü alanına girene kadar. sonra noktaya odaklanıp zoom seviyyesini artırıyor.

örneği incelemek için online demo
Google Maps Javascript API V3 ile ilgili daha fazla bilgi edinmek için Google Maps Javascript API V3 Reference sayfasını ziyaret edebilirsiniz.

function moveToPoint(map, point, zmax, speed)
{
var currentZoom = map.getZoom(),
  currentBounds,
  zoomout = setInterval(function(){
   currentBounds = map.getBounds();
   if(!currentBounds.contains(point))
   {
    map.setZoom(currentZoom);
    currentZoom–;
   }
   else
   {
    clearInterval(zoomout);
    map.panTo(point);
    currentZoom = map.getZoom();

var zoomin = setInterval(function(){

     if(currentZoom < zmax)
     {
      map.setZoom(currentZoom);
      currentZoom++;
     }
     else
      clearInterval(zoomin);
     }, speed);
    }
   }, speed);
}

Kullanma şekli

//parametreler
Harita:Map, hedef_nokta:LatLng, zoom_seviyyesi:Number, zoomout_hızı:Number
moveToPoint(map, point, max_zoom, speed);

Ramsey, Design Licks “Günün sitesi” Oldu

admin — Sat, 07 Apr 2012 06:17:01 +0000

Ramsey‘nin websitesi Design Licks’ten “Site of the Day” ödülü alıyor.
Design Licks, Dünya çapında en yaratıcı, kullanıcı dostu ve iyi hazırlanmış websitelerini belirleyerek “Site of the Day” ödülüyle duyuruyor.

Damat

admin — Wed, 21 Mar 2012 20:41:53 +0000

10. Altın Örümcek Web Ödülleri’nde finalist websitelerimiz

admin — Tue, 20 Mar 2012 13:14:58 +0000

10. altın örümcek web ödüllerinde 4 website ile finale kaldık. bu sene halk oylaması facebook üzerinden yapılmaktadır. finalist sitelere oy vermek için bu linki ziyaret edin http://on.fb.me/halkoylamasi

Tween

admin — Tue, 20 Mar 2012 12:54:39 +0000