Crítico Interno

Depois dihitt esta postagem ok!!!

Preocupação: o sofrimento por antecipação

Preocupação: o sofrimento por antecipação
palestra gratuita online
dia 2/7/2013, 20:00-21:00
http://mizuji.com/preocupacao.htm

Convite Colunista Dicadedica

5 Vagas de colunista

Aproveite enquanto há vagas!




Requisitos:
1 - Ter conta Google
2 - Ter ou ter tido um blog ou site
3 - Gostar de ajudar as pessoas


Benefícios:
1 - Nome no blog;
2 - Publicidade 1 banner ou 1 link em cada postagem para o sites a sua escolha respeitando as regras (Divulgue seu blog aqui);
3 - Créditos em cada postagem;
4 - Postar vídeos próprios com dicas;



Regras:
1 - Não colocar conteúdo duplicado, ilegal, ofensivo ou adulto.
2 - Não fugir ao tema do blog "Dicas".

3 - Pode colocar resumo do conteúdo do seu blog desde que:
- Titulo da postagem seja Único na web
- Primeiro parágrafo também seja exclusivo






Só peço que usem o bom senso.


Recomendação:
1 - Postar de pelo menos uma dica por semana para manter um banner seu na home.



Para contribuir com este blog, mande um email para:

-----------------------------------------

meupcweb20@gmail.com
Tire suas dúvidas pelo Twitter
Assunto: Quero ser colunista no Dicadedica

-----------------------------------------

Como funciona?

Enviarei um link com o convite, quando vc aceitar, será adicionado como co-autor do blog e poderá criar suas próprias postagens, editá-las e quando quiser!!!

Seu nome de usuário Google aparecerá automaticamente como autor da postagem.

Agradeço a todos :)

Ass:

Moises R Lima
www.dicadedica.com

Dúvidas? Leia os comentários!

Tutorial Customizar Disfarçar ou Mudar a Aparência de um Site Acessado

Muitos são os motivos que levam os usuários a desejarem a possibilidade de modificar a aparência e tematizar
o site que acessa, seja para conseguir um melhor contraste para a leitura, ou por  não gostarem das cores do site,
e até mesmo para disfarçar o Facebook, Youtube...

Agora esse forma de customisação é totalmente possível utilizando css3 e um plugin comum para
firefox e google chrome

Aviso aos leigos:
- A mudança é claro fica a nível do seu navegador, não precisa se preocupar que o site original continuará intacto as mudanças apenas você é quem faz.

Siga o tutorial para mudar a aparência de qualquer site:

1. Para mudar a aparência de um site utilizando o plugin acesse e instale, em um dos navegadores abaixo o Stylish:
   versões Stylish  para  Firefox ou Stylish para Chrome.
2. Pronto, agora é só instalar, va nas configurações  e adicione os seus estilos css:

Exemplo de código do stylish:

Para o firefox para mudar a aparência de todos os sites acessados que possuem o domínio "com"

1. No firefox acesse no menu superior "FERRAMENTAS/Complementos"
2. Nos complementos acesse "Estilo de Usuário"
3. E add o código abaixo acessando "Escrever Novo Estilo"
4. Agora é só colocar o nome EX:"Blackout" e uma marca EX:"com"

/***********************|   INÍCIO DO CÓDIGO   |***********************************/
 @namespace url(http://www.w3.org/1999/xhtml);
 @-moz-document domain("com") {
     html {
     background: #000 !important;
    }
    body {
     background: #222222 !important;
     width: 1024px !important;
     margin: 0 auto !important;
    }
    div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
     background: #222222 !important;
     color: #BBBBBB !important;
     background-image: none !important;
    }
     a {
     color: #0072BC !important;
     text-decoration: none !important;
     text-shadow: 1px 1px #000000 !important;
    }
    a:hover {
     color: #889900 !important;
     text-decoration: none !important;
     text-shadow: 1px 1px #000000 !important;
    }
     h1, h2, h3, h4, h5, h6 {
     color: #ffffff !important;
     text-decoration: none !important;
     text-shadow: 1px 1px #000000 !important;
    }
    img {
     opacity: 0.1 !important;
    }
    img:hover {
    display:block !important;
    -moz-transition: opacity 0.4s ease-in 0s !important;
    opacity: 1 !important;
    }
    a:hover img {
    display:block !important;
    opacity: 1 !important;
    -moz-transition: opacity 0.4s ease-in 0s !important;
    }
     span {
    color: #559911 !important;
    }
    li {
    color:  #AA2222 !important;
    }
}

/***********************|   FIM DO CÓDIGO   |***********************************/

Aviso: Se você não souber nada de css pode encontrar outros estilos prontos na internet:
Estilos para Stylist
http://userstyles.org/categories/site

Imunize-se contra as tentações

Depois dihitt esta postagem ok!!!

set-neste-feriado.mp4

Depois dihitt esta postagem ok!!!

Padrão de Identidade Visual do Governo Federal na Internet

Sendo um webdesigner, verifiquei de perto a grande dificuldade em encontrar essas informações para a padronização dos sites do governo, e entendi o porque de tantos sites fora do padrão ou com padronizações desatualizadas, e então criei esse guia de links. Quem sabe algum dia esses sites que mostram as regulamentações, comecem a executar suas próprias normas...

1. Barra do Governo no topo: padronagem Sobre o uso e a aplicação da barra de identidade. Para maiores detalhes consulte o Manual de Identidade Visual do Governo Federal na Internet Regras de aplicação da Barra de Identidade.
   http://epwg.governoeletronico.gov.br/barra/
2. Transparência:
   Guia para Criação de Seção de Acesso à Informação nos Sítios Eletrônicos dos Órgãos e Entidades Federais
   Primeira versão do Guia, disponibilizado em 2 de março de 2012. O documento está disponível para ser baixado na biblioteca do Governo Eletrônico em
   www.governoeletronico.gov.br/biblioteca/arquivos/guia-para-implementacao-da-lei-de-acesso-a-informacao-lai-nos-sitios-do-governo
   Se voce não tem senha pode acessar por aqui:
   http://www.unifesp.br/images/guia_lai.pdf
3. Cartilha de Acesso à Informação Pública:
   http://www.prppg.ufpr.br/sites/default/files/documentos/gabinete/cartilhaacessoainformacao.pdf
4. Manual de Uso do Selo de Acesso à Informação
   Disponibilizado na página da CGU (http://www.cgu.gov.br/acessoainformacaogov/identidade-visual/)
5. Padrões de Interoperabilidade de Governo Eletrônico - e-PING
   http://eping.governoeletronico.gov.br/#s10.3
6. Cartilha de Usabilidade:
   http://epwg.governoeletronico.gov.br/cartilha-usabilidade
7. Acessibilidade:
   http://www.governoeletronico.gov.br/biblioteca/arquivos/e-mag-3.0/download
8. Dados Abertos:
   Envie os dados públicos sobre o governo em formatos aberto para esse site
   http://dados.gov.br/
9. Por que estamos fazendo isso?
   Em 18 de novembro de 2011 foi sancionada a Lei de Acesso a Informação Pública (Lei 12.527/2011) que regula o acesso a dados e informações detidas pelo governo. Essa lei constitui um marco para a democratização da informação pública, e preconiza, dentre outros requisitos técnicos, que a informação solicitada pelo cidadão deve seguir critérios tecnológicos alinhados com as “3 leis de dados abertos”.
   O Brasil como membro co-líder da Parceria de Governo Aberto, ou Open Government Partnership (OGP), tem este compromisso.
   
   Esqueci algo, comente?

Barra de administração no Blogger igual ao Wordpress

Todos que usam o Wordpress.org sabem que assim que abrimos o blog existe uma barra para administração visível apenas para o editor do blog. Foi assim que decidi fazer uma igual mas com uma diferença, essa era para o Blogger.

Assim surgiu o seguinte código:

Atenção! Antes de fazer qualquer modificação no seu template faça um BACKUP do mesmo.

<span class="item-control blog-admin">
<div id="barra-admin">
<div class="barra">
<ul>
<li><span class="item-control blog-admin"><a href="http://draft.blogger.com/home">Painel </a></span></li>
<span class="item-control blog-admin">
<li><a href="http://draft.blogger.com/blogger.g?blogID=XXXXXX#editor">Nova Postagem</a></li>
<li><a href="http://draft.blogger.com/blogger.g?blogID=XXXXXX#allposts">Editar Postagens</a></li>
<li><a href="http://draft.blogger.com/blogger.g?blogID=XXXXXX#basicsettings">Configurações</a></li>
<li><a href="http://draft.blogger.com/blogger.g?blogID=XXXXXX#pageelements">Layout</a></li>
<li><a href="http://draft.blogger.com/blogger.g?blogID=XXXXXX#pendingcomments">Moderar Comentários</a></li>
</span></ul>
<div class="busca">
</div>
<form action="/search" id="searchform2" method="get">
<div>
<span class="item-control blog-admin"><input id="s" name="q" type="text" value="" /></span>
<span class="item-control blog-admin"><input id="searchsubmit" type="submit" value="Busca" /></span></div>
</form>
</div>
</div></span>

Você irá colar este código IMEDIATAMENTE depois da tag <body>. Onde estiver em vermelho, você substituirá pelo ID do seu blog. Na URL do seu painel de administração o ID estará logo depois da tag "blogID=".

Em seguida, você irá adicionar o código CSS no seu HTML:

/*--- Barra Admin---*/
#barra-admin{width:100%;height:20px;padding:5px;background:#CCC;position:fixed;box-shadow:#333 0 0 10px;margin-top:-2px}
#barra-admin .barra{width:1007px;margin:0 auto 0;}
#barra-admin ul{list-style:none;border:none;margin:-18px 0 0 0;padding:0;}
#barra-admin li{float:left;position:relative;display:inline;}
#barra-admin li a{display:block;color:#333;text-decoration:none;padding:7px;}
#barra-admin li a:hover{background:#666;color:#FFF;text-decoration:none;}
#barra-admin .barra #searchform2{float:right;margin:3px 30px 0 0;}

Salve!

10 Extensões Plugins derivados do Firebug para o Firefox

Plugins derivados do Firebug: Descubra Dez extensões derivadas do Firebug, criados para agilizar o desenvolvimento de portais.

* FlashFirebug - Depurar qualquer AS3 arquivos SWF na web. Editar as propriedades e inspecionar elementos como você faz para HTML. Redirecionar erros, avisos traços para a prorrogação. Esta extensão requer a extensão Firebug e Flash Player Debugger.https://addons.mozilla.org/pt-BR/firefox/addon/flashfirebug/

* Firefinder - Localiza elementos HTML correspondência escolhida seletor CSS (s) ou expressão XPath

https://addons.mozilla.org/pt-BR/firefox/addon/firefinder-for-firebug/

* Firebug Autocompleter - Melhora o auto-complit do Firebug com o comando line autocomplete.

https://addons.mozilla.org/pt-BR/firefox/addon/firebug-autocompleter/?src=api

* FireQuery - uma extensão Firebug para o desenvolvimento jQuery

http://firequery.binaryage.com/

* FirePath - é uma extensão que adiciona uma ferramenta de desenvolvimento para editar e gerar expressões XPath 1.0, seletores CSS 3 e seletores JQuery no Firebug.

https://addons.mozilla.org/pt-BR/firefox/addon/firepath/

* Fireform - Um preenchimento de formulários simples e configurável. Inclui suporte para vários perfis e nomes de campos personalizados.

https://addons.mozilla.org/pt-BR/firefox/addon/fireform/

* FirePHP - permite que você faça logon no Firebug e utilize chamadas de métodos simples em PHP.

https://addons.mozilla.org/pt-BR/firefox/addon/firephp/

* Firecookie - é uma extensão para Firebug que torna possível visualizar e gerenciar cookies no seu navegador

https://addons.mozilla.org/pt-BR/firefox/addon/firecookie/

*Illuminations for Developers for Firebug - Aumenta o Firebug para entender bibliotecas JavaScript e quadros, tornando as coisas mais óbvias e útil quando estiver depurando. Versão de teste.

*RailsBug - Firebug Extensão para inspecionar Ruby on Rails

https://addons.mozilla.org/pt-BR/firefox/addon/illuminations-for-developers/

Nessesário o firebug instalado! 
Firebug:
https://addons.mozilla.org/pt-br/firefox/addon/firebug/

O ditador invisível

O ditador invisível

Crenças limitantes são traiçoeiras.

Crenças limitantes geralmente são invisíveis.

Elas estão bem na nossa cara e não as notamos.

E apesar disso, determinam nossos comportamentos, nossas atitudes.

Pense em algo que não tem muita vontade de fazer.

Se você diz ou pensa

Isto é muito chato de fazer

Nao gosto de fazer isto

Isto dá muito trabalho

Isto não tem sentido

Não é minha responsabilidade

Estou perdendo tempo

Só de pensar me dá preguiça

etc.

Saiba que cada um desses pensamentos é uma crença limitante.

Para maioria das pessoas, é uma surpresa saber que essas frases tão comuns sejam crenças limitantes.

Às vezes nem temos consciência desses pensamentos.

No entanto, sentimos algo desagradável em nosso copo:

uma moleza, preguiça, tensão nos ombros, etc.

Ou ficamos mal-humorados, desanimados, irritados.

O que há por trás dessas sensações e sentimentos desagradáveis?

São aquelas mesmas crenças - só que não temos consciência delas.

O problema com as crenças limitantes é que elas limitam nossas possiblidades.

Nós agimos de acordo com essas crenças.

Fazemos coisas inúteis ou que nos prejudicam.

Deixamos de fazer coisas importantes - mesmo sabendo aonde tudo isso vai nos lebar.

Se eu digo que aquele trabalho é chato, eu tenho as reações e comportamentos de acordo com isso.

E tenho os resultados coerentes com tudo isso.

Seria muito estranho se eu dissesse que o trabalho é chato, que estou perdendo tempo e ao mesmo tempo estivesse sorridente, executando o trabalho com muito prazer e satisfação. Afinal, eu tenho que manter a coerência...

.

Uma ótima semana para você.

Mizuji Kajii