Conheça Instalador com 200+ ferramentas para desenvolvimento Web de código aberto

Lista de 200 On-click Installer Open Source (Framework, Scripts e CMS de PHP HTML5 e CSS3)

Sou webdesign e uma das minhas principais dificuldades inciais para trabalhar com frameworks sempre foi configuração de domínio e hospedagem. Essa necessidade foi suprida após conhecer o Softaculous que é uma espécie de CPainel com scripts prontos que instala o framework em poucos cliques. Em breve você verá aqui um tutorial simples de como instalar utilizando essa ferramenta, eu conheci essa ferramenta que instala frameworks ao comprar uma hospedagem barata no site Ycorn que tem me surpeendido bastante pela qualidade X expectativa.

Desenvolvedores, eu apresento uma lista bastante vasta com cerca de 200 principais frameworks de desenvolvimento de sites em PHP, certamente um deles é ideal para o seu negócio. Não sou um representante de nenhum deles mais tenho experiência na criação de sites e temas responsivos em Bootstrap para (Wordpress, Joomla 3 e Drupal) que estão evoluindo bastante no quesito interface.

Softaculous

Mais de 200 scripts com o Softaculous

Crie o seu site no ycorn.com com o apoio de centenas de scripts interativos e de fácil utilização, disponíveis no Softaculous. Não necessita de conhecimentos técnicos especializados e pode contar com os últimos scripts do mercado permanentemente atualizados. É fácil, rápido, intuitivo e sem qualquer custo adicional!

O que é o Softaculous?

O Softaculous é um incrível auto-instalador, que oferece mais de 200 dos melhores scripts existentes (e vem mais a caminho). O Softaculous é perfeito para o seu plano de hospedagem por oferecer praticamente todas as necessidades atuais.

Entre estes scripts poderá encontrar sistemas de galerias de fotos, gestores de conteúdos (cms), wikis, plataformas de blogging, fóruns de discussão, redes sociais, gestores de projetos, lojas e-commerce e muitos mais scripts comuns que lhe permitirão manter o seu site online completo.

Como usar o Softaculous?

Este encontra-se disponível em todos os planos do Ycorn.com. Basta aceder ao cPanel da sua conta de hospedagem e começar a instalar com um simples clique. Todas as aplicações estão descritas no software de instalação e poderá ainda verificar uma demonstração da mesma.

Todos os scripts estão separados por categorias e o cliente tem ainda a possibilidade de partilhar o seu feedback do script com os outros utilizadores do sistema.

https://www.ycorn.com.br/hospedagem/web/aff.php?aff=250

É possível também importar software instalado manualmente ou através de aplicações de instalação automática diferentes (Installatron ou Fantastico) e fazer a gestão do mesmo pelo Softaculous.


A empresa Ycorn adotou o Softaculos

Como Fazer Jardim Vertical

Ter um quintal bem grande com espaço de sobra é privilégio de poucos. Hoje, a vida conturbada das grandes cidades nos obrigam a morar em lugares cada vez menores. Minúsculos apartamentos abrigam pessoas estressadas e com baixa qualidade de vida. Para muitos, ter um pequeno jardim, ou uma varanda de descanso que remete ao contato com a natureza provoca uma sensação de bem-estar.

Em apartamentos ou em casas onde não há espaço, os jardins verticais ou suspensos, são uma ótima alternativa, pois ocupam apenas o espaço da parede, muitas vezes ocioso, e dependendo da planta de escolha, não requer tantos cuidados. Você pode desenvolver seu jardim, reutilizando materiais que seriam descartados, como embalagens plásticas, suportes de madeira, e tudo que a criatividade permitir.

Alguns detalhes são muito importantes:

1. A escolha do local não deve ter incidência de sol o dia todo.

2. Os recipientes escolhidos para abrigar as plantinhas devem conter furos para a drenagem da água, ou se preferir, uma camada de pedras no fundo.

3. A terra utilizada deve ser adubada e de boa qualidade.

4. Regue sempre a noite ou bem cedo, antes dos horários quentes.

5. Não deixe água acumular, vamos combater a dengue ok!

Fonte da Imagem: Casa UpCycling

Karollyne Morais
  

Idealizadora do Projeto Casa UpCycling, que nasceu da necessidade de expor as possibilidades infinitas de transformação daquilo que a maioria de nós joga no lixo. Usando a criatividade como ferramenta para dar a oportunidade a matéria-prima de qualidade de retornar ao ciclo. Mas acima de tudo, tem o objetivo de inspirar outras mentes inovadoras a uma postura de consumo e vida sustentável.

Inovação na forma de ensinar

Trata-se de aulas de 50 minutos. O novo site "Aulas à La Carte"  permite que qualquer um com desejo de ensinar algo, se cadastre e envie sua proposta de aula.  Depois que essas aulas receberem aprovação, elas serão publicadas para o mundo, onde alunos interessados podem agendar a aula particular, que pode ser, presencial ou a distância

Acesse e saiba mais: http://www.aulasalacarte.com.br/

Aprenda Lógica de Programação Jogando: Agry Birds e Plants vs. Zombies

Aprenda lógica de programação de forma divertida, com personagens do Game Angry Birds e  Plants vs. Zombies, dessa forma até as crianças conseguem aprender, eu mesmo achei muito divertido e por isso compartilho essa criativa iniciativa.

E sou um adepto para ensinarem nas escolas questões lógicas, porque podemos utilizar a lógica para resolver vários problemas do cotidiano. Vou apresentar esses jogos para os meus filhos de 9 e 4 anos, e verificar se será aceito como diversão.

O site ainda mostra o código das suas operações, faz validação e ainda te dá um certificado de conclusão das suas aulas de lógica divertida.

Para jogar e aprender lógica acesse o link:
 http://learn.code.org/hoc/1

Conheça outros  jogos como esse em:
  http://learn.code.org

Novo visual FlatDesign para o Facebook 2014

Olá mais um vez, esse é o blog Dicadedica, sempre venho trazendo coisas que você só encontra aqui, e dessa vez eu tenho algo inédito a possibilidade de trocar a aparência do seu Facebook.


Como Instalar Novo Tema Não Oficial no Facebook 
(Funciona no Google Chrome e Firefox)

1. Primeiro acesse o Link:
   

   Facebook in Dark Flat Design

   http://userstyles.org/styles/98237/facebook-in-dark-flat-design
2. Depois Clique no botão verde [+ Install with Stylish ] que aparece na página ao lado da imagem miniatura
3. Pronto agora acesse o seu FaceBook e desfrute do novo visual

Dica:

1. Tire print da tela e faça e poste no face para os seus amigos fazerem o mesmo.
2. Para desabilitar o tema utilize o novo ícone em formato de [S] que aparece na sua barra do navegador.
3. Comente, Compartilhe essa postagem assim estará me incentivando a continuar a criar temas para os principais sites da internet.
4. Conheça outros temas criados por mim e outros Web Designers: http://userstyles.org/users/257188

Se você estiver caçado do visual atual do facebook, agora pode instalar esse novo design de tema  que criei com os meus conhecimento em CSS3 HTML5 e FlatDesign, se você tiver problemas ou sugestões sobre o novo visual, tire um print e envie para meupcweb20@gmail.com com o assunto Dicadedica que eu postarei aqui e corrigirei o problema, assim que possível... Obrigado!!

Mudar o Contraste dos Sites nos Navegadores (Alto-Contraste) ou (High Contrast)

Plugin de Complemento e Extensão para FireFox e Google Chrome Black Code for Program (High contrast) , permite trocar a aparência dos sites deixando com o fundo "preto" e o "texto branco",  funciona com os principais sites da web e foi trabalhado para ser compatíveis com sites em Bootstrap.

Esperimente mudar a aparência do Facebook, Twitter, Google, Linkedin, Globo, R7, Youtube, Blogger, Wordpres e qualquer outro site no Chrome ou FireFox.

Como funciona o Stylish?

Ele altera o css do site com um clique e você pode alternar entre os estilos escolhidos ou modificar um estilo, caso você conheça um pouco de CSS.

Como instalar?

1.  Instale o plugin Stylish for Firefox or Stylish for Chrome.
2.  Acesse o estilo de alto contrast genérico, que funciona para qualquer sitehttp://userstyles.org/styles/98108/black-code-for-program-high-contrast
3. Pronto agora é só habilitar ou desabilitar o estilo na hora que for conveniente.

Contribua com novos estilos, irei publicar uma lista com os melhores aqui ;)

Dica para Baixar o Flappy Bird

O Dono do aplicativo Flappy Bird retirou o jogo do ar, mais ele ainda pode ser encontrado através dos torrentes de APK de plantão é só fazer o download e apanhar para o game que continua a tirar o sono de muita gente.

Segue o tutorial de como jogar e o link para download do game encontrado no site apkandroid.blogspot.com.br

Como jogar: 

1. Toque para bater as suas asas para voar. 
2. Evite tubos. 
3. Tente obter quatro medalhas: bronze, prata, ouro (duro), platina (muito difícil) 

O que há de novo na versão 1.3:

1. Apoio Android 2.2 
2. Corrigir bugs. 

A primeira coisa antes de instalar o aplicativo é habilitar o celular para instalar app de fontes desconhecidas, feito isso agora é só fazer o download direto no aplicativo e boas jogadas.

Baixar Arquivo: 894 KB (Flappy Bird 1.3 APK) 

1. Downloa Link 1
2. Download Link 2

Ou para facilitar acesse do Qrcode do celular e clique do celular nos links acima:

Top 10 Webfontes - Bibliotecas ícones de Fontes de Texto Grátis para seu site (.eot .woff .ttf .svg )

São muitas as vantagens de se utilizar bibliotecas de ícones no formato de arquivos FONT DE TEXTO para a interface do seu site, por exemplo, se você é um webdesign já deve ter ouvido falar ou utilizado as chamadas WEBFONTS, preparei uma lista com as mais comuns utilizadas em meus projetos:

Vantagens:

• Produtividade: As bibliotecas já possui os ícones mais utilizados e geralmente poucos serão desenvolvidos.
• Desempenho: Nos testes um arquivo de font carrega mais rapidamente o request é mais rápido do que uma sprit de imagens ou a mesma quantidade de ícones como imagens.
• Qualidade: Como esses arquivos de ícones estão em formato Vetor de Font, podem ser ampliados   sem perder a qualidade.
• Adaptação:  Você consegue encaixar de forma simples no texto, botões e links no html bastando mapear um css e uma classe.
• Customização: É possível criar a própria biblioteca de fontes de ícones que você possui habilidade de webdesign para isso, ou apenas selecionar os ícones disponíveis.

Melhores Bibliotecas Webfont grátis

FontFile .eot .woff .ttf .svg

1. Icomoon - free http://icomoon.io/app/#/select
   (Muito bom, grande variedade de ícones, permite customizar ou criar os próprios ícones e selecionar e gerar uma biblioteca com apenas os ícones que você deseja utilizar, agiliza o CSS)
   
   
2. Font-Awesome - http://fortawesome.github.io/Font-Awesome/  Pode ser instalada no Bootstrap, não utiliza javascript, perfeito em display de retina, visível na impressão, controlado por css class.
   
   
3. Adamwhitcroft http://adamwhitcroft.com/batch/ The download includes: PSD file (shape layers). SVGs (128x128). PNGs (16x16, 32x32, 64x64). Webfont (.eot, .ttf, .woff).
   
   
4. Fontello http://fontello.com/ Como todas as fontes de ícones, possui vetor e sua propaganda tem foco na qualidade ao redimensionar os ícones sem perder qualidade.
   
   
   
5. Shoestrap http://shoestrap.org/downloads/elusive-icons-webfont/
   
   
6. Entypo Icons - http://www.entypo.com/ Projeto com ícones gratuitos para sites e blogs.
   
   
7. Ligature Symbols http://kudakurage.com/ligature_symbols/ Grande variedade de ícones de fonte com qualidade permitindo criar sites responsivos, possui suporte para multi plataforma.
   
   
8. Typicons http://typicons.com/ - A biblioteca atual possui 220 web icons para download
   
   
9. MapBox - https://www.mapbox.com/maki/ -  Permite utilização em projetos de geoprocessamento, mapeamento, google maps icons...
   
   
10. Glyphicons - http://glyphicons.com/ ou http://getbootstrap.com/components/ - Um dos melhores tanto na quantidade quanto na facilidade de utilização, o Bootstrap Twitter incorporou essa biblioteca de fontes no seu projeto.

Novas fontes, tendências e tecnologias estão surgindo a todo instante, se você acha que eu esqueci de citar uma boa alternativa de webfontes, informe aqui nos comentários ;)

Bootstrap 3 Cursos e Tutoriais Gratis Online do Youtube

Uma nova tendência no desenvolvimento web é o desenvolvimento de sites multiplataformas, responsivo que se adapte em vários formatos de mídia, celular, tablet, mobile, smart tv e outros. Para facilitar esse desenvolvimento o Twitter lidera um projeto chamado Bootstrap que é um Guia de Interface de Usuário que permite utilizar componentes comuns utilizados em sites para agilizar esse desenvolvimento.  Por exemplo, Grid de layout, botões, ícones, formulários etc.

Lista de componentes prontos em Bootstrap:

1. Glyphicons
2. Dropdowns
3. Button groups
4. Button dropdowns
5. Input groups
6. Navs
7. Navbar
8. Breadcrumbs
9. Pagination
10. Labels
11. Badges
12. Jumbotron
13. Page header
14. Thumbnails
15. Default example
16. Custom content
17. Alerts
18. Progress bars
19. Media object
20. List group
21. Panels
22. Wells

Curos de Bootstrap 2 oferecido gratuitamente pelo JCursos (Português)

Curso de Bootstrap 3 oferecido de graça pelo Aprendiendoando (Espanhol)




Tutorial de Bootstrap 3 - Oferecido gratuitamente pelo CodersGuide (Inglês)



Esses cursos são excelentes para dar um start nessa tecnologia, siga o blog e fique Ligado, novas tecnologias de desenvolvimentos e tendência de mercado serão indicados aqui.

Webdesign: Teste seu site no Celular , Tablet e PC Online e esteja preparado para um mundo multi plataformas e responsivo

Você sabe de onde os usuários estão acessando o seu site? Pode ser de Smart Phone, Smart TV, Celular, Computador, e se você que possui um site ou é desenvolvedor UX e UI Design, tem que fazer testes em muitas plataformas para verificar se o Layout do seu site é Responsivo, ou seja, se adapte a essa nova tendência de sites mult-plataformas,

Para facilitar essa verificação, foi criado esse emulador que testa o seu site nas principais mídias.

Vou falar agora de uma ferramenta muito útil para desenvolvedores e empresas,

acesse o site link http://www.agenciafalandonisso.com/responsive.html  e digite a url do seu site ou blog e pressone [ENTER], com isso você vai testar se o site da sua empresa se comporta de forma responsiva, o teste é gratúito  online e offline, uma coisa fantástica que descobri é que é possível testar endereços locais do tipo http://localhost:8080 que é geralmente o serviço web que funciona off-line.

Teste seu site e veja se ele é responsivo

Site ou layout responsivo, ou também conhecido como site flexível é quando o site automaticamente se encaixa no dispositivo do usuário (PC, celular, tablet, etc). Um site responsivo muda a sua aparência e disposição com base no tamanho da tela em que o site é exibido. Então, se o usuário tem uma tela pequena, os elementos se reorganizam para lhe mostrar as coisas principais em primeiro lugar. Em smartphones a navegação e experiência do usuário fica difícil e limitada tendo que usar recursos de zoom in e out para ler a página na integra. Outros detalhes como botões e menus ficam desformatados pois não foram feitos para esse dispositivo/resolução.

Caso sua empresa ainda não possui um site responsivo, você pode entrar em contato com os profissionais da Agência FalandoNisso:
http://www.agenciafalandonisso.com/

Telefones

• Michele Rabelo
  [Gerente comercial] 
  (61) 8583-5545
• Alessandro Gomes
  [Diretor de Arte] 
  (61) 8409-9715
• Douglas dos Santos
  [Diretor de Arte] 
  (61) 8117-0816
• Moises de Lima
  [Gerente de Projetos] 
  (61) 8525-7621