Helio's Blog

7 Free Web Hosting Painéis de controle para gerenciar servidores

2012-07-14T20:17:00.001-03:00

7 Free Web Hosting Painéis de controle para gerenciar servidores:
Usando um aplicativo de painel de controle dedicado é uma boa idéia para os desenvolvedores e designers que estão hospedando vários sites em um VPS / servidor dedicado. Estes dias, a maioria dos desenvolvedores e até mesmo designers estão gerenciar vários sites e portfólios online e para que eles construam a aplicação de recursos que consome. Portanto, eles precisam de um plano personalizado de hospedagem que se adapte às suas necessidades. Usando VPS é uma boa opção embora exija conhecimento técnico. No entanto, uma vez instalado, ele não só economiza seu tempo, mas também permite que você gerencie vários sites com bastante facilidade.
Então, aqui estamos apresentando 7 open source e gratuito da web painéis de controle de hospedagem que vão ajudar você a gerenciar seus servidores sem problemas.
OpenPanel
OpenPanel é um painel de controle de fonte aberta livre. Ele tem várias funcionalidades, uma interface atraente e é muito amigável. OpenPanel é uma plataforma para os desenvolvedores. Porque é extremamente aberto e modular que pode ser utilizado para controlar qualquer processo em um servidor Linux.

Kloxo HostinABox
Kloxo é totalmente programável, distribuída e um objeto de 100% orientada a plataforma de hospedagem.

ISPConfig
ISPConfig 3 é um programa open source hosting painel de controle para Linux, que é capaz de gerenciar vários servidores de um painel de controle. ISPConfig está licenciado sob a licença BSD.

WebsitePanel
WebsitePanel é um portal completo para empresas de cloud computing e de TI Provedores de automatizar o provisionamento de um conjunto completo de serviços em servidores Windows. A poderosa plataforma open source WebsitePanel flexível dá aos usuários simples ponto-e-clique controle sobre os aplicativos do Windows Server, incluindo IIS, SQL Server, Exchange 2010, Sharepoint 2010, OCS e Hyper-V implantações.

VHCS
VHCS é uma fonte aberta interface baseada na web para facilitar a administração de servidor web para Linux. VHCS é projetado para provedores de hosting e serviços de internet e profissionais de TI. Com VHCS você pode configurar o servidor e aplicativos, criar usuário com domínios com alguns ponto-e-clique operações que levam menos de um minuto. VHCS gerenciar vhosts Apache, DNS, contas de e-mail e FTP, quotas, criar estatísticas e muito mais.

GNUPanel
GNUPanel é completamente livre de substituição (GPL) para proprietários software de automação de web hosting. GNUPanel está em desenvolvimento, com foco em trabalhos de tradução que permitem a toda comunidade de software livre para participar. Atualmente, é GNUPanel Debian-centric, no entanto, uma abordagem independente de distro é planejado.

EHCP
EHCP é um painel que é construído com PHP com recursos como backup-restore, SSL, script de instalação e muito mais.

Carrinho de Supermercado Prático

2012-05-27T17:18:00.001-03:00

Zend Framework from Scratch

2011-11-22T08:36:00.000-02:00

Zend Framework from Scratch:

Pronto para assumir suas qualificações em PHP para o próximo nível? Neste novo "From Scratch" série, vamos nos concentrar exclusivamente no Zend Framework , um full-stack framework PHP criado pela Zend Technologies. Primeiro lugar na nossa série de tutoriais, é "Introdução ao Zend Framework."

Introdução: O que é o Zend Framework?

Zend Framework é uma full-stack framework PHP criado pela Zend Technologies. Para aqueles que não estão familiarizados com a empresa, Zend Technologies fornece aos desenvolvedores web com diversas ferramentas para ajudá-los em seu trabalho. Exemplos notáveis são Zend Server, um servidor de aplicações web para execução e gerenciamento de aplicações PHP e Zend Studio, uma IDE full-featured para PHP. Escusado será dizer que, Zend é muito investido em PHP, e é por isso Zend Framework é uma ótima ferramenta para adicionar ao arsenal de qualquer desenvolvedor.

Zend: A Companhia PHP

Zend Framework é composto de muitas bibliotecas e classes. Esta é uma faca de dois gumes - por exemplo, torna mais fácil para os desenvolvedores cherry-pick bibliotecas se eles só precisam de alguns. A desvantagem é que a criação do quadro não é muito fácil no início, pois é apenas um monte de classes. Dito isto, Zend tem uma ferramenta de andaimes e um meio recomendado de configurar a sua estrutura de aplicação, o que vamos discutir neste tutorial particular.

Nesta série de tutoriais, iremos mergulhar como Zend Framework funciona e aprender a usar suas diferentes componentes. Até o final da série, nós vamos ter construído uma marca nova rede social - com perfil básico, rede, atualizações de status, e até mesmo a funcionalidade API. E agora, sem mais delongas, vamos começar!

Passo 1: Download Zend Framework

Em primeiro lugar, precisamos fazer o download do Zend Framework. Atualmente, a versão mais recente é 1.11.11 . Para começar, vá até o site do Zend Framework http://framework.zend.com e clique no Download Now botão.

Zend Framework Download Now ligação

Isto deve levar-nos a uma tela com uma lista de downloads diferentes para Zend Framework. No futuro, quando você atualiza o Zend Framework biblioteca, você deve baixar o Minimal versão, que contém apenas os arquivos ZF. Por ora, vamos baixar Zend Framework 1.11.11 Full , que contém a biblioteca com todas as demonstrações e testes. Ele também inclui a ferramenta de andaimes que vamos usar mais tarde no tutorial.

Zend Framework lista de download

Passo 2: Configurar o ambiente Zend Framework

Após a conclusão do download, extraia os arquivos em seu desktop de modo a obter uma visão clara dos conteúdos. No interior, há um monte de pastas, mas para os fins do presente tutorial, vamos precisar apenas dois - o bin pasta e os library pasta.

Pelo amor de organização, colocar o bin pasta dentro da pasta PHP e renomeá-lo para zend-bin . O meu é D:\Development\PHP , então o resultado final deve ser D:\Development\PHP\zend-bin .

Vá para a library pasta e você deve encontrar um Zend pasta. Coloque este inside your PHP's include_path . Para mim, isso é D:\Development\PHP\includes , para movê-lo não deve resultar em D:\Development\PHP\includes\Zend . Lembre-se de copiar o Zend pasta dentro da library da pasta, não a library própria pasta.

Por último, precisamos configurar o Zend ferramenta CLI dentro do zend-bin pasta para trabalhar em qualquer diretório. Para fazer isso, temos de acrescentar o diretório para o Path variável do sistema, para que possamos chamá-lo via prompt de comando.

Clique direito no Computer link em Iniciar para abrir o System Information janela. Aqui, clique em Advanced System Settings .

Na janela que se abre, clique no Environment Variables botão. Na nova janela, procure o Path da variável no System variables lista. Clique em Edit e adicionar o seu zend-bin local do diretório no final.

Quando estiver pronto, basta clicar em OK para salvá-lo.

Para garantir que a nossa configuração está trabalhando, abra um prompt de comando e executar o zf --help comando. Isso deve saída dos comandos que podemos usar com a ferramenta CLI Zend. Se não, tente reiniciar o computador para certificar-se as variáveis do sistema são implementados.

Além disso, há uma zf.sh arquivo dentro do zend-bin pasta. Isto é para sistemas operacionais baseados em Unix como OSX ou Linux. Basta configurar as variáveis de ambiente de acordo para obter o mesmo resultado.

Passo 3: Criar o seu primeiro Projeto de Zend Framework

Agora, começamos o trabalho de desenvolvimento real em nosso projeto Zend Framework. No prompt de comando, vá para o diretório onde você quer colocar seus arquivos de projeto (idealmente este deve ser o diretório onde os seus pontos de servidor local para web). Para mim, é D:\Development\htdocs\nettuts , então eu vou executar o cd D:\Development\htdocs\nettuts comando no meu prompt.

Digite o seguinte comando para criar a nossa base de Zend Framework projeto: zf create project thenextsocial . No comando, thenextsocial é o nome do nosso projeto. Quando você começar a criar seus projetos próprios ZF, substitua isto com o nome do projeto apropriado.

Confira o conteúdo da pasta agora - você deve ver um novo thenextsocial pasta. Dentro da pasta, você verá vários arquivos de projeto. Mais importante, você deve ver um public pasta, que deve ser a única pasta publicamente acessível via browser. Para tornar isso acessível, agora precisamos configurar um VirtualHost para o projeto.

Para configurar um VirtualHost, abra o Apache é httpd.conf arquivo. Dentro, adicione o seguinte código:

<VirtualHost *:80>
   ServerName thenextsocial.local
 DocumentRoot "D:/Development/htdocs/nettuts/thenextsocial/public/"
 <Directory "D:/Development/htdocs/nettuts/thenextsocial/public/">
 </Directory>
</VirtualHost>

Você também precisará adicionar o domínio para o seu local hosts arquivo. Para usuários do Windows, deve estar em C:\Windows\System32\Drivers\etc . Para os usuários baseado em Unix OS, ele deve estar em /etc/hosts . Abri-lo e adicionar thenextsocial.local e apontar para 127.0.0.1

Reinicie o seu servidor web. Quando você abre http://thenextsocial.local em seu navegador, que já deve apontar para o seu projeto de Zend Framework.

Parabéns Você criou com sucesso o seu projeto Framework Zend primeiro!

Passo 4: Saiba mais sobre Estrutura MVC do Zend Framework

O que é exatamente este padrão MVC?

Da introdução do Zend Framework quickstart:

O modelo-visão-controlador (MVC)

Imagem cortesia de http://framework.zend.com

O MVC modelos padrão esta separação de preocupações também.

Assim que é exatamente este padrão MVC mantém todos falando, e por que você se importa? MVC é muito mais do que apenas uma sigla de três letras (TLA) que você pode sacar a qualquer momento você quiser som inteligente, tornou-se uma espécie de padrão no design de aplicações web moderna. E por boas razões. Código mais aplicação web está sob uma das seguintes três categorias: apresentação, lógica de negócios e acesso a dados. O MVC modelos padrão esta separação de preocupações também. O resultado final é que o seu código de apresentação podem ser consolidadas em uma parte do seu aplicativo, com sua lógica de negócio em si e seu código de acesso de dados em outra. Muitos desenvolvedores têm encontrado este indispensável separação bem definida para manter seu código organizado, especialmente quando mais de um desenvolvedor está trabalhando na mesma aplicação.

A essência do que é esta: modelos contêm nossa lógica de negócios, exibições contêm o nosso HTML, e os controladores de manter tudo em linha e dizer tanto os pontos de vista e modelos o que fazer.

MVC em uma aplicação Zend Framework-powered

A coisa boa sobre como usar o ZF ferramenta CLI é que ele configura automaticamente o aplicativo para fazer uso das classes do Zend Framework MVC, que permite a você começar a trabalhar em seus projetos mais rapidamente.

Voltando ao nosso projeto, abrir o thenextsocial/application pasta e você deve ver - você adivinhou - models, views, and controllers pastas.

Dentro destas pastas, abra controllers/IndexController.php e views/scripts/index/index.phtml . Quando você olha para ambos os arquivos de perto, você verá que a página inicial vimos acima ( Welcome to Zend Framework ) é realmente executado por ambos os arquivos. Então, como chamar esses Zend Framework?

Aplicação explicando Zend Framework roteamento padrão

Por padrão, todas as URLs em seu projeto Zend Framework seguirá um determinado formato:

[url]/[controller]/[action]/[GET parameter 1 value]/.../[GET parameter x]/[GET parameter x value]

Outro padrão é que, se um controlador e / ou ação não é fornecido, ambos padrão para index . Então, chamando http://thenextsocial.local é realmente o mesmo que chamar http://thenextsocial.local/index/index ou mesmo http://thenextsocial.local/index .

Zend Framework ciclo padrão de roteamento

Zend Framework, em seguida, toma o valor do controlador e olha para ele no controllers pasta, ou seja, a nossa IndexController.php arquivo. Dentro do arquivo do controlador, que leva o nosso valor de ação e executa esse método, que é indexAction . Após a ação ter sido executada no controlador, ZF, então, automaticamente torna o arquivo de visão dentro da pasta vistas no seguinte formato:

../application/views/scripts/[controller]/[action].phtml

É por isso que vemos o Welcome to Zend Framework página, desde index.phtml contém o código HTML para esta página.

Passo 5: passar dados de um controlador para o seu Ver

É relativamente simples para passar dados de um controlador para sua visualização. Cada objeto controlador é criado, por padrão, ter um objeto de exibição instanciar com ele. O acesso a este objeto de exibição é feita através do $this->view assessor.

Para enviar dados para o ponto de vista, nós simplesmente atribuir variáveis para o objeto de vista e dar-lhes valores, assim:

$this->view->variable_name = "variable value";

Voltando ao nosso projeto, abra IndexController.php nos controllers pasta e na indexAction método, vamos passar a current date and time para a nossa visão.

public function indexAction()
{
 //action body
 $this->view->current_date_and_time = date('M d, Y - H:i:s');
}

Então precisamos editar nosso view para a saída desta variável. Para fazer isso, abra index.phtml na pasta vista, e adicione o seguinte código:

...
...
...
<div id="welcome">
   <h1>Welcome to the <span id="zf-name">Zend Framework!</span></h1>

 <hr /><h2>It is now <?php echo $this->current_date_and_time; ?></h2>

   <h3>This is your project's main page</h3>
...
...
...

Como você pode ver, acessar a variável de dentro do arquivo de visão é tão simples como ecoando a variável através do comando PHP echo, echo $this->variable_name; .

Agora, atualize seu navegador, e você deve ver a data atual e tempo na página.

Passo 6: Criar um layout em Zend Framework

Você deve ter notado que os scripts html em nosso projeto são apenas fragmentos e não páginas HTML completas, por isso falta-lhes html, head, and body tags. Este não é realmente uma falha, mas foi feito por projeto - dessa forma, todas as ações retorno relativo de conteúdo somente para a ação em si, e não todo o aplicativo. Criando um layout global para o nosso site, nós vamos ser capazes de implementar um recipiente consistente HTML para todos os nossos scripts HTML.

Para começar, vamos abrir novamente o nosso prompt de comando e digite o seguinte comando. Verifique se você está dentro do thenextsocial pasta.

zf enable layout

Permitindo um layout em nosso projeto de Zend Framework

A saída após a execução do comando sugere que um arquivo de layout chamado layout.phtml foi criado dentro da application/layouts/scripts pasta. Vamos abri-lo e dar uma olhada no que está dentro:

conteúdo layout.phtml

O comando echo $this->layout()->content; é realmente o arquivo de layout repetindo todo o conteúdo do ponto de vista. Para criar nosso layout global então, precisamos quebrar esse comando com o nosso HTML:

<!DOCTYPE html>
<html>
 <head>
  <title>The Next Social</title>
  <!-- Load Twitter Bootstrap and jQuery -->
  <link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.3.0/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
 </head>
 <body>
  <div id="site_container">
   <div id="header">
    <p>This is the header!</p>
   </div>
   <div id="content">
    <!-- Echo our content here! -->
    <?php echo $this->layout()->content; ?>
   </div>
   <div id="footer">
    <p>This is the footer!</p>
   </div>
  </div>
 </body>
</html>

Agora, atualize o navegador novamente e você deve ver as alterações:

Nossa action index com layout que acompanha

Passo 7: Criar novos controladores e Ações

Usando o ZF ferramenta CLI, podemos criar novos controladores e ações muito rapidamente. Para isso, basta executar o seguinte comando:

zf create controller About

About nosso controlador é o nome novo. Se você verificar no interior do controllers pasta, você deverá ver um AboutController.php arquivo, indicando que a nossa geração controlador foi bem sucedida. Você também pode verificar o conteúdo das views pasta e ver que um novo about/index.phtml arquivo foi criado para o nosso About controlador!

Criar nosso controlador Sobre

Devemos, então, ser capaz de acessar este controlador, indo para http://thenextsocial.local/about

Por padrão, a ZF ferramenta CLI cria uma ação para o nosso controlador, o indexAction . Mas o que se queria acrescentar outras ações para o controlador?

Criando uma nova ação

Criando uma nova ação é como é fácil criar um novo controlador. Para isso, basta executar o seguinte comando:

zf create action us About

Isso efetivamente cria uma nova ação chamada us dentro da About do controlador. Verificando o AboutController.php arquivo, você deve ver um novo usAction() método, bem como um novo us.phtml arquivo dentro da about pasta vista.

Criando nossa ação nos Sobre o controlador

Como você pode ver, nós dependem fortemente a ferramenta CLI ZF para gerar ações e controladores. Criá-los manualmente funciona da mesma maneira, a ZF ferramenta CLI só torna mais simples e automaticamente faz o trabalho pesado para nós.

Conclusão

Depois de ler este tutorial, você já deve saber o seguinte:

Onde baixar os arquivos mais recentes Zend Framework
Onde e como configurá-lo localmente
Criando seu projeto Framework Zend primeira ea criação de um VirtualHost no seu servidor web
Como exatamente Zend Framework implementa o padrão MVC e sua aplicação de roteamento padrão
Passando dados de um controlador para seu ponto de vista
Criação de um layout de todo o site para a sua aplicação Zend Framework
Criação de novos controladores e ações

A partir deste conhecimento, você deve facilmente ser capaz de criar páginas web estáticas. Mas todos nós sabemos isso não é suficiente!

No nosso próximo tutorial, vamos aprender tudo sobre como criar a parte mais crucial de qualquer aplicação web, o model , e fazendo The Next Social um site dinâmico!

Até então, fique atento!

PS Eu tenho registrado thenextsocial.com para os fins deste projeto. Basta visitar o site regularmente e você vai vê-lo transformar a partir de um site simples para o site de redes full-featured sociais que pretendemos ter no final desta série. Além disso, todo o código fonte criado na série estará disponível em este repositório GitHub também!

Extremely Helpful Free Starter Kits For Web Designers

2011-10-11T09:05:00.000-03:00

Extremely Helpful Free Starter Kits For Web Designers:

Every designer needs a starter kit containing useful tools and resources. Designer’s starter kits are extremely helpful in creating mock-ups for the future projects and are a great time-saver. The elements of these starter kits can vary from buttons to check-boxes and from tabs to dropdown menu.

Here, we have collected some cool starter kits that every web designer must have. These kits are free to download and customize. We hope you like this collection and find it useful for you. Enjoy!

Showcase Gallery

Showcase Gallery is the perfect starting place for a sleek gallery website or to display your portfolio work. This download includes a well organized PSD file.

Apple Style Navigation Menu

Clean ready to use Web navigation menu. The used font is Lucida Sans. Menu comes in three flavors!

iUnits

iUnits is a PSD containing icon designs for the Apple iPhone, iPad, and Nano. Each icon is fully layered and customizable.

Free psd Calendar mockup

Simple, clean calendar mockup. The download contains a layered PSD resource file. The used font is Lucida Sans.

Big Block UI

Big Block UI is a fresh take on common user interface elements. The PSD is well organized and colors can easily be changed.

Free PSD Progress Tracker Bars

This set contains 5 Progress Tracker Bars.

Simple UI Elements

Simple UI Elements is a clean, well organized PSD file containing common user interface elements for web and app designs.

Small Blue UI Kit

A small ui kit, made in blue color. Here you have a limit selector, toggle, buttons, loading bar.

Sleek UI Elements

Whether you’re creating a website or mobile app, well designed UI elements are key to a good user experience. This PSD contains a number of useful elements in a modern, sleek style.

Dark Clean Forms Collection

Beautifully designed Dark Clean Forms Collection.

Black UI Kit

Up for grabs is a free PSD UI kit designed by Alex Patrascu. The file is fully layered and very well organized to make it easy to work with. Alex did a fantastic job of including a lot of the common elements needed when designing a website or app.

Simple To-Do List

Here is a simple to-do list with a nice clean design and is easily editable.

PSD Layout for Flash / JavaScript Gallery

Ready to use design for Flash or Javascript Gallery. Replace the text, place your own graphics and enjoy.

Free PSD Media Player

The psd file contains media player elements in 3 different flavors.

TRAK

Provides a set of shapes (stereotypes) and connectors to enable architecture description views to be produced using the open source TRAK enterprise architecture framework.

3 Different Styles of Notification Boxes

This set contains 3 Different Styles of Notification Boxes.

Functional Buttons

Ready to use free set of functional buttons. Colors are easy to adjust using Adobe Photoshop.

Slider Boxes

This set contains three web 2.0 styled slider boxes.

Mac OS X Interface 2

Leopardy interface stencil kit. This one makes extensive use of tables, for maximum flexibility while maintaining pixel precision.

6 Free Preview Slider Templates

This set contains 6 Free Preview Slider Templates

3 Shadow Pockets

This set conttains 3 beautifully designed Shadow Pockets.

Free PSD Menu Template

It’s modern, clean and aesthetically pleasing. I wanted to put my spin on it. Something quick, easy yet elegant and fun. Hopefully you can use for a possible business project or client.

Wireframe Magnets

This DIY magnet template is based on the Konigi wireframe stencils and includes 3 sheets of elements that might be useful in whiteboard prototyping.

Free PSD Share Button Kit

This is “Tell yoru Friends” Bar for your webpage. 3 different style. Dark and light background, dark and light Bar, Fully editable PSD layers with Shapes-Text-Mask. Fully Scalable.

Lion UI Kit

Lion UI Kit is a handy PSD mockup tool with fully layered and editable elements from the latest OS X operating system.

Interactive Sketching Notation 1.1

The latest Interactive Sketching Notation (version 1.1) stencil for OmniGraffle.

Blaubarry UI Kit

Blaubarry UI Kit is a PSD full of useful buttons, sliders, scrollbars, and form elements. The file makes use of shape layers for easy editing and resizing.

Solid UI Kit

Solid UI Kit is a fresh design created by Alvin Thong from Sixbase. The download includes a well organized, easily editable PSD file.

Eclipse GUI Design

Widgets for Eclipse and Mac OS X

Watchguard

This is another Visio stencil converted to .gstencil. This includes several Watchguard security appliance/firewall objects.

Web Sketch Cursors

CSS3 Compliant cursors in a “sketch” style, for mocking up web UX designs. Includes: default, crosshair, pointer, move, text, wait, help, progress, not allowed, vertical text, and several resize arrows.

Minimalistic UI kit the color Google

Do you like google plus? Maybe for his services? Maybe for its interface? And maybe even for something?

GMUI_SlixUI

“Slix UI” controls is a set made to make Web & App designers’ lives much easier. It was mainly designed to be used in Apps, but it can just as easily be used in the web . It gives you ready to use solutions for huge part of the most stuff you need to build an interface.

Simple UI element pack

Simple UI element pack, free for use! enjoy!

Wireframe Magnets

This DIY magnet template is based on the Konigi wireframe stencils and includes 3 sheets of elements that might be useful in whiteboard prototyping. Simply download and print the PDFs onto magnet sheets, optionally laminate them if you intend to use with dry-erase markers, and finally cut them out.

Facebook Applications

A pretty sizable collection of Facebook related elements to use in creating wireframes for Facebook applications.

Colorful Websites With Attractive Panoramic Backgrounds To Embrace You

2011-10-11T08:59:00.000-03:00

Colorful Websites With Attractive Panoramic Backgrounds To Embrace You:

Website templates with attractive photos and creative background images tend to attract audience attention much faster. This is a small designing secret that almost every designer and web developer knows very well and therefore, successfully apply it in his website creation task. When it comes to choosing the most appealing and eye-catching images, which one would you prefer? Without doubt, it is panoramic photos that exhibit incredible nature and urban landscapes. Generally speaking, parallel scrolling panoramic backgrounds are extensively spread all over the web. However, there are vertically-oriented panoramas and websites as well with a capacity to explore them in a fly-through mode. This is the time to embrace yourself with the beauty of panoramic backgrounds.

You are welcome if you want to share more unique websites with attractive panoramic backgrounds that our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com, just subscribe to our rss feed and you can follow us on twitter and follow us on Diggas well to get updated.

Parasol-Island.com

Oasisforfun.com

2Advanced.com

Originalsource.co.uk

Ines-papert.de

Ringvemedia.com

Pusulaweb.com

Bransondeerrun.com

Zimanadmorzem.pl

Teletech.com

Mytreenature.com

Fishinghq.com

Pojeta.cz

Firstborn.com

Dancertheband.com

Polarbearplunge.sandiegozoo.org

Cityexpression.ru

Nespresso.com

Intobrazil.net

Moodsofnorway.com

Morphix.si

Gazelletouch.com

Ericj.se

Pokemonmysterydungeon.com

Danonino.de

Misayonara.com

Stephan-siegrist.ch

Alexarts.ru

Madeforeachother.com

Hlfragrance.com

Brought To You By

Do you want to advertise here? Click to get more info…

Recentemente, em Desenvolvimento Web (setembro Edition)

2011-10-03T08:43:00.000-03:00

Recentemente, em Desenvolvimento Web (setembro Edition):

Desenvolvimento Web é um setor que está em um estado de fluxo constante com as tecnologias e jargão mudança e mutação em um ciclo interminável. Para não mencionar a vasta quantidade de informação que se tem de processar todos os dias.

Nesta série, publicado mensalmente, vamos tentar rectificar isso trazer-lhe todas as notícias importantes, anúncios, releases e discussões interessantes dentro da indústria de desenvolvimento de web em um pacote conciso. Se juntar a mim depois do salto!

Notícias e Comunicados

Todas as notícias importantes em um único lugar: releases, anúncios, empresas brigas, problemas de segurança e todos os hoopla relacionados.

Firefox 7 disponível oficialmente

E, assim como que uma outra versão do browser Firefox é muito popular fora. De acordo com a sua promessa anterior de liberação mais rápida, a versão 7 está fora apenas algumas semanas depois da versão 6.

A nova versão é touted para usar metade tão baixo quanto de memória que a versão anterior. Um pequeno teste, de fato, mostrar o navegador do é muito snappier do que antes. Outra característica que deve manter os usuários e desenvolvedores web feliz é a aceleração de hardware para a tag canvas. Como alguém que mexe com cerca de tela o tempo todo, isso é realmente um grande problema. Clique no link abaixo para recolher mais informações sobre os novos recursos e atualizações.

Leia mais

Ruby on Rails 3.1 é lançado

Este é para os aficionados Rails. Este extremamente popular framework Ruby acaba de lançar um lançamento ponto importante do quadro. Big características desta versão incluem jQuery sendo incluído como a biblioteca padrão JavaScript e suporte para streaming HTTP. Clique no link abaixo para o log de alterações inteiro.

Leia mais

jQuery móvel arc2released!

A equipe de jQuery está de volta ao seu melhor super produtivo com seus beta 3 RC1 e liberação de móveis jQuery.

Entre um conjunto grande de correções e melhorias, esta versão também inclui suporte para pushState eo evento beforechangepage junto com melhorias para a plataforma iOS5. Clique no link abaixo para saber mais.

Leia mais

PostgreSQL 9.1 é Out

Entre toda a conversa sobre NoSQL, é fácil esquecer que ainda estamos em um mundo onde o SQL é a força dominante. PostgreSQL, um dos vendedores bem conhecido SQL acaba de lançar uma atualização de ponto para o seu software com um monte de novas funcionalidades e melhorias.

Leia mais

MongoDB 2.0 Lançado

E apesar de apenas o campo SQL, MongoDB está fora com a versão 2 de seu carro-chefe armazenar dados MongoDB. MongoDB é uma das soluções mais conhecidas NoSQL e acabado de uma rodada de financiamento da Sequoia, para os mais entrepreneurish entre vós. Eu recomendo visitar o link abaixo para saber mais sobre o que mudou aqui.

Leia mais

Installer Rails agora suporta Rails 3.1

Enquanto devs Unix e Linux têm o luxo de um fluxo de trabalho fácil em suas plataformas, ficando configuração Rails bem no Windows ainda é uma tarefa árdua.

RailsInstaller, um EngineYard esforço, pretende racionalizar esse processo. Eles só actualiza o seu software para apoiar Rails 3. Se você é um desenvolvedor Rails do Windows, certifique-se de agarrar esta!

Leia mais

Clojure 1.3 Lançado

Enquanto NETTUTS + se concentra principalmente na extremidade dianteira e um punhado de PHP e Ruby agora, nós pretendemos expandir para temas mais amplos de programação em breve. Para o efeito, aqui é algo um pouco mais de nicho.

Clojure é uma variante da linguagem Lisp veterano. É um alto nível, funcionais, linguagem de programação de propósito geral que funciona tanto na JVM e CLR. Um ponto importante a salientar é que uma variante do Clojure, chamado ClojureScript, compila para baixo para JavaScript e funciona em navegadores web em qualquer lugar. Se você é mesmo um pouquinho intrigado, certifique-se de ler o link abaixo.

Leia mais

New Kids on the Block

Como desenvolvedores web, a enorme quantidade de recursos que podemos explorar aumenta exponencialmente com o tempo. Aqui é apenas um olhar rápido em alguns recursos recém-criado que merecem sua atenção - tudo, desde livros novos scripts e frameworks.

cryptico.js

Um utilitário JavaScript simples para auxiliar na encriptação de conteúdo no lado do cliente. O utilitário suporta RSA + AES e pode ir até 1024 bits.

Leia mais

Keymaster

Uma biblioteca de micro-simples para a definição e expedição atalhos de teclado. Ele não tem dependências

Leia mais

Florescer

Flourish é um unframework PHP - um de uso geral, biblioteca orientada a objetos.
Ele tem uma arquitetura modular, o que significa que não é estritamente MVC. Centra-se em ser seguro, bem documentado e fácil de usar, enquanto a resolução de problemas intrínsecos ao desenvolvimento web.

Leia mais

dquery

dquery é uma ferramenta útil para manipulação de datas e horários. Ele funciona através da extensão instâncias de data com funcionalidades adicionais.

Leia mais

TaffyDB

TaffyDB é uma biblioteca opensouce que traz recursos de banco de dados em suas aplicações de JavaScript.

Leia mais

Touché

Touché traz eventos de toque para não-touch navegadores (como tocar!). Sem dependências. Não bloat código.

Leia mais

R.js

R.js é uma estrutura simples para i18n JavaScript, usando CommonJS. R.js deve trabalhar em ambos os navegadores, e em Node.js, fornecendo capacidades de internacionalização para ambos.

R.js é pequena, a menos de 900 bytes minified e gzipped (<2kb minified). R.js não tem dependências, mas pode ser usado facilmente com quaisquer outras bibliotecas que você deseja. R.js liga-se a window.R, ou global.R no lado do servidor.

Leia mais

streamjs

stream.js é um pequeno stand-alone biblioteca Javascript que abre uma nova estrutura de dados para você: córregos. Fluxos são um fácil de usar dados de estrutura semelhante a arrays e listas ligadas, mas com algumas capacidades extraordinárias.

Leia mais

kibo

Kibo é uma biblioteca JavaScript simples para manipulação de eventos de teclado.

Leia mais

three.js

three.js é um Javascript Engine 3D. O objetivo do projeto é criar um motor leve 3D com um nível muito baixo de complexidade - em outras palavras, para modelos. O motor pode render usando <svg> <canvas> e WebGL.

Leia mais

Melhor da Internet

Muitas vezes, você não está realmente à procura de um tutorial tanto quanto você está procurando um discurso retórico, uma opinião ou o pensamento de um desenvolvedor cansado ou apenas algo legal com absolutamente mundo usam zero real. Esta seção contém links para justamente aqueles - coisas interessantes e legais da comunidade de desenvolvedores.

Backbone.js Screencast - Introdução e Views

Um excelente screencast por Joey Beninghove sobre os conceitos básicos de Backbone.js. Se você está procurando um screencast bem feito para alavancar o seu Backbone experimentos, este é um ótimo lugar para começar.

Leia mais

Qual é a diferença exata entre um 'terminal', um 'shell', um 'tty' e um 'console'?

Imaginando as diferenças semânticas entre as palavras em perguntas? Esta é a discussão de ler.

Leia mais

CSS3 do arco-íris Divisores

O título diz tudo. Divisores de arco-íris maldito usando apenas CSS3 - agora não há razão para que suas páginas estão nada menos do que totalmente, assustadoramente fabuloso.

Leia mais

ligament.js

ligament.js, por Yehuda Katz, é o menor, mais leve peso JavaScript framework MVC ao redor. Ou é?

Leia mais

Minha palestra TXJS (Twitter remix)

Brendan Eich discurso está em TXJS sobre as partes boas, más e feias da Ecma TC39. Um relógio excelente para qualquer um que faz qualquer coisa relacionada à web e um deve prestar atenção para que todo desenvolvedor JS.

Leia mais

Sudoku Solver em 140 bytes

Um algoritmo que bonitinho bruta força qualquer Sudoku em sua apresentação. Oh, eu mencionei que ele é apenas 140 bytes? Eu imagino que isto é como programa de deuses.

Leia mais

Conclusão

Bem, isso é sobre todas as mudanças importantes que aconteceram em nossa indústria recentemente. Uma vez que esta é a primeira vez que estamos fazendo algo ao longo destas linhas, tudo ainda está no ar - edições futuro será moldado pelo seu feedback.

Quer-nos a cobrir mais notícias padrão? Um foco em scripts próximos, talvez? Ou apenas posts mais interessantes e discussões da comunidade? Deixe-nos saber nos comentários e muito obrigado pela leitura!

40 Useful CSS Tutorials, Techniques And Resources

2011-08-10T06:25:00.000-03:00

40 Useful CSS Tutorials, Techniques And Resources: "

We have previously posted many articles on CSS tutorials and resources you can learn CSS from. Today, again we come up with yet another great list of 40 CSS tutorials, techniques and resources that you will enjoy exploring. Every developer knows very well how important it is to learn and use CSS effectively. Therefore, tall the developers keep themselves updated with the latest development and advancement in the technology.

Below is the list of 40 useful CSS tutorials and resources you cannot afford to miss. We hope this broad list will train you something innovative, or moreover jog your memory and help you recall some methods you haven’t used for a while.

Minimalistic Navigation Menu

In this tutorial we are making something practical, a simple CSS3 animated navigation menu, which degrades gracefully in older browsers and is future-proofed to work with the next generation of browsers.

Sleek Card Pockets using CSS Only

In this CSS3 tutorial, you’ll learn how to create web card pockets using some great new CSS3 techniques.

CSS Absolute Positioning: Create A Fancy Link Block

Absolute position is a feature of the CSS2 specification that is supported by all of web browsers. If you posit an element (an image, a table, or whatever) absolutely on your page, it will appear at the exact pixel you specify. In this tutorial, we will use some tricks to create a fancy link block that make our links more attractive.

Create a Button with Hover and Active States using CSS Sprites

Too many designers neglect the click state (active: property in CSS) in web design, either because they’re unaware of it, underestimate the importance of it or are plain lazy. It’s a simple effect that improves usability by giving the user some feedback as to what they’ve clicked on but can also add depth to a design.

How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3

In this tutorial will will create a Sexy Vertical Sliding Panel Using jQuery And CSS3.

Style a List with One Pixel

A one-pixel background image can be a pretty versatile thing. With repeat-x it can be a horizontal line, repeat-y makes a vertical line, and repeat makes it a fill color. Just as a little fun proof of concept, we can use that to create a depth-chart looking unordered list.

Pushing Your Buttons With Practical CSS3

Calls to action are critical for any website, and a compelling, attention-grabbing, clickable button goes a long way toward driving that engagement. In the past, really awesome buttons needed extra markup, sliding doors or other trickery. We’ll show you here how to create nice button styles without any hacks or cheats.

Build Multi-level Multi-column Multi Menus with pure CSS

In this tutorial we will learn how to build multi-level multi-column multi Menus with pure CSS.

Elegant Drop Menu with CSS only

In this tutorial, you will see a simplest way to build a same effect by using CSS only. With some CSS make-up, your menu will be elegant. Not sure which one is easiest, but for sure it’s the simplest menu comes with drop effect: horizontal and vertical navigation.

HOW TO CREATE A BEAUTIFUL DROPDOWN BLOGROLL WITHOUT JAVASCRIPT

In this tutorial author is going to walk you through how he have set up the blogroll in our upcoming redesign. Load up the example page to see how our final product will look.

How to Build a Simple Button with CSS Image Sprites

Let’s take a look at building a simple button using CSS image sprites, starting right at the beginning in Photoshop and finishing with the complete coded example. This one’s a good one for anyone getting started with CSS!

CSS3 Hover Tabs without JavaScript

A quick tip on CSS3 Hover Tabs without JavaScript.

How To Use Pure CSS To Style Web Form Dynamically Plus 12 Awesome JavaScript Plugins

In this article you will learn how to use pure CSS To Style Web Form Dynamically Plus 12 Awesome JavaScript Plugins.

Horizontal Subnav with CSS

In this tutorial author would like to go over how to create a simple navigation with a horizontal subnav.

CSS3 Speech Bubble

In this tutorial you will learn how to create CSS3 Speech Bubble.

How to Create Nice Scalable CSS Based Breadcrumbs

In this tutorial author will teach you how to create nice scalable CSS Based Breadcrumbs. Author is using only one simple graphic. The rest is basic CSS styling with an unordered list as HTML code.

Fluid searchbox

Creating a fluid search box when you only have a single element next to it is trivial. What you do is wrap the input in an element and use padding to create space for the fixed element, then position the fixed element absolutely (or relatively) in the space created by the padding.

Using Rounded Corners with CSS3

As CSS3 gets closer to becoming the new standard for mainstream design, the days of rounded corners through elaborate background images is fading. This means less headache and time spent working out alternatives for each browser.

6 Ways To Improve Your Web Typography

Typography on the web is anything but simple, and for many, it is a troubling mystery. In this tutorial we’re going to review six ways that web designers and developers can improve the typography of the sites they create.

Create a Letterpress Effect with CSS Text-Shadow

The letterpress effect is becoming hugely popular in web design, and with a couple of modern browsers now showing support for the text-shadow CSS3 property it’s now simple and easy to create the effect with pure CSS. No Photoshop trickery here!

3 Easy and Fast CSS Techniques for Faux Image Cropping

These techniques can be very helpful if you need to keep images at a certain size, i.e. thumbnails in the news section or something similar. Being able to use CSS to control which portion of image to display is a great bonus.

How to Create a Fancy Image Gallery with CSS3

Here author have prepared a tutorial about how to use CSS3 to make an image gallery with animation. He recommend to use one of these browsers to see the animations; however, the gallery is going to be usable in browsers without support of the animation.

Creating an Animated CSS3 Horizontal Menu

This tutorial shows us how powerful CSS3 can be and how we can save some JavaScript code to achieve the same result. As you know, right know the transition property is only supported by Safari and Chrome.

How to Create a Cool Anaglyphic Text Effect with CSS

Let’s take a look at how a similar style can be created for sprucing up your web designs, while taking into consideration semantics and avoiding the repetition of any markup.

How To Create Depth And Nice 3D Ribbons Only Using CSS3

In this tutorial you will learn How To Create Depth And Nice 3D Ribbons Only Using CSS3.

How To Create Simple, Stylish and Swappable Image Captions

In this tutorial you will learn How To Create Simple, Stylish and Swappable Image Captions.

CSS Polaroid Picture Tutorial

Polaroid pictures (or fake ones anyway) can be created using Photoshop or a similar graphics package but author aim to create the same kind of look by using CSS.

Advanced CSS Menu

In this tutorial author will show you how to slice up the menu design (step by step) and put them together with CSS.

CSS Techniques: Using Sliding Doors with WordPress Navigation

This sliding doors CSS hack allows you to create sophisticated tabs for your navigation bar.

CSS Dock Menu

This tutorial is really very helpful, very nice and useful tip on creating Mac’s Dock menu.

Sexy Drop Down Menu CSS

In this tutorial author would like to go over how to create a sexy drop down menu that can also degrade gracefully.

Coding Apple’s Navigation Bar Using CSS Sprites

This tutorial is not going to go in depth about all the benefits of sprites, but will show you how to use the technique correctly.

CSS Sprite Navigation Tutorial

This tutorial teaches how to build a css navigation using sprite images. With the mobile web becoming more important than ever before, load time and the size of a web site are some of the biggest factors to consider when developing a site for mobile users.

Breaking Out of the Box With CSS Layouts

It’s true that CSS is heavily reliant upon a grid — everything flows on x and y axes (and can be positioned as such, much like designs built in Photoshop). However, this doesn’t mean that your design has to be boring. If you understand how the grid works, you can fracture or abstract that grid to make your layout more dynamic and interesting.

CSS Guide

The Ultimate Guide to Creating a Design and Converting it to HTML and CSS

Minimal and Modern Layout: PSD to XHTML/CSS Conversion

In this web design tutorial, you’ll see a process for converting a Photoshop mockup to working HTML/CSS template. This is Part 2 of a tutorial series that will show you how to create the design, and then convert it to an HTML/CSS template.

Create YouTube-like adaptable view using CSS and jQuery

In this tutorial you will learn how to create YouTube-like adaptable view using CSS and jQuery.

How to distribute elements horizontally using CSS

In this tutorial we will learn how to distribute elements horizontally using CSS.

Sticky (Fixed) SideNav Layout with CSS

In this tutorial author would like to go over how to create a fixed sidenav layout for your blog or website.

Useful CSS Tricks You Should Know

Here are 25 incredibly useful CSS tricks that will help you design great web interfaces. You might be aware of some or all of these techniques, but this can be your handy resource to nifty CSS tricks that you should know.

11 Classic CSS Techniques Made Simple with CSS3

In this tutorial, author will show you eleven different time-consuming effects that can be achieved quite easily with CSS3.

Brought To You By

Do you want to advertise here? Click to get more info…

7 Tools To Find What Error Codes Mean

2011-07-26T12:23:00.000-03:00

7 Tools To Find What Error Codes Mean: "

Anyone who uses any modern gadget (PCs, laptops, smartphones, gaming consoles etc.) faces some errors which need to be resolved. The first step in the resolution of errors is that the nature of the error be found. Usually, error type can be judged from the error code which accompanies the error. Today we’ll be compiling a rather unusual list; this list contains seven tools to find what error code means. This way user can get a rough idea on where to get started for resolving the errors they face. Have a look:

About.com Find By Error Message

A service provided by the popular website About.com, this Find By Error Message page lets users browse common error messages seen on PCs. The list is pretty huge and if you face a problem while using your PC, there is a very likely chance that you can find the error details on this webpage.

BrianDunning.com – Windows Error Codes

The BrianDunning.com error codes websites provides users the ability to browse as well as search for error codes which normally occur on a Windows installation on a PC. Along with that, the webpage lists the top most common and searched error codes in a list and also provides the error code information about MySQL database engine.

ErrorHelp

This website brings an element of sharing error codes. It not only lets users search for common errors from their huge error code database, but also allows them to collaborate with their friends and other people who have received similar errors in the past. They let users bookmark errors on their website so at later stage if the error re-occurs, they can quickly go to the webpage and open the bookmarked error.

ErrMsg

A desktop tool which lets users perform lookups on the errors they encounter. All one needs to do is launch the utility and enter the error code and the tool will return with the basic description of the error. The great thing about this tool that it works for both 32-bit and 64-bit versions of Windows 7 so there’s no problem with all the latest error codes.

WELT

Acronym for Windows Error Lookup Tool, WELT is another error lookup tool like ErrMsg. It also takes the error code from the user and provides back the description of the error. Works pretty well with common Windows and system errors. It also lets users save the error message as a note which can then later be used to find out more information about the error.

ErrorKey

After using ErrorKey, I was forced to label it as the Google of all error codes. This websites has a huge collection of error codes and they can be readily searched using the simple user interface (UI). Also, it has the common error search tags/keywords listed on the main page thereby helping users pinpoint some of the common error messages and categories.

Error Goblin

Similar to Error Key but more useful due to its support for Mac OS errors. This websites covers both Windows and Mac error code searches. Moreover, an iPhone app for this web service is also available. Quite handy for Mac users.

Five Great Websites To Download High-Quality Design Freebies

2011-06-16T17:53:00.001-03:00

Five Great Websites To Download High-Quality Design Freebies: "

There are many websites out there for us for design freebies, but getting by good ones and free is not that easy. That is why I am sharingFive Great Websites To Download High-Quality Design Freebies. Read each entry in the list and see which one suits your needs best.

You are welcome if you want to share more websites to download design freebies that our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com, just subscribe to our rss feed and you can follow us on twitter and follow us on Digg as well to get updated.

Twibies

A gallery showcasing the best and free twitter icons and themes.

SearchPSD

Here you can search more than 1.500 psd files order by categories that are all free for you.

FlashVillage

All FlashVillage templates are 100% free. You simply need to register as a free member and you can start downloading.

Plaintextures

This site provides free high resolution textures for 3D artists and web designers.

Icon Gallery

You can search and browse this Icon Gallery for the finest high quality free icons on the web.

Consultas parametrizadas, ISNULL e SQL dinâmica

2011-05-22T13:40:00.000-03:00

Consultas parametrizadas, ISNULL e SQL dinâmica: "

Bom Dia Pessoal,

Por várias vezes nos fóruns e em algumas situações que presencio na vida real, vejo implementações para execução de consultas parametrizadas com base em vários parâmetros. É sem dúvida uma necessidade muito comum, pois, se uma determinada entidade (tabela) possui várias características (colunas), é quase natural que se pesquise as instâncias (registros) dessa entidade com base em uma, ou duas, ou N características de forma individual ou simultânea. Não é errado necessitar de tal mecanismo de pesquisa, mas o que vejo é que muitas implementações o fazem de forma completamente equivocada e muitas vezes pouco performática. Como poucos registros em um ambiente de desenvolvimento e homologação a diferença é imperceptível, mas à medida em que o volume em produção aumenta, a dificuldade de escalar é nata e muitas vezes a solução não é aumentar a infraestrutura. Vejamos então o que as implementações de consultas parametrizadas devem e não devem fazer.

Inicialmente criarei uma tabela com várias colunas que são potenciais características de pesquisa.

– Cria uma tabela de Pessoas
CREATE TABLE Pessoas (
ID INT, Nome VARCHAR(100), SobreNome VARCHAR(100),
Filhos TINYINT, AnoNascimento SMALLINT,
Cidade VARCHAR(100), UF CHAR(2))

– Insere quinze registros
INSERT INTO Pessoas VALUES (01,‘João’,‘Silva’,2,1950,‘São Paulo’,‘SP’)
INSERT INTO Pessoas VALUES (02,‘João’,‘Gonçalves’,1,1990,‘Porto Alegre’,‘RS’)
INSERT INTO Pessoas VALUES (03,‘João’,‘Leite’,0,1992,‘Natal’,‘RN’)
INSERT INTO Pessoas VALUES (04,‘Daniel’,‘Antunes’,0,1986,‘Diadema’,‘SP’)
INSERT INTO Pessoas VALUES (05,‘Daniel’,‘Mendes’,1,1979,‘Manaus’,‘AM’)
INSERT INTO Pessoas VALUES (06,‘Daniela’,‘Petrovisk’,1,1976,‘Salvador’,‘BA’)
INSERT INTO Pessoas VALUES (07,‘Danilo’,‘Silva’,3,1965,‘Brasília’,‘DF’)
INSERT INTO Pessoas VALUES (08,‘Peter’,‘Parker’,0,1989,‘Fortaleza’,‘CE’)
INSERT INTO Pessoas VALUES (09,‘Isabela’,‘Costa’,2,1984,‘São Paulo’,‘SP’)
INSERT INTO Pessoas VALUES (10,‘Regiane’,‘Meira’,5,1945,‘Recife’,‘PE’)
INSERT INTO Pessoas VALUES (11,‘Maíra’,‘Gonçalves’,4,1982,‘São Paulo’,‘SP’)
INSERT INTO Pessoas VALUES (12,‘Nayara’,‘Silva’,2,1950,‘Brasília’,‘DF’)
INSERT INTO Pessoas VALUES (13,‘Patríca’,‘Gomides’,2,1950,‘São Paulo’,‘SP’)
INSERT INTO Pessoas VALUES (14,‘Natália’,‘Arruda’,2,1950,‘Rio de Janeiro’,‘RJ’)
INSERT INTO Pessoas VALUES (15,‘Márcia’,‘Alves’,0,1983,‘Brasília’,‘DF’)

– Completa até 10.000 de registros fixos de São Paulo
DECLARE @i INT
SET @i = 16

WHILE @i <= 10000
BEGIN
INSERT INTO Pessoas VALUES (@i,‘Fulano’,‘Silva’,0,1969,‘São Paulo’,‘SP’)
SET @i = @i + 1
END

– Insere 200 registros com sobrenome “Mendes”
– Insere 200 pessoas que nasceram em 1979
DECLARE @i INT
SET @i = 10001

WHILE @i <= 10200
BEGIN
INSERT INTO Pessoas VALUES (@i,‘Osvaldo’,‘Mendes’,1,1987,‘Brasília’,‘DF’)
INSERT INTO Pessoas VALUES (@i + 200,‘Fabiano’,‘Rocha’,0,1979,‘Rio de Janeiro’,‘RJ’)
SET @i = @i + 1
END

– Cria índices nas colunas potencialmente pesquisáveis e com seletividade
CREATE INDEX IX_SobreNome ON Pessoas (SobreNome)
CREATE INDEX IX_Filhos ON Pessoas (Filhos)
CREATE INDEX IX_AnoNascimento ON Pessoas (AnoNascimento)
CREATE INDEX IX_Cidade ON Pessoas (Cidade)
CREATE INDEX IX_UF ON Pessoas (UF)

O exemplo não retrata 100% da vida real, pois, o cadastro não seria tão concentrado assim. Entretanto, meu objetivo não é bem reproduzir um cadastro, mas sim mostrar que a eficiência dos índices pode ser comprometida por uma determinada implementação (mesmo que ele possua seletividade). Vejamos algumas consultas que possam usufruir da seletividade desses índices:

– Verifica quem nasceu em 1965
SELECT * FROM Pessoas WHERE AnoNascimento = 1965

– Verifica quem tem o sobrenome Gonçalves
SELECT * FROM Pessoas WHERE SobreNome = ‘Gonçalves’

– Verifica quem tem o sobrenome Mendes e nasceu em 1979
SELECT * FROM Pessoas WHERE SobreNome = ‘Mendes’ AND AnoNascimento = 1979

– Verifica quem tem 1 filho e nasceu em Brasília
SELECT * FROM Pessoas WHERE Filhos = 1 AND Cidade = ‘Brasília’

Como é possível perceber, todas as consultas utilizaram os índices. Algumas precisaram combiná-los (Hash Match Inner Join), mas no geral, nenhuma fez nenhuma varredura.

Tradicionalmente, uma tabela de pessoas possui muitas características que servem de argumento de pesquisa e será bem comum que uma aplicação recebe parâmetros para uma, duas ou até todas as características. O comportamento esperado é bem simples. Se a característica for informada, ela deve ser considerada como filtro. Se a característica não for informada, então ela não deve ser considerada como filtro. A seguir uma implementação típica para atender essa necessidade.

– Cria uma procedure de pesquisa
CREATE PROCEDURE UspRecuperaPessoas
@ID INT = NULL,
@Nome VARCHAR(100) = NULL,
@SobreNome VARCHAR(100) = NULL,
@Filhos TINYINT = NULL,
@AnoNascimento SMALLINT = NULL,
@Cidade VARCHAR(100) = NULL,
@UF CHAR(2) = NULL
As

– Recupera Pessoas
SELECT * FROM Pessoas
WHERE
ID = ISNULL(@ID,ID) AND
Nome = ISNULL(@Nome,Nome) AND
SobreNome = ISNULL(@SobreNome,SobreNome) AND
Filhos = ISNULL(@Filhos,Filhos) AND
AnoNascimento = ISNULL(@AnoNascimento,AnoNascimento) AND
Cidade = ISNULL(@Cidade,Cidade) AND
UF = ISNULL(@UF,UF)

Essa é uma implementação típica de consultas parametrizadas. Simples de construir e muito fácil de manter. Basta colocar cada coluna com a função ISNULL e a comparação com o valor da variável correspondente. Caso um coluna seja alterada, retirada ou adicionada basta mudar a cláusula WHERE para refletir essa alteração. Vejamos agora se a eficiência na criação e manutenção se mantém no desempenho.

– Verifica quem nasceu em 1965
EXEC UspRecuperaPessoas @AnoNascimento = 1965

– Verifica quem tem o sobrenome Gonçalves
EXEC UspRecuperaPessoas @SobreNome = ‘Gonçalves’

– Verifica quem tem o sobrenome Mendes e nasceu em 1979
EXEC UspRecuperaPessoas @SobreNome = ‘Mendes’, @AnoNascimento = 1979

– Verifica quem tem 0 filhos e nasceu em Brasília
EXEC UspRecuperaPessoas @Filhos = 1, @Cidade = ‘Brasília’

Como podemos ver, todas as execuções tem o mesmo plano

Ao contrário do que poderia parecer, nenhuma das consultas que anteriormente usavam índices e eram eficientes comportou-se da mesma forma dentro da Stored Procedure. Não é difícil imaginar o porquê disso acontecer. Já é conhecido que a utilização de funções sobre colunas força tende a mudar a execução para um SCAN. Ainda assim, vejamos a reescrita da procedure com uma semântica parecida, mas sem o ISNULL.

– Cria uma procedure de pesquisa
ALTER PROCEDURE UspRecuperaPessoas
@ID INT = NULL,
@Nome VARCHAR(100) = NULL,
@SobreNome VARCHAR(100) = NULL,
@Filhos TINYINT = NULL,
@AnoNascimento SMALLINT = NULL,
@Cidade VARCHAR(100) = NULL,
@UF CHAR(2) = NULL
As

– Recupera Pessoas
SELECT * FROM Pessoas
WHERE
(ID = @ID OR @ID IS NULL) AND
(Nome = @Nome OR @Nome IS NULL) AND
(SobreNome = @SobreNome OR @SobreNome IS NULL) AND
(Filhos = @Filhos OR @Filhos IS NULL) AND
(AnoNascimento = @AnoNascimento OR @AnoNascimento IS NULL) AND
(Cidade = @Cidade OR @Cidade IS NULL) AND
(UF = @UF OR @UF IS NULL)

A semântica dessa versão da procedure é exatamente igual à versão anterior, mas os resultados são um pouco diferentes:

– Verifica quem nasceu em 1965
EXEC UspRecuperaPessoas @AnoNascimento = 1965

– Verifica quem tem o sobrenome Gonçalves
EXEC UspRecuperaPessoas @SobreNome = ‘Gonçalves’

– Verifica quem tem o sobrenome Mendes e nasceu em 1979
EXEC UspRecuperaPessoas @SobreNome = ‘Mendes’, @AnoNascimento = 1979

– Verifica quem tem 0 filhos e nasceu em Brasília
EXEC UspRecuperaPessoas @Filhos = 1, @Cidade = ‘Brasília’

De uma forma geral, todas as execuções tiveram o mesmo plano e dessa vez não foi um TABLE SCAN

A primeira execução utilizava como argumento de pesquisa a data de nascimento. O índice IX_AnoNascimento foi utilizado, mas ao contrário da consulta, a execução da SP fez um SCAN no índice e não um Seek no índice como feito anteriormente. Já a segunda execução utiliza como argumento de pesquisa o sobrenome e não o endereço, mas mesmo assim, a procedure mostrou o plano de execução com o índice IX_AnoNascimento. Isso deve-se ao fato de que a stored procedure compilou um plano de execução e o utilizou sucessivamente para cada uma das quatro execuções. Para uma consulta trivial, esse comportamento é até benéfico, mas para consultas parametrizadas, fica evidente que essa não é uma boa implementação. Para forçar com que a stored procedure produza um novo plano a cada execução devemos usar o WITH RECOMPILE. Normalmente essa é uma cláusula esquecida no momento de se construir uma procedure, mas veremos que ela pode fazer muita diferença.

Agora que a stored procedure foi alterada, vamos a uma nova tentativa:

– Verifica quem nasceu em 1965
EXEC UspRecuperaPessoas @AnoNascimento = 1965

– Verifica quem tem o sobrenome Gonçalves
EXEC UspRecuperaPessoas @SobreNome = ‘Gonçalves’

– Verifica quem tem o sobrenome Mendes e nasceu em 1979
EXEC UspRecuperaPessoas @SobreNome = ‘Mendes’, @AnoNascimento = 1979

– Verifica quem tem 0 filhos e nasceu em Brasília
EXEC UspRecuperaPessoas @Filhos = 1, @Cidade = ‘Brasília’

Com exceção das duas últimas execuções que resultam em TABLE SCAN, parece que o RECOMPILE gerou um plano mais adequado para as duas primeiras execuções:

Ainda que os índices corretos tenham sido utilizados, eles ainda não foram usados de forma performática, pois, ao invés do Seek (pesquisa) utilizada nas consultas, a stored procedure preferiu fazer um Scan (varredura) tornando o resultado menos eficiente. Podemos ver isso muito claramente com o uso do SET STATISTICS IO.

– Ativa as estatísticas de IO
SET STATISTICS IO ON

– Faz a consulta via Query
SELECT * FROM Pessoas WHERE AnoNascimento = 1965

– Executa a SP
EXEC UspRecuperaPessoas @AnoNascimento = 1965

Table ‘Pessoas’. Scan count 1, logical reads 3, physical reads 0, read-ahead reads 0, lob logical reads 0, lob physical reads 0, lob read-ahead reads 0.

Table ‘Pessoas’. Scan count 1, logical reads 24, physical reads 0, read-ahead reads 0, lob logical reads 0, lob physical reads 0, lob read-ahead reads 0.

Os resultados mostram o quanto a stored procedure parametrizada foi menos eficiente. Na consulta são feitas três leituras lógicas, ou seja, três páginas de dados contra 24 páginas de dados no uso da stored procedure. O Seek no índice é 8 vezes mais eficiente em termos de I/O do que o SCAN. Vejamos agora o uso de uma procedure que usa SQL dinâmica.

ALTER PROCEDURE UspRecuperaPessoas
@ID INT = NULL,
@Nome VARCHAR(100) = NULL,
@SobreNome VARCHAR(100) = NULL,
@Filhos TINYINT = NULL,
@AnoNascimento SMALLINT = NULL,
@Cidade VARCHAR(100) = NULL,
@UF CHAR(2) = NULL
As

DECLARE @cmdsql As NVARCHAR(4000)

SET @cmdsql = N’SELECT * FROM Pessoas’ +
N’ WHERE 1 = 1′
+ CASE WHEN @ID IS NOT NULL THEN
N’ AND ID = @pID’ ELSE N” END
+ CASE WHEN @Nome IS NOT NULL THEN
N’ AND Nome = @pNome’ ELSE N” END
+ CASE WHEN @SobreNome IS NOT NULL THEN
N’ AND SobreNome = @pSobreNome’ ELSE N” END
+ CASE WHEN @Filhos IS NOT NULL THEN
N’ AND Filhos = @pFilhos’ ELSE N” END
+ CASE WHEN @AnoNascimento IS NOT NULL THEN
N’ AND AnoNascimento = @pAnoNascimento’ ELSE N” END
+ CASE WHEN @Cidade IS NOT NULL THEN
N’ AND Cidade = @pCidade’ ELSE N” END
+ CASE WHEN @UF IS NOT NULL THEN
N’ AND UF = @pUF’ ELSE N” END;

EXEC sp_executesql @cmdsql,
N’@pID As INT, @pNome As VARCHAR(100), @pSobreNome VARCHAR(100), @pFilhos TINYINT, @pAnoNascimento SMALLINT, @pCidade VARCHAR(100), @pUF CHAR(2)’,
@pID = @ID, @pNome = @Nome, @pSobreNome = @SobreNome,
@pFilhos = @Filhos, @pAnoNascimento = @AnoNascimento,
@pCidade = @Cidade, @pUF = @UF

O uso da SQL dinâmica faz a montagem prévia do comando como um texto e posteriormente dispara sua execução através da instrução sp_executesql ou o EXEC(). Vejamos agora os resultados:

– Ativa as estatísticas de IO
SET STATISTICS IO ON

– Faz a consulta via Query
SELECT * FROM Pessoas WHERE AnoNascimento = 1965

– Executa a SP
EXEC UspRecuperaPessoas @AnoNascimento = 1965

Table ‘Pessoas’. Scan count 1, logical reads 3, physical reads 0, read-ahead reads 0, lob logical reads 0, lob physical reads 0, lob read-ahead reads 0.

Como podemos ver, dessa vez a consulta direta e a stored procedure tiveram exatamente o mesmo plano e comportaram-se de forma eficiente, ou seja, o índice foi utilizado e foi realizado um Seek e não um Scan demandando a leitura de apenas três páginas de dados. As demais execuções também terão os mesmos resultados das consultas. Isso ocorre porque a instrução é montada e executada dinamicamente e nessa montagem, a estrutura do comando é eficiente sem fazer uso de funções como o ISNULL ou operadores como o OR. O único efeito colateral dessa implementação é que o fato da montagem ser baseada em strings pode potencialmente introduzir riscos de SQL Injection e isso demandará do implementador a cautela em validar corretamente seus parâmetros de entrada bem alguns IFs para verificar se há alguma string maliciosa dentro do código. Acredito que seja um trabalho mínimo e realizado uma única vez em benefício das milhares de execuções de uma SP.

Após a demonstração dos cuidados que uma consulta parametrizada dentro de uma SP deva ter, indico as seguintes recomendações:

Não utilize funções ISNULL contra colunas em uma cláusula WHERE

Não utilize comparações do tipo Coluna = @Variavel OR @Variavel IS NULL

Se sua procedure possibilita várias combinações, coloque o WITH RECOMPILE para não gerar planos inadequados

Dê preferência a stored procedures dinâmicas nesse tipo de situação, mas previna-se contra o SQL Injection

Há muitas informações adicionais e uma explicação mais detalhada no livro do Itzik Ben Gan (Inside SQL Server 2005: T-SQL Programming). Há inclusive uma versão desse livro para SQL Server 2008. Recomendo a leitura.

[ ]s,

Gustavo

Qt no Android

2011-05-22T13:13:00.001-03:00

Eight Cool Apps That Show The Power Of HTML5

2011-05-02T07:11:00.001-03:00

There are many tools out there for designers and developers, but getting by free and good ones is not that easy. That is why I am sharing Eight Cool Apps That Show The Power Of HTML5. Read each entry in the list and see which tool suits your needs best.

You are welcome if you want to share more html5 tools and resources that our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com, just subscribe to our rss feed and you can follow us on twitter and follow us on Digg as well to get updated.

vintageJS

vintageJS is a tool where you can upload your images and apply a custom retro,
vintage look to them for free. Just try it out: upload your photo, apply the
vintage effect and share the retro image it with your friends via twitter or
different social networks.

fontdragr

You can drag and drop your truetype (ttf), opentype (otf), scalable vector graphics (svg) or Web Open Font Format (WOFF) fonts in the left hand side module on this website and it will be added to the list. The last font dropped will change the font-family of this text and the above title on the page for preview.

CSS 3.0 Maker

CSS Maker is a free tool to experiment with CSS properties and values and generate a simple stylesheet for your site.

was it up?

This is simple yet very useful site to get a notice when your web page/website goes down. It will notify you by emailing you.

IMGMI

This is IMGMI, a no frills image uploading service. Here, you don’t need an account, you don’t need to see ads, all you need is images.

iPaint

iPaint is essentially the online version of MS Paint program. This is just a demonstration of how we can implement the graphic-based program without worrying
about those what-ifs question and performance. It uses the javascript object-oriented programming technique to construct the basic hierachy of graphics elements.

Canvas Threshold Filter

A threshold filter is a html5 app that converts grayscale or color images into high contrast, black and white images with ease. This threshold filter has been
created with canvas.

Klowdz

Klowdz lets you unleash your creative cloud shape hunting skills and share them with the world. Yoy cab pick from a large number of “blank” clouds,
imagine and draw, then save and share with the world.

7 Excellent Collaboration Tools You Might Now Know About But Should

2011-04-29T08:34:00.001-03:00

There are many collaboration tools are out there, but getting by free and good ones is not that easy. That is why I am sharing 7 Excellent Collaboration Tools You Might Now Know About But Should. Read each entry in the list and see which tool suits your needs best.

You are welcome if you want to share more online collaboration tool that our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com, just subscribe to our rss feed and you can follow us on twitter and follow us on Digg as well to get updated.

Banckle

Banckle creates easy-to-use Collaborative & Social Apps to increase business productivity and sales. The Apps enable business to efficiently share, communicate and discuss anywhere, anytime. This is free for 1 year for everyone.

Webplanner

Webplanner is an online collaborative project management tool. You can use the power of the cloud to brainstorm project goals, phases, tasks, and multiple levels of subtasks with your team. Assign responsibility for tasks to team members, who will be notified automatically, and then work out task details through comments. Upload and share project-related files. Print reports. Schedule your project using a dynamic Gantt chart with dependencies and a critical path view. It will help you track the progress of your project using the Overscreen screen (at left), which includes a project status pie chart, a list of approaching tasks for the whole project and individual team members, a project activity feed,
and a team status list.

ideapi

ideapi allows you to create briefs, proposals and documents quickly, share them easily with your team and/or clients, work together to create better content and share ideas.

managewith.us

managewith.us is a collaborative task manager. Now sharing a task list is simple, just send someone your task list’s unique URL. You’ll be able to see each user’s updates in real-time, the second they happen. Also, there’s no need to sign up, just 1-click and away you go.

collabedit

Collabedit is an online text editor that lets people collaborate in real-time. It works in your web browser so no installation is needed. You can use it as text editor, chat, document history, syntax highlighting for programmers, account to track your documents.

Cacoo

Cacoo is a diagram creation tool that runs in your web browser. Multiple people can work together on the same diagram in real time. Diagrams can be published directly to websites, wikis, and blogs.

Byapp

Byapp task list is a simple to-do list that supports multiple users. It helps you get things done. You can assign tasks to yourself or to others. Add them to lists (project x, personal, Fax, Email) for quick scanning and to check them off when they’re done.

Heaven Tetris Game: Created

2011-04-29T08:25:00.000-03:00

If you are in to yesterday's post about the Heaven tetris game, today is your lucky day because the Internet wins again. There has been a Heaven tetris game created. The game plays normally for a while and then a massive piece comes down that fits your board perfectly.

It is, quite accurately named. Check it out here.

Getting Started with Backbone.js

2011-04-29T08:22:00.000-03:00

Unlike its web development peers, JavaScript has never really had much in the way of frameworks to provide structure. Thankfully, in recent years, that’s beginning to change.

Today, I’d like to introduce you to Backbone.JS, a sweet little library that makes the process of creating complex, interactive and data driven apps so much easier. It provides a clean way to surgically separate your data from your presentation.

Overview of Backbone.JS

Created by Jeremy Ashkenas, the JS ninja who built CoffeeScript, Backbone is a super light-weight library that lets you create easy to maintain front ends. It’s backend agnostic and works well with any of the modern JavaScript libraries you’re already using.

Backbone is a collection of cohesive objects, weighing in at a shade under 4kb, that lend structure to your code and basically helps you build a proper MVC app in the browser. The official site describes its purpose as so:

Backbone supplies structure to JavaScript-heavy applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing application over a RESTful JSON interface.

Let’s face it: the above is a little hard to parse and make sense of. So let’s go ahead and deconstruct the jargon a bit, with help from Jeremy.

Key-value binding and custom events

When a model’s contents or state is changed, other objects that have subscribed to the model are notified so they can proceed accordingly. Here, the views listen to changes in the model, and update themselves accordingly instead of the model having to deal with the views manually.

Rich API of enumerable functions

Backbone ships with a number of very useful functions for handling and working with your data. Unlike other implementation, arrays in JavaScript are pretty neutered, which really is a hampering problem when you have to deal with data.

Views with declarative event handling

Your days of writing spaghetti bind calls are over. You can programmatically declare which callback needs to be associated with specific elements.

RESTful JSON interface

Even though the default method is to use a standard AJAX call when you want to talk to the server, you can easily switch it out to anything you need. A number of adapters have sprung up covering most of the favorites including Websockets and local storage.

To break it down into even simpler terms:

Backbone provides a clean way to surgically separate your data from your presentation. The model that works with the data is only concerned with synchronizing with a server while the view’s primary duty is listening to changes to the subscribed model and rendering the HTML.

A Quick FAQ

I’m guessing you’re probably a little fazed at this point, so let’s clear a few things up:

Does it replace jQuery?

No. They’re pretty complementary in their scopes with almost no overlaps in functionality. Backbone handles all the higher level abstractions, while jQuery – or similar libraries – work with the DOM, normalize events and so on.

Their scopes and use cases are pretty different and because you know one doesn’t mean that you shouldn’t learn the other. As a JavaScript developer, you should know how to effectively work with both.

Why should I be using this?

Because more often than not, the front end code devolves into a steaming, dirty pile of nested callbacks, DOM manipulations, HTML for the presentation amidst other unsayable acts.

Backbone offers a significantly clean and elegant way of managing this chaos.

Where should I be using this?

Backbone is ideally suited for creating front end heavy, data driven applications. Think the GMail interface, new Twitter or any other revelation of the past few years. It makes creating complex apps easier.

While you can shoehorn it for more mainstream web pages, this is really a library that is tailored for web apps.

Is it similar to Cappuccino or Sproutcore?

Yes and no.

Yes, because like the above mentioned frameworks, this is primarily intended for creating complex front ends for web applications.

It’s dissimilar in that Backbone is quite lean, and ships with none of the widget that the others ship with.

Backbone is incredibly light weight, at under 4kb.

There’s also the fact that Cappuccino forces you to write your code in Objective-J, while Sproutcore’s views have to be declared programmatically in JS. While none of those approaches are wrong, with Backbone, normal JavaScript is harnessed by your run of the mill HTML and CSS to get things done, leading to a gentler learning curve.

I can still use other libraries on the page, right?

Absolutely. Not only your typical DOM accessing, AJAX wrapping kind, but also the rest of your templating and script loading kind. It’s very, very loosely coupled, which means you can use almost all of your tools in conjunction with Backbone.

Will it usher in world peace?

No, sorry. But here’s something to cheer you up.

Ok, now with that out of the way, let’s dive in!

Getting to Know Backbone’s Backbone

The MVC in Backbone originally stood for Models, Views and Collections, since there were no controllers in the framework. This has since changed.

Backbone’s core consists of four major classes:

Model

Collection

View

Controller

Since we’re a little strapped for time, let’s take a look at just the core classes today. We’re going to do a follow up tut with a super simple app to demonstrate the concepts taught here since it’d be too much to put everything in a single article and expect the reader to parse everything.

Keep your eyes peeled over the next couple of weeks!

Model

Models can mean different things in different implementations of MVC. In Backbone, a model represents a singular entity — a record in a database if you will. But there are no hard and fast rules here. From the Backbone website:

Models are the heart of any JavaScript application, containing the interactive data as well as a large part of the logic surrounding it: conversions, validations, computed properties, and access control.

The model merely gives you a way to read and write arbitrary properties or attributes on a data set. With that in mind, the single liner below is completely functional:

var Game = Backbone.Model.extend({});

Let’s build on this a bit.

var Game = Backbone.Model.extend({
       initialize: function(){
           alert('Oh hey! ');
       },
    defaults: {
           name: 'Default title',
           releaseDate: 2011,
       }
   });

initialize will be fired when an object is instantiated. Here, I’m merely alerting out inanities — in your app you should probably be bootstrapping your data or performing other housekeeping. I’m also defining a bunch of defaults, in case no data is passed.

Let’s take a look at how to read and write attributes. But first, let’s create a new instance.


// Create a new game
var portal = new Game({ name: 'Portal 2', releaseData: 2011});

// release will hold the releaseDate value -- 2011 here
var release = portal.get('releaseDate');

// Changes the name attribute
portal.set({ name: 'Portal 2 by Valve'});

If you noticed the get/set mutators, have a cookie! A model’s attributes can’t be read through your typical object.attribute format. You’ll have to go through the getter/setter since there’s a lower chance of you changing data by mistake.

At this point, all the changes are only kept in memory. Let’s make these changes permanent by talking to the server.

portal.save();

That’s it. Were you expecting more? The one-liner above will now send a request to your server. Keep in mind that the type of request will change intelligently. Since this is a fresh object, POST will be used. Otherwise, PUT is used.

There are a lot more features, Backbone models give you by default but this should definitely get you started. Hit the documentation for more information.

Collection

Collections in Backbone are essentially just a collection of models. Going with our database analogy from earlier, collections are the results of a query where the results consists of a number of records [models]. You can define a collection like so:

var GamesCollection = Backbone.Collection.extend({
 model : Game,
 }
});

The first thing to make note of is that we’re defining which model this is a collection of. Expanding on our example earlier, I’m making this collection a collection of games.

Now you can go ahead and play around with your data to your hearts contents. For example, let’s extend the collection to add a method that returns only specific games.

var GamesCollection = Backbone.Collection.extend({
 model : Game,
 old : function() {
   return this.filter(function(game) {
     return game.get('releaseDate') < 2009;
   });
 }
 }
});

That was easy, wasn’t it? We merely check if a game was released before 2009 and if so, return the game.

You can also directly manipulate the contents of a collection like so:

var games = new GamesCollection
games.get(0);

The above snippet instantiates a new collection and then retrieves the model with an ID of 0. You can find an element at a specific position through referencing the index to the at method like so: games.at(0);

And finally, you can dynamically populate your collection like so:

var GamesCollection = Backbone.Collection.extend({
 model : Game,
 url: '/games'
 }
});

var games = new GamesCollection
games.fetch();

We’re merely letting Backbone where to get the data from through the url property. With that done, we’re merely creating a new object and calling the fetch method which fires of an asynchronous call to the server and populates the collection with the results.

That should cover the basics of collections with Backbone. As I mentioned, there are tons of goodies here what with Backbone aliasing a lot of nifty utilities from the Underscore library. A quick read through of the official documentation should get you started.

View

Views in Backbone can be slightly confusing at first glance. To MVC purists, they resemble a controller rather than a view itself.

A view handles two duties fundamentally:

Listen to events thrown by the DOM and models/collections.

Represent the application’s state and data model to the user.

Let’s go ahead and create a very simple view.

GameView= Backbone.View.extend({
 tagName : 'div',
 className: 'game',
 render : function() {
   // code for rendering the HTML for the view
 }
});

Fairly simple if you’ve been following this tutorial so far. I’m merely specifying which HTML element should be used to wrap the view through the tagName attribute as well as the ID for it through className.

Let’s move ahead to the rendering portion.

 render : function() {
   this.el.innerHTML = this.model.get('name');

  //Or the jQuery way
  $(this.el).html(this.model.get('name'));
 }

el refers to the DOM element referenced by the view. We’re simply accessing the game’s name to the element’s innerHTML property. To put it simply, the div element now contains the name of our game. Obviously, the jQuery way is simpler if you’ve used the library before.

With more complicated layouts, dealing with HTML within JavaScript is not only tedious but also foolhardy. In these scenarios, templating is the way to go.

Backbone ships with a minimal templating solution courtesy of Underscore.JS but you’re more than welcome to use any of the excellent templating solutions available.

Finally, let’s take a look at how views listen to events. DOM events first.

events: {
       'click .name': 'handleClick'
   },

handleClick: function(){
    alert('In the name of science... you monster');

    // Other actions as necessary
}

Should be simple enough if you’ve worked with events before. We’re basically defining and hooking up events through the events object. As you can see above, the first part refers to the event, the next specifies the triggering elements while the last part refers to the function that should be fired.

And now onto binding to models and collections. I’ll cover binding to models here.

GameView= Backbone.View.extend({
initialize: function (args) {
       _.bindAll(this, 'changeName');
    this.model.bind('change:name', this.changeName);
},
});

The first thing to note is how we’re placing the binding code in the initialize functions. Naturally, it’s best to do this from the get go.

bindAll is a utility provided by Underscore that persists the value of a function’s this value. This is specially useful since we’re passing a bunch of functions around and functions specified as callbacks have this value erased.

Now whenever a model’s name attribute is changed, the changeName function is called. You can also make use of the add and remove verbs to poll for changes.

Listening to changes in a collections is as simple as replacing model with collection while binding the handler to the callback.

Controller

Controllers in Backbone essentially let you create bookmarkable, stateful apps by using hashbangs.

var Hashbangs = Backbone.Controller.extend({
 routes: {
   '!/':                 'root',
   '!/games':        'games',
 },
 root: function() {
   // Prep the home page and render stuff
 },

 games: function() {
   // Re-render views to show a collection of books
 },
 });

This is very familiar to routing in traditional serverside MVC frameworks. For example, !/games will map to the games function while the URL in the browser itself will be domain/#!/games.

Through intelligent use of hashbangs, you can create apps that are heavily JS based but also bookmarkable.

If you’re worried about breaking the back button, Backbone has you covered too.

// Init the controller like so
var ApplicationController = new Controller;

Backbone.history.start();

With the above snippet, Backbone can monitor your hashbangs and in conjunction with the routes you’ve specified earlier, make your app bookmarkable.

What I Learned from Backbone

Overall, here are some lessons I learned from the Backbone way of creating applications:

We really need MVC for the front end. Traditional methods leave us with code that’s too coupled, messy and incredibly hard to maintain.

Storing data and state in the DOM is a bad idea. This started making more sense after creating apps that needed different parts of the app to be updated with the same data.

Fat models and skinny controllers are the way to go. Workflow is simplified when business logic is taken care of by models.

Templating is an absolute necessity. Putting HTML inside your JavaScript gives you bad karma.

It’s sufficient to say that Backbone has caused a paradigm shift in how front ends should be constructed, at least for me. Given the very broad scope of today’s article, I’m sure you have a ton of questions. Hit the comments section below to chime in. Thank you so much for reading and expect a ton more Backbone tutorials in the future!

Five Web Apps That Are Worth Checking Out

2011-03-25T08:44:00.000-03:00

Five Web Apps That Are Worth Checking Out: "

There are many web apps out there for routine usage, but getting by free and good ones is not that easy. That is why I am sharing The Five Web Apps That Are Worth Checking Out. Read each entry in the list and see which tool suits your needs best.

You are welcome if you want to share more web apps that our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com, just subscribe to our rss feed and you can follow us on twitter and follow us on Digg as well to get updated.

RemindThis

The use of RemindThis is simple, efficient, powerful and easy to implement. Moreover, the service is given free and helps many websites around the web to increase traffic to them and also to pleasantly and quickly remind them to return to websites they were interested in.

messageHop

messageHop is a simple yet fast and easy way to create a special animated message for loved ones.

Convore

Convore is a quick way to instant message with groups of friends in real-time. You can join in on conversations about topics that interest you, or start your own conversations. Don’t worry about missing anything, because we keep track of what you’re not seeing, so that when you return, you can easily catch up.

SlideBomb

This is absolutely not your typical slideshow. With SlideBomb, You can add Youtube videos, Google Maps, images, links to images, text, and more to your slides for sharing and embedding anywhere.

Greplin

Greplin is a personal search engine that allows you to search all your online data in one easy place. Greplin indexes the information you create on different websites (like Gmail, Twitter and Facebook) and provides lightning fast search of all your information.

Brought To You By

Do you want to advertise here? Click to get more info…

Dez aplicativos Web Excelente para simplificar a vida Designer de Trabalho

2011-01-26T11:03:00.001-02:00

Dez aplicativos Web Excelente para simplificar a vida Designer de Trabalho: "

Existem muitos web apps lá fora para os designers, mas passando os gratuitos e bons que não é fácil. É por isso que estou compartilhando Os Dez Excelente Web Apps para simplificar Designer de Vida no Trabalho. Leia cada entrada na lista e ver qual instrumento se adapte às suas necessidades.

Você é bem-vindo se você deseja compartilhar na web apps mais que os nossos leitores / telespectadores podem gostar. Queres ser o primeiro a conhecer os mais recentes acontecimentos na SmashingApps.com, basta assinar o nosso feed RSS e você pode acompanhar-nos no twitter e siga-nos no Digg , bem como para ficar atualizado.

X-Icon Editor

X-Icon Editor é uma aplicação HTML5 (baseado em <canvas>) que permite que você crie ícones de alta resolução que permite que seus sites brilhar com IE9. Com o X-Icon Editor você pode obter rapidamente o seu site pronto com um grande ícone, que estará disponível para os sites e derrotou a página de nova guia.

HtmlForm

HTMLform.com é totalmente gratuito. Basta criar seu formulário HTML, baixá-lo e é isso, a forma é seu. Seu formulário HTML não requer qualquer tipo de programação ou configuração para funcionar. Com HTMLForm.com você será capaz de facilmente criar qualquer forma em HTML que você precisa. Você terá os componentes mais popular: texto e numéricos campos, caixas de seleção, selecionadores de data, bem como outros campos especiais: país, estado, região, website, e-mail, número de telefone.

Spritebox

Spritebox é uma ferramenta WYSIWYG para ajudar os designers web rápida e facilmente criar classes e IDs de uma imagem única sprite. É baseado no princípio do uso da propriedade background-position para alinhar as áreas de uma imagem de sprite em elementos de bloco de uma página web. Ela foi feita usando uma combinação de JQuery CSS3 e HTML5, e é totalmente livre para uso.

MarkUp

MarkUp permite desenhar em qualquer página web com uma variedade de ferramentas para expressar seus pensamentos, fazer um ponto ou simplesmente editar.

Fonte Comparer

Esta é uma ferramenta para comparar fontes web de uma forma simples. A vantagem de utilizar essas fontes é que elas podem ser usadas de forma dinâmica em vez de usar imagens estáticas.

GeneratePrivacyPolicy.com

Este site oferece um usuário gerador de políticas favoráveis privacidade on-line que podem ajudar você a criar uma política de privacidade livres voltados especificamente para o seu site e como operá-lo.

Gridulator

Gridulator largura seu layout eo número de colunas que você deseja, e ele vai cuspir de volta todas as grades possível que tenham bom inteiros, redondos. Apenas a coisa para designfolk baseada em pixels. Há previews inline, cortesia do elemento de tela, e quando estiver tudo pronto Gridulator pode colocar no tamanho completo PNGs para você, pronto para uso em seus documentos CSS, Photoshop, ou o que você tem. E não há controle de teclado completo para você poder snazzy usuários.

Uptime Robô

Uptime do robô é de ajudar você a manter seus sites acima. Ele monitora seus sites a cada 5 minutos e avisa se os sites estão abaixo.

Impressionante Fontstacks

Fontstacks Awesome corresponder automaticamente fontes com base em métricas de digitação, otimizar os pacotes de fontes para o seu destino, e proporcionar sólida CSS para as fontes e seus fallbacks para copiar e colar.

Xeo CSS

Xeo CSS é uma ferramenta de estilo totalmente baseado na web para web designers. Com este aplicativo, você pode criar páginas web em detalhes sem codificação.

Trazido a você por

Deseja anunciar aqui? Clique aqui para obter mais informações ...

The 69 Coolest Apps de 2010

2011-01-26T11:02:00.001-02:00

The 69 Coolest Apps de 2010: "

O ano de 2010 está quase terminado. Nós exploramos e revisto tantas ferramentas e recursos úteis para você todo o ano. Hoje, vamos dar uma olhada em algumas das aplicações web que temos recursos que nós pensamos que você gostaria de favoritos para 2011. Espero que designers, desenvolvedores e programadores vão gostar desta lista, mas você também pode usá-los e amá-los se você é um trabalhador de escritório, um gerente, um supervisor, um estudante, um usuário doméstico, etc Eles são realmente surpreendentes no que diz respeito às suas características. Esta é a lista de 69 Coolest Web Apps de 2010 no Trabalho. Temos os categorizou como Web Apps, aplicativos de desktop e / Smartphone Tablet PC Apps. Basta dar uma olhada neles e partilhar o seu pensamento está aqui.

Você é bem-vindo se você quiser compartilhar mais aplicativos interessantes que os nossos leitores / telespectadores podem gostar. Queres ser o primeiro a conhecer os mais recentes acontecimentos na SmashingApps.com basta assinar o nosso feed RSS e você pode nos seguir no twitter como também.

Web Apps

Join.me

Join.me é um espaço de reunião improvisada que acontece sempre, sempre. Está ficando um segundo ou terceiro par de olhos em sua apresentação do outro lado do corredor ou do outro lado do continente. É compartilhando a tela instantaneamente com qualquer um ou todos para fazer outras coisas, de forma rápida.

Kodingen

Kodingen Online é um ambiente de desenvolvimento incluindo o editor de código, Hospedagem Cloud, administração de banco de dados, colaboração, acesso à Web a partir do sistema de arquivos, FTP baseado na web e integração svn.

Escrever Maps

Escrever Maps é um aplicativo web gratuito que permite aos seus usuários criar, editar e compartilhar on-line sitemaps. Com os Sitemaps, um blogueiro pode facilmente planejar o layout de seu mais novo site de acordo com seu tema e para quem gosta de trabalhar em equipe, a capacidade de colaborar e trabalhar em um projeto sobre um mapa do site armazenados centralmente através Escrever Maps é uma ótima maneira de começar o trabalho feito.

MyStickies

MyStickies permite adicionar notas a páginas da web enquanto você está visitando a página e salvá-lo para mais tarde. As páginas web salvas podem ser posteriormente revisto e editado a partir de qualquer outro computador. MyStickies não só as páginas da web favoritos em seu repositório on-line, mas também salva as páginas como você adicionou conteúdo sobre ele e apresenta-lo da mesma maneira depois. MyStickies é totalmente gratuito para uso.

PhotoPeach

PhotoPeach é um excelente serviço gratuito da web criação baseada slideshow que permite criar, compartilhar e incorporação de apresentações on-line para qualquer tipo de conteúdo que você quiser. Um se inscrever é necessário para usar o serviço.

Sketchfu

Sketchfu é o site de desenho simples, onde as pessoas podem compartilhar seu desenho com o outro.

Wix

Com Wix você pode criar um site gratuito ou fazer o seu MySpace layouts free e layouts Flash MySpace. É o mais simples, maneira mais rápida, melhor para a construção e design na web.

HRLocker

HRLocker é de baixo custo do software de gestão de RH concebido para gerir registro do empregado e as coisas associadas a ele. Com HRLocker você pode agilizar licença anual e ausência de gestão, gestão de documentos de RH online, organizar folhas de tempo e gerar relatórios. HRLocker vem com um monte de opções de personalização também.

GoWaza

GoWaza é um serviço web que ajuda você a planejar suas viagens. Você digita o seu destino, juntamente com as datas de entrada e saída, conseqüentemente, uma lista de hotéis nas proximidades e seus preços são fornecidos. Os locais são marcados em um mapa pequeno que pode ser ampliado. Você pode compartilhar seus mapas criados e viagens com seus amigos que têm contas em GoWaza.

Mobyko

Mobyko lhe dá total controle sobre seu celular, uma vez que permite com segurança backup de seus contatos e seus dados online, de forma segura na sua conta Mobyko. Também apresenta ao vivo a sincronização de contatos da agenda telefônica, calendário e apresentar em seu celular em sincronia com os presentes online assim que se você fizer alterações em um ou outro, seus dados permanece consistente por toda parte.

NameChk

recurso NameChk e uso é bastante simples: ele simplesmente verificar a disposição do usuário de redes sociais entraram em muitos sites e social bookmarking.

PrintWhatYouLike

Cansado de impressão de páginas da web só para encontrar a sua impressão está cheia de anúncios, o espaço vazio e outro lixo que você não quer? PrintWhatYouLike é um editor on-line gratuito que lhe permite formatar qualquer página da web para a impressão em segundos.

Abouthisite

Através Abouthisite você pode encontrar os principais elementos de um site - nome do proprietário, os visitantes diários, a língua, local do servidor, a localização do servidor em um mapa, imagem em miniatura da homepage, ea composição de cores da imagem em miniatura.

Clarabóia

Skylight coloca poderoso mas fácil de usar ferramentas de gestão de negócios nas mãos de toda a equipe, dentro ou fora do escritório. Skylight auxilia os usuários a alcançar o sucesso, proporcionando a qualquer hora, o acesso a informações empresariais importantes. Projetos, contatos, recursos, contas e arquivos em um só lugar.

TimsFreeStuff editor de HTML

Este editor HTML em tempo real resolve o problema da constante alternância entre as janelas do navegador e dá um show ao vivo do que o código HTML ficaria assim em um painel de visualização separada. Isso resolve o problema do primeiro escrever o código HTML no software de desenvolvimento web e, em seguida, testá-lo na janela do navegador.

dushare

dushare é um simples serviço de arquivo de transferência de arquivos direta. Faz o envio de tamanhos de arquivos ilimitados entre duas pessoas tão simples como clicar em um link. Você pode enviar arquivos diretamente para seus colegas (P2P), sem servidor para upload / download.

Qhub

Qhub é uma plataforma que você pode usar no seu blog ou site que permite que o público a fazer perguntas e obter respostas reais, não apenas ajudar a responder perguntas que permite uma verdadeira comunidade a desenvolver em torno de seu site.

SnapBird

SnapBird é uma ferramenta online gratuita que ajuda você a busca do Twitter para as coisas de uma maneira muito melhor do que a busca nativa do Twitter permite. Usando SnapBird você pode procurar uma determinada palavra-chave no fluxo de um usuário do Twitter em particular. Você também pode procurar por itens em Tweets com sua fala ou na DMs enviados e recebidos (mensagens diretas). Além dessas características, SnapBird permite pesquisar itens em Tweets muito antiga, juntamente com as mais recentes.

Slide Deck

Slideshows em sites de servir a um propósito importante: eles simplesmente permitem-lhe mostrar o último ou o conteúdo mais popular do seu site. Em vez de gastar muito tempo de codificação até a apresentação de slides, você pode usar Slide Deck. Slide Deck irá fornecer-lhe a apresentação de slides que você deseja para seu site. Ele vem como uma jQuery plug-in e um plug-in WordPress.

TeamworkPM

TeamworkPM é uma ferramenta online que podem ajudar você a gerenciar as tarefas de uma forma fácil. Não importa quão grande ou pequeno sua equipe, o serviço online vai ajudar você a configurar uma terra boa comunicação para sua equipe.

Website teste

Através da "Webpage Test" você pode definir um número de parâmetros antes de você começar a testar um URL. Os resultados dos testes são amplamente discriminados em testes de velocidade, o arquivo JavaScript tamanhos, cores e tamanhos de arquivo de imagem. O site também oferece ferramentas para comparar o desempenho de vários sites.

LiveMocha

LiveMocha oferece planos gratuitos e pagos. Ela oferece aos seus usuários com uma combinação única de tutoriais e prática com nativos de todo o mundo.

Ressalto

Bounce é um pequeno aplicativo que permite que as pessoas rapidamente para adicionar comentários a qualquer página da web e que lance frente e para trás com outras pessoas.

Projeto da bolha

Bubble Project é uma ferramenta simples e fácil para gerenciar seus projetos de clientes e faturas. Sua interface intuitiva facilita a gestão do projecto de uma brisa. Você pode facilmente gerar faturas PDF e receber o pagamento através do PagSeguro.

iCloud

iCloud permite que você faça exatamente isso. iCloud é um serviço web que oferece a seus usuários um desktop virtual. Depois de criar uma conta e fazer login para ele, você carrega desktop virtual para cima.

Flash Paint

Flash Paint é uma completa ferramenta de desenho de web based com muitos recursos de desenho. A característica que mais gostei foi a sua capacidade de criar complexos desenhos geométricos com facilidade. Isto foi conseguido através de uma combinação de linhas e curvas que você pode modificar facilmente.

Zoho

Zoho é o nome de uma coleção de serviços. As entradas que você vê na imagem acima são apenas algumas das que Zoho tem para oferecer. Nós podem se inscrever para uma conta e utilizar os serviços do Zoho facilmente reunir idéias e criar mais modificar arquivos / documentos / imagens / apresentações em grupo. Clique aqui para visitar a Zoho.

WhatTheFont

WhatTheFont reconhece fontes da mesma forma como IdentifyFont. A imagem que pode ser upload de GIF, JPEG, TIFF ou formato de imagem BMP e não devem ter mais de 25 caracteres. Como os personagens são digitalizados pelo site, é-nos pedido para confirmar se o personagem direito foi confirmado. O site, em seguida, passa a analisar cada personagem e encontrar a nossa fonte.

IDriveSync

IDriveSync sincroniza arquivos on-line e através de múltiplos computadores. Sobre como instalar e logar no aplicativo, ele abre uma área "Sync", onde você pode arrastar os arquivos-n-gota do seu PC ou adicionar em seus arquivos em. Quando você faz uma alteração nos dados sincronizados em qualquer lugar os vários PCs, os PCs em breve, reflectir os dados modificados. IDriveSync é fácil partilhar também.

1DayLater

1DayLater é um site gratuito que permite aos usuários inserir tarefas e inserir o valor dessas tarefas, quer em unidades de tempo, dinheiro ou unidades de distância. Uma vez que temos todas as nossas tarefas alimentados em nossa conta 1DayLater, podemos visualizar gráficos de nossas atividades e variar os parâmetros do gráfico para ver o que o nosso tempo / dinheiro / distância está sendo concentrada no.

Youblisher

Com Youblisher você pode fazer seus documentos em PDF flippable e atraente estilo de apresentação à procura do livro. É como tocar um documento real.

Mirante

Mirante é uma aplicação gratuita compatível com os principais sistemas operacionais móveis. Além da localização remota e controle remoto recursos, o pedido também foi construído com ferramentas de antivírus e firewall que protege contra malware.

Página da Web para PDF

Web2PDF Converter ajuda os usuários de Internet, editores de sites e blogueiros para salvar seu conteúdo em PDF e em seguida, compartilhar, imprimir ou arquivá-lo. Web2PDF Converter é rápido, poderoso e fácil de instalar.

Springnote

Springnote é uma ótima maneira para você criar cadernos de idéias, interesses, multimídia, projetos e documentos. Ele permite a você criar páginas, a trabalhar com eles, juntamente com seus amigos e para compartilhar arquivos.

Crocodoc

crocodoc leva seus PDFs, documentos do Word e apresentações do PowerPoint, e permite que você visualize e marcá-los on-line. Os documentos podem ser compartilhados com outras pessoas, que pode destacar de forma colaborativa ou texto riscado, adicionar notas e comentários, e fazer revisões. Todos os arquivos são armazenados de forma segura em seus servidores, e pode ser protegido por senha e criptografados para segurança máxima.

Dial2Do

Dial2Do permite fazer tarefas comuns por apenas chamando um número e falar. Você pode usá-lo para enviar mensagens de texto ou email, lembretes de registro para ajudar você a lembrar das coisas, atualizações de postar em seu Twitter ou o Jaiku stream e ouvir o seu conteúdo na Internet favorito. É fácil e mãos-livres.

AppliancesEnergyUse

AppliancesEnergyUse listas de entrada de energia de quase 50 aparelhos domésticos. Ao descobrir o quanto de energia que estamos usando em simultâneo, podemos ver se estamos a desperdiçar energia. Nós também podemos definir uma meta de poder pessoal para nós mesmos e prometem nunca se cruzam, que potência em um dado momento. Se somos ou não cruzar o nosso objetivo pode ser determinada por AppliancesEnergyUse.

Draw Anywhere

DrawAnywhere é um site online de diagramação, onde você pode desenhar, modificar e fluxogramas e diagramas de outras partes, com o look & feel de uma aplicação desktop. Ele roda em qualquer navegador com o Flash 9 instalado. Não é necessário baixar e instalar qualquer software personalizado. Ele roda inteiramente na web, e assim é uma solução sempre-em-acesso em qualquer lugar. Ele atende todas as suas necessidades de diagramação, sem instalação, manutenção e compra de softwares caros.

Google Notebook

Google Notebook é uma aplicação on-line gratuito oferecido pelo Google que permite aos utilizadores guardar e organizar clips de informação, enquanto fazem pesquisa online. A ferramenta baseada em navegador permite que um usuário escrever notas, texto e clip de imagens e salvar links de páginas durante uma sessão de browser. As informações são salvas em um "notebook" on-line com recursos de compartilhamento e colaboração. Notebooks podem ser feitas "público", ou visível para os outros, e também pode ser usado para colaborar com uma lista de utilizadores (quer público ou privado).

Desktop Apps

Recuva

Acidentalmente apagou um arquivo importante? Perdeu alguma coisa importante quando seu computador travou? Não tem problema! Recuva recupera arquivos apagados do seu computador com Windows, Lixeira, cartão de câmera digital ou MP3 player. Mesmo que você tenha formatado um disco para que fique em branco, o Recuva ainda pode encontrar os arquivos nele.

YouTube Jockey

Com jockey YouTube você pode salvar os vídeos do YouTube que você assistir sem ter que logar com sua conta do YouTube ou do Google. YouTube Jockey é um reprodutor de vídeo baseado em plataforma Adobe Air e tem a capacidade de busca de vídeos do YouTube de dentro do player e arrastar e soltar funcionalidade de reprodução de vídeos.

Cloud Magic

Cloud Magic é uma ferramenta web gratuita que funciona como uma extensão do navegador para o Mozilla Firefox e Google Chrome para as pessoas que executam o Mac, Windows ou Linux máquinas. Os índices de extensão de todos os e-mails e os dados localmente. Em seguida, ele fornece uma interface para que você possa pesquisar rapidamente os e-mails. O tempo de resposta é surpreendente, porque a pesquisa é realizada localmente em vez de online. Cloud Magic suporta indexação várias contas do Gmail.

AVG Anti-Virus Free Edition 2011

O AVG Free oferece Proteção básica antivírus e antispyware para Windows e está disponível para download gratuito. Ele pode funcionar como uma protecção rápida e eficaz contra vírus e spyware. Você vai ficar protegidos em redes sociais com o AVG Proteção Social Networking.

Elmedia Media Player Mac

Elmedia Mac media player é uma ferramenta versátil que suporta a reprodução de vários formatos (FLV, SWF, XAP (Silverlight), RM e RV (Real), AVI, MOV, MP4, WMV). Não é preciso instalar um player separado para cada vídeo que deseja assistir. Aproveite a sua seleção com Elmedia Player.

Freemake

Freemake é um conversor de vídeo instalação para sistemas operacionais Windows. Além de converter vídeos para AVI, MP4, 3GP e formatos de DVD, o aplicativo também pode rasgar DVDs, rasgar o áudio de vídeos e vídeos dividir e enviá-los para o YouTube como biblioteca.

Dicionário do Google

Extensão do Google Dictionary é uma extensão do próprio Google para o seu próprio browser, o Chrome. Com a extensão instalada, os usuários do Chrome já não precisam de nenhum dicionário favorito websites. A extensão simplifica buscando significados das palavras, eliminando a necessidade de visitar um Web site do dicionário em uma nova aba.

Destaques Apture

Destaques Apture é uma ferramenta gratuita, construído a partir do solo até deixá-lo tomar o poder de pesquisa do Google, e pela riqueza do YouTube, Flickr, Twitter e Wikipedia com você para qualquer sítio. Basta destacar uma frase em qualquer site para revelar melhor o conteúdo da web sem precisar sair da página. Rápido, forte e divertido.

Lunascape

Lunascape é o mundo apenas um navegador triplo do motor. Com Lunascape, você pode escolher o motor certo na hora certa, percebendo uma diminuição dramática em questões de compatibilidade do navegador web, longos tempos de carga e desarrumada exibir websites. Você precisa de apenas 2 cliques para alterar o seu motor. Lunascape é 20 vezes mais rápido que o IE7, 6,5 vezes mais rápido que o IE8. E ele fica-se! Fomos cabeça a cabeça com o bem-conhecido "rápida" dos navegadores, e conseguiram uma velocidade mais rápida do JavaScript.

Smart Defrag

Smart Defrag é um utilitário pequeno porte compatível com apenas 1,8 MB. Quando você executar o programa, você pode visualizar todas as partições do seu disco rígido. Clique na partição que você sente é responder lentamente, e realizar uma análise para ver se algum ficheiros necessitam de desfragmentação.

AppFresh

AppFresh ajuda a manter todos os aplicativos, widgets, painéis de preferências e plugins aplicativo instalado no seu Mac atualizados. Todas de um lugar, fácil de usar e totalmente integrado ao Mac OS X.

CodySafe

CodySafe é um programa simples de usar que pode ser instalado em qualquer unidade flash ou mídia removível. O instalador tem apenas 2.1 MB de tamanho e instala diretamente em seu flash drive.

IE Tab

Alguns locais só podem ser exibidas usando o IE, e com esta extensão você pode agora ver os sites sem deixar Chrome. Ideal para desenvolvedores web que querem testar o motor de renderização do IE, os usuários que utilizam os sites com os controles ActiveX, e os usuários que querem usar o explorador de exibição para os arquivos locais.

Windows Memory Diagnostic

Microsoft tem sua própria ferramenta de teste de memória e é chamada Windows Memory Diagnostic. O programa realiza uma série de extensos testes em seu sistema para encontrar qualquer coisa de errado com a memória do computador. Esta ferramenta também lhe dá as opções para criar uma disquete ou CD / DVD (queimando a imagem). Iniciar a partir do disco ou de disco óptico irá automaticamente iniciar o processo de teste.

CCleaner

CCleaner é o número-uma ferramenta para limpar o seu PC Windows. Ele protege sua privacidade online e torna seu computador mais rápido e mais seguro. Fácil de usar e um download pequeno e rápido.

FastestFox - Browse Faster

Você pode economizar tempo e chegar mais rápido, de downloads em paralelo, definições rápidas, auto-carregamento da página seguinte, melhorou a pesquisa, e pode fazer mais com FastestFox.

iSynchronize

iSynchronize é uma aplicação que sincroniza o arquivo ou pasta original de aliases. Ele cria uma pasta em seu diretório home, onde você pode colocar tanto os arquivos e pastas reais ou apelidos, e depois sincroniza o conteúdo para outra pasta que você especificar. O pedido conclui um daemon que funciona al em segundo plano.

ComparePSD

ComparePSD compara dois arquivos Adobe Photoshop PSD para você e destaca as diferenças. É possível comparar a diferença de camada por camada, efeito por efeito. ComparePSD permite que você selecione os arquivos no Windows Explorer, botão direito do mouse sobre eles.

Smartphone e Tablet PC Apps

0.03 Segundos

0,03 segundos foi o jogo top IOS em muitos países dentro de 2 dias de seu lançamento. O jogo, tamanho de 11,9 MB, ajuda a avaliar o seu tempo de reação. Através de uma variedade de respostas que determina o quão rápido você reagir e toque no ecrã.

Read It Later

Quando você se deparar com um artigo ou uma página web que você gostaria de ler mas não pode, nesse momento, guarde-o ler mais tarde lista. Você pode lê-lo sempre que você tem um momento, no sofá, em seu trajeto, no avião, trem ou praticamente
em qualquer lugar.

Google Mobile App

Você pode usar o Google Mobile App para busca rápida de seus telefones. Ele tem algumas características surpreendentes, como você pode falar suas consultas em vez de digitar, use imagens para pesquisar na web, evite digitar sua localização actual enquanto procurava empresas próximas (por exemplo, "pizza" ou "melhor compra"). Você também pode navegar rapidamente para outros serviços do Google, como Gmail e Maps. Disponíveis no iPhone, Android, BlackBerry, Windows e Nokia S60.

Xadrez com amigos

Este jogo simples permite jogar xadrez através da rede com um amigo ou um jogador aleatório. funcionalidade simples do jogo e gráficos realistas tornam o jogo vale a pena.

LEGO Foto

Aqui está um aplicativo para imortalizar as suas coisas favoritas e aqueles momentos especiais em forma de LEGO. Basta apontar a câmera, tirar uma foto, pressione o botão e assista a obra-prima construir.

WordPress para o Android

A versão inicial do WordPress para o Android tem se concentrado em dar-lhe a capacidade de gerenciar seu blog sobre a ir embora. Você pode gerenciar mensagens, comentários, páginas.

Google Earth

Com o Google Earth para o iPhone, IPAD, e iPod touch, você pode voar para longe os cantos do planeta com apenas um furto de um dedo. Explore o mesmo satélite global e imagens aéreas disponíveis na versão desktop do Google Earth, incluindo imagens de alta resolução para mais de metade da população mundial e um terço da massa terrestre do mundo.

Wi-Fi Finder

Este aplicativo para o iPhone tem o uso tremenda. Em vez de sacudir o telefone para descobrir um sinal Wi-Fi bom, você pode Wi-Fi Finder para encontrar muitos pontos de acesso pago e gratuito Wi-Fi gratuito. O aplicativo tem indexado mais de 280 mil localidades em 140 países.

Hair Makeover Lite

Você quer descobrir qual é o melhor penteado para você e seus amigos? Com Hair Makeover você pode experimentar muitos tipos diferentes de penteados e cortes de cabelo em menos de um minuto sobre o seu iPhone. Existem 32 32 penteados que você pode tentar neste app.

Lightning Bug - Relógio Sleep

Apenas correr e correr e tendo controle sobre seus hábitos alimentares não é importante. Estudos mostram que o sono é igualmente necessária para o corpo para ficar em forma. Agora, com Lightning Bug - Relógio Sleep relaxar e dormir mais fácil jogando sons suaves. Ele também pode acordá-lo após o tempo especificado para mantê-lo ir.

Aves Angry

Aves Angry é um jogo de quebra-cabeça desenvolvido pela Finlândia baseado Rovio Mobile. Desde o seu lançamento para o iPhone e iPod Touch, mais de 10 milhões de cópias do jogo foram comprados e surgiram versões para outros smartphones touchscreen baseado. Você pode baixar esse aplicativo para o seu Samsung Galaxy Guia do Android Market.

Photoshop

É fácil usar o Photoshop.com Mobile App no seu iPhone. Basta arrastar o dedo para recortar, ajustar cores, aplicar efeitos. Você pode cortar, girar, mudar de cor com apenas um toque, dar um brilho extra com Soft Focus, aplicar efeitos com um toque vintage, como quente e Vignette etc

Mais: Leia os clientes do iPhone 14 que seria realmente tornar suas vidas mais fáceis

http://www.smashingapps.com/2010/08/27/10-best-business-web-apps-to-make-your-lives-easier.html

Trazido a você por

Deseja anunciar aqui? Clique aqui para obter mais informações ...

10 Excellent Websites To Learn Science, Mathematics Or Any Other Subject Online

2010-12-05T23:52:00.001-02:00

Internet has become an important source of knowledge for students. Whether its Science, Mathematics or any other subject, many students tend to use internet as their main source of information. Students even use the internet to take external courses and learn different languages using video lectures uploaded on different websites. Today, we have gathered list of websites which can be used by students to learn online.

Wolfram Alpha

Wolfram Alpha is an excellent online tool which helps students solve computational questions by just typing the equation or mathematical problem. All you have to do is type the equation in the search field and it will give you step by step solution to that problem.

Mathaway

With Mathaway, students can solve different mathematical problems in few seconds. Using Mathaway, students can solve questions related to algebra, calculus, trigonometry, statistics and much more. All they have to do is type the mathematical problem, select the subject and click Answer. You can even signup for a premium account and get advance solution with proper explainations.

Babbel

Babbel is an excellent online utility which can help students learn different languages online. It has an integrated speech recognition tool which can be used to test and improve your pronunciation. You can even connect with people from all over the world and improve you pronunciation skills.

Dynamic Periodic Table

Dynamic Periodic Table is an excellent sources of knowledge for students especially those who are taking chemistry courses. With Dynamic Periodic Table, you can get information about all the elements in the periodic table, there isotopes, there state and much more. Clicking on the element will open a new window which has everything you need to know about that specific element.

Math.com

Math.com can help students learn mathematics principles online. They provide students with different guides, assessments and solutions to help them grasp the basics of mathematics. In addition to solutions, Math.com offers recreational introductions to the world of math that will lead to deeper understanding of different topics.

Tutor2u

Tutor2u is an excellent websites which provides students with lectures and notes related to Economics, Business, Politics, Enterprise, Law, Sociology, History, Religious Studies and related subjects. Tutor2u offers free educations material as well as subscription based material which can be used by students as well as teachers.

LiveMocha

LiveMocha is an excellent source for students who want to learn new languages. Students can even help other students improve their native language and learn other foreign languages online. With LiveMocha, you can get in touch with students from around the globe from different cultures and backgrounds.

Verbalearn

Verbalearn is an excellent source for students who want to improve their English vocabulary. With Verbalearn, you can learn new words daily, track your progress, find you strengths and weaknesses, test yourself and much more.

MyHappyPlanet

Just like LiveMocha, MyHappyPlanet can help students learn different languages online. Students can talk to people from different countries and practice there speaking skills, pronunciation and learn about different cultures from all over the world.

wePapers

With wePapers, students can expand their knowledge and share what they know with others. With wePapers, you can check different lectures and presentations created by other students and share yours with the rest.

Feel free to mention any other useful link related to this topic and we will try to review it soon.

[AJAX Magazine] New Release of Quick Tables, a Handy Database Editor from DHTMLX

2010-11-15T16:55:00.000-02:00

DHTMLX announced the update of its Quick Tables, an easy-to-use PHP solution for editing tabular data stored in the database. Quick Tables offer a simple tool for non-programmers to view and edit the data taken from database tables. Users can sort, filter, or edit the records, while all the changes are automatically applied to the server-side database.

The update adds some new good features and extends the list of supported databases. Quick Tables now support MySQL, Oracle, PostgreSQL, and MS SQL. The ability to display several grids, printing support, multilingual interface, and wider customization options make this release more handy for managing database records. Quick Tables are based on dhtmlxGrid component, and are delivered under GNU General Public License. To learn the details and download the recent release, please go to :

http://www.dhtmlx.com/blog/?p=733

7 Free Tools To Create Maps And Directions Online

2010-10-23T21:46:00.001-02:00

Whether you are about to go on a trip or explaining the directions of a place to somebody, a map can be of great help. Thanks to the internet there are a number of online resources where you can get maps from. Some online tools even let you create your own maps.

If you are looking for online tools to help you create maps and get directions, then check out our following list of 7 such tools that free to use. Read about each one and see which suits your needs best.

TravelersPoint

TravelersPoint is a great website that lets you mark the route of any international trip you are taking. You can even mark out trips within your country. The entire process involves entering your destinations in their respective order. The resultant map can be a great help in getting an idea of the trip or in explaining it to friends. Check out TravelersPoint @ http://www.travellerspoint.com/member_map.cfm

GoWaza

GoWaza is a web service that helps you plan your travels. You enter your destination, along with arrival and departure dates; consequently a list of nearby hotels and their prices are provided. The locations are marked on a small map that can be enlarged. You can share your created maps and trips with your friends that have accounts on GoWaza. Visit GoWaza @ http://www.gowaza.com/

UMapper

UMapper is a thorough map creation tool. It starts off by letting you add a name and description to your map. You even get to choose your own map provider from Bing, Google, OpenStreetMap, CloudMade, CloudMade Stamen, and Yahoo; alternatively you can upload a custom map. After your map has loaded up you can use the site’s editing tools to do a number of things like add objects and images to the map. When done you can save your map as a KML file or export the ActionScript. Visit UMapper @ http://www.umapper.com/

ViaMente

ViaMente will help users create routes on maps. This tool is ideal for explaining directions to friends or getting directions from them. Businesses can use it to better mark their offices on their websites. Check out ViaMente @ http://www.viamente.com/

MapMyRun

MapMyRun is targeted at long runners. It helps people place markers on maps and indicate the places where there is land elevation. In addition to runners, hikers and cyclists will also find this online tool helpful. Check it out @ http://www.mapmyrun.com/

QuikMaps

QuikMaps, as its name suggest, lets you quickly create maps. Through the site’s basic and easy tools you can draw lines on the map and place text and markers. Add a title plus description to your map too. When done save the map or embed it on your site or blog. Visit QuikMaps @ http://www.quikmaps.com/

DirectionsMap

DirectionsMap lets you create routes on map through its easy tools. Where available you also add a Google Street View option to the map. The map can be saved or embedded on your own site or blog. Check out the service @ http://tripgeo.com/DirectionsMap.aspx

Brought To You By

Do you want to advertise here? Click to get more info…

Incredibly Helpful Online Tools For People Who Develop Websites

2010-10-22T11:40:00.001-02:00

This is one of the very best list of its kind where you can find Incredibly Helpful Online Tools For People Who Develop Websites. These would be great enough to bookmark or just for get in your knowledge. I hope everyone of you will like this list. This is absolutely helpful for web developers, designers, web designers, developers etc. Just take a look at them and share your thought’s here.

You are welcome if you want to share more useful web apps that our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter as well.

Google Chart Tools

The Google Chart API lets you dynamically generate charts with a URL string. You can embed these charts on your web page, or download the image for local or offline use.

Pingdom Tools

Pingdom Tool helps you test the load time of any web page. You would just need to enter a URL to test the load time of all elements on that page and you can view the list of objects either in load order or as a hierarchy.

CodeRun Studio

CodeRun Studio is a cross-platform Integrated Development Environment (IDE), designed for the cloud. It enables you to easily develop, debug and deploy web applications using your browser.

CSS Menu Builder

This is a huge collection of ready to build 300+ horizontal menus, 700+ vertical menus combinations and breadcrumb menus that consist of more than 200+ combinations, in total this site offers more than 1000 menu combinations not including the endless color combinations.

Variable Grid

System

The variable grid system is a quick way to generate an underlying CSS grid for your site. The CSS generated file is based on the 960 Grid System.

247webmonitoring

Having a good uptime is essential for the success of your website. 247webmonitoring will monitor it 24X7 from their servers and notify you whenever it goes down. This will check your website every 15 minutes to know it is up. They will send you notification by email or SMS when it goes down. So you can quickly fix the issue and you can stay happy. This way you can relax and focus on your core business. In future, you will also find out how fast your site is from different location.

PHPanywhere

PHPanywhere is an online service that’s changing the way people develop on the web. They enable users to develop and maintain their php/html projects online using any standard web browser.

Load Impact

Load Impact generates simulated user traffic to your site – for example it might simulate that 50 users are trying to load your web pages at the same time. While simulating the traffic from these 50 users, it also records how fast pages are loaded from your server. This lets you know how fast your site is (as experienced by a user) when it is being accessed by 50 users at the same time.

CSS Type Set

A real handy css creation tool where you can easily create CSS stylesheet without any css coding skills.

Adobe BrowserLab

An easier and faster solution for cross-browser testing. You can preview and test your web pages on leading browser and operating systems. This will help you get your results in real time, from virtually any computer connected to the internet.

codepaste

CodePaste provides an easy and convenient way to send/share PHP, C++, Javascript, Java, CSS, Actionscript and HTML code with others. Copy and paste the code and enter the email where you want the CodePaste to send it. CodePaste then nicely formats the code and sends it over.

Brought To You By

Do you want to advertise here? Click to get more info…

Five Excellent (Just For Fun) Websites To Kill Your Boredom

2010-10-18T23:01:00.001-02:00

When you are free one obvious way is to play games online but anything else? Yes, You can kill your boredom with so many fun websites as well that are available on internet. Here I have found Five Excellent (Just For Fun) Websites which you won’t need to pay anything for and make your free time more enjoying. Read on my list of few of the fun to use websites.

You are welcome if you want to share more fun to use websites that our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter as well.

Voki

Voki enables users to express themselves on the web in their own voice using a talking character. You can customize your Voki to look like you or take on the identity of lots of other types of characters… animals, monsters, anime etc. Your Voki can speak with your own voice which is added via microphone, upload, or phone. Voki lives on your blog, social network profile and will soon be integrated in various instant messaging platforms. You will also be able to download it to most video supported phones.

Sketchfu

Sketchfu is simple drawing website where people can share their drawing with each other.

GoAnimate

On GoAnimate you can make your own animated characters. You can direct your own cartoons and watch others’ creations.

DoppelMe

With DoppelMe you can create a cool graphical likeness of yourself, your friends, family or any group of people for use as an avatar in forums, instant messenger, blogs and almost anywhere else on the web.

Memoov

Memoov is offering a unique set of Online Animation tools, including Character personalization, audio recording online, and a great timeline-based easy to use Animation method.

Web App Free para Designers

2010-10-15T19:25:00.001-03:00

Esta é uma lista de melhores de seu tipo, onde poderá encontrar incrivelmente surpreendente e absolutamente útil (ainda livre) Web Apps para tornar a vida mais fácil Designers. Estes seriam grandes o suficiente para marcar ou apenas para ficar no seu conhecimento. Espero que todos vocês vão gostar desta lista. Isto é absolutamente útil para designers, web designers, programadores, etc Basta dar uma olhada neles e partilhar o seu pensamento está aqui.

Você é bem-vindo se você quiser compartilhar aplicativos web mais útil que os nossos leitores / telespectadores podem gostar. Queres ser o primeiro a conhecer os mais recentes acontecimentos na SmashingApps.com basta assinar o nosso feed RSS e você pode acompanhar-nos no twitter também.

CloudFlare

CloudFlare protege e acelera qualquer site on-line. Depois que seu site é uma parte da comunidade CloudFlare, o seu tráfego web é encaminhado através de sua rede global inteligente. Eles automaticamente otimizar a entrega de suas páginas na web para que seus visitantes têm a menor tempo de carregamento da página e melhor desempenho. Eles também bloqueiam ameaças e limitar bots abusivas e rastreadores de desperdiçar sua largura de banda e recursos do servidor. O resultado: websites CloudFlare-powered ver

uma melhoria significativa no desempenho e uma diminuição de spam e outros ataques.

Join.me

CloudCanvas

CloudCanvas permite que as pessoas criativas de fazer arte digital, design e outras mídias ricas direito no navegador da Web sem qualquer plugin para download. Ele tem todos os recursos e ferramentas de ponta que os designers precisam para libertar a criatividade,

novas idéias e mashups.

Recurse

Recurse é uma solução simples para mostrar aos clientes seu projeto spiffy novo. Ao simular um site com imagens de vários clientes apartamento terá uma idéia melhor do que a composição será a aparência 'na natureza ".

Teambox

Teambox é outro, mas única e ferramenta de colaboração on-line muito mais robusto. Isto é absolutamente seguro e você pode acessar seus dados de qualquer computador. Ele tem outra característica boa que irá ajudá-lo notificado por e-mails de atividades em seus projetos.

DevHub

Com o construtor de sites online DevHub ™, você não precisa ser um macaco de código ou aprender truques complicados codificação ou HTML. Você pode rápida e facilmente construir o seu site em poucos segundos usando módulos n nosso sistema, clique em 'drag que se encaixem no lugar. DevHub também oferece um conjunto de temas para você usar gratuitamente. Você pode até mesmo ajustar ou modificá-los para atender sua empresa ou marca pessoal.

SlideSix

SlideSix é uma comunidade de partilha social de apresentação, que atende a todos. Os usuários podem compartilhar uma privada álbum de fotos personalizado e narrado, ou uma introdução de produto público com uma demonstração multimídia incorporados. As possibilidades são infinitas como a criatividade dos utilizadores.

font Web

Uma fonte do serviço da Web é somente tão bom quanto os tipos de letra que ele proporciona. Fonts.com Web Fonts oferece uma seleção de fontes que não tem paralelo na faixa de tamanho e qualidade. Seu inventário maciço inclui milhares de desenhos. De sans laborioso e texto com serifa faces para mostrar os projetos que chamam a atenção para fontes script elegante, Fonts.com Web Fonts oferece uma variada gama de estilos para cobrir qualquer necessidade do projeto.

Resizer

Ele permite que você dinamicamente redimensionar as imagens em tempo real por apenas uma chamada de URL. Com isso, você pode inserir diretamente a imagem redimensionada e melhoria na sua página web, simplesmente um url.

Launchlist

Launchlist destina-se a ajudar e incentivar os designers e desenvolvedores web para verificar seu trabalho antes de expô-lo ao mundo em geral.

resizeMyBrowser

resizeMyBrowser é simples, mas muito útil ferramenta on-line. Com esta ferramenta você será capaz de definir o tamanho da janela do navegador, tanto interna e janela exterior.

Livro Browser

Esta ferramenta fornece uma ferramenta de aproximação para guiá-lo traduzir esses esboços rápidos em um formato de projeto-pronto.

ClueApp

ClueApp é livre para utilizar o serviço web que lhe ajuda a determinar que sobre o seu site que um visitante se lembra. O procedimento é bastante simples. Você passa URL do seu site para fazer a interface do ClueApp. O serviço, em seguida, tira uma foto do seu site e hospeda-lo on-line por 24 horas. A URL da imagem pode ser compartilhada entre os usuários e amigos. A URL mostra a imagem de segundo de cinco e meia e, em seguida, solicita ao visitante o top 5 acha que ele / ela se lembra sobre o local. Mais tarde você pode ver o que os visitantes da URL tinha digitado em como as 5 coisas memoráveis.

Trazido a você por

Deseja anunciar aqui? Clique aqui para obter mais informações ...

Melhores Serviços Web para criar slideshows Online Grátis

2010-10-11T18:25:00.001-03:00

Slideshow criação é algo que todos nós fazemos em base regular. Quer as fotos de família ou de férias se transformam em slideshows para compartilhar com familiares e amigos ou uma informação gráfica slideshow gráfico de barras é criado para uma apresentação profissional, criação de slideshow é muito comum hoje em dia. Temos alinhados dez livre grande slideshow criação de serviços online que ajudam a fazer apresentações sem qualquer problema. Então, tem um olhar:

PhotoPeach

myPicPals

myPicPals permite a criação de slides e compartilhamento em sites que suportam Flash também. Este serviço gratuito é voltado para redes sociais e tem suporte para muitos, incluindo o MySpace, Facebook, Xanga, Blogger, hi5, TypePad, Friendster, etc

Kioza

WithKioza serviço de criação de slides, textos e clipes de áudio / vídeo também pode ser adicionado a slideshows e também permite a gravação de apresentações de DVD através do seu serviço premium.

Smilebox

Smilebox funciona perfeitamente na criação de apresentações de slides que podem ser instantaneamente por e-mail e carregou no Facebook para sua família e amigos para ver. Tem uma grande coleção de templates de slides disponíveis também.

PictureTrail

PictureTrail recursos de compartilhamento de fotos e um serviço de hospedagem de imagem, bem como a criação de slideshow padrão e afirma ter a maior coleção de modelos de apresentação de slides on-line. Experimente e veja se a sua verdade.

Slide

Slide oferece uma infinidade de skins, temas, cenários, efeitos, tamanhos e muito mais para personalizar as apresentações que você criar com o seu serviço. Criando slideshow é fácil e pode ser feito em até três etapas somente.

Roxio

Muito popular serviço, Roxio proporciona a criação de slideshow online grátis com frio fundo musical de correspondência para as fotos retratando dentro. Além disso, a partilha de slideshow é divertido e fácil com o Roxio.

MySpace Slideshow

O nome pode confundir você, slideshow MySpace não é um serviço de criação oficial slideshow de rede social MySpace, mas que não esconde o fato de como é bom. Com o MySpace Slideshow você pode carregar vários álbuns de fotos do MySpace em uma apresentação única. Ele também permite um número ilimitado de fotos por slides juntamente com redimensionamento e acesso directo ao Photobucket.

Scrapblog

Scrapblog permite criar um livros de recortes multimédia com fotos, vídeos, áudio e outros elementos. Você pode compartilhar seu livro de recortes com os amigos. Depois de uma apresentação de slides é criada, ela pode ser transformada em livros de fotografia de alta qualidade e DVD.

Thumbstacks

Com Thumbstacks, apresentações e slideshows podem ser criadas diretamente no navegador webcom ricos como controles de edição de texto Word e com imagens e desenhos. Criado slideshows e apresentações podem ser compartilhadas com amigos através de uma única URL única para cada um.