sábado, 7 de novembro de 2015
quarta-feira, 21 de outubro de 2015
HTML5 Tag figure
O HTML5 introduziu duas novas tags específicas para imagem: <figure> e <figcaption>. A tag <figure> define uma imagem usando
a tag <img>. A tag <figcaption> define uma legenda legenda para a imagem.
A tag <img> necessita de dois atributos preenchidos: src e alt.
O atributo src apresenta local da imagem e o atributo alt apresenta um texto alternativo para a imagem caso essa não possa ser carregada.
a tag <img>. A tag <figcaption> define uma legenda legenda para a imagem.
A tag <img> necessita de dois atributos preenchidos: src e alt.
O atributo src apresenta local da imagem e o atributo alt apresenta um texto alternativo para a imagem caso essa não possa ser carregada.
<figure> <img src="img/ponte.jpg" alt="Ponte sobre o Rio Tietê em Barra Bonita-SP">
<figcaption>Ponte Campos Salles - Rio Tietê - Barra Bonita-SP</figcaption>
</figure>
segunda-feira, 19 de outubro de 2015
Html5 Inserir texto em canvas
Segue um exemplo de utilização de texto em <canvas>.
O gráfico forma a relação de tamanhos de um calçado disponíveis ou não em estoque.
<canvas>
Esse elemento define a região no documento a ser usada como um canvas bitmap. Scripts são usados para renderizar gráficos interativamente.
Sintaxe:
<canvas id="n33" width="25" height="25" style="border:1px solid #808080"></canvas>
<script>
getContext (context id) - Retorna um objeto que expõe a API necessária para acessar as funções gráficas.
var ctx=c.getContext("2d");
fillStyle - Inclui a cor ou o estilo aplicado a uma chamada de fill().
ctx.fillStyle = "#eeecec";
fillRect (x, y, w, h) - x e y determinam a posição inicial, w determina a largura e h determina a altura do retangulo. A aparência é determinada por fillStyle.
ctx.fillRect(0, 0, 30, 30);
fillText(text, x, y [, maxWidth]) - O texto (text) é escrito na posição (x, y) de acordo com fillStyle.
ctx.fillText("33", 5, 17);
O gráfico forma a relação de tamanhos de um calçado disponíveis ou não em estoque.
<canvas>
Esse elemento define a região no documento a ser usada como um canvas bitmap. Scripts são usados para renderizar gráficos interativamente.
Sintaxe:
- id - identificador alfanumérico
- width - largura (pixels)
- heigth - altura (pixels)
- style - informações do estilo
<canvas id="n33" width="25" height="25" style="border:1px solid #808080"></canvas>
<script>
getContext (context id) - Retorna um objeto que expõe a API necessária para acessar as funções gráficas.
var ctx=c.getContext("2d");
fillStyle - Inclui a cor ou o estilo aplicado a uma chamada de fill().
ctx.fillStyle = "#eeecec";
fillRect (x, y, w, h) - x e y determinam a posição inicial, w determina a largura e h determina a altura do retangulo. A aparência é determinada por fillStyle.
ctx.fillRect(0, 0, 30, 30);
fillText(text, x, y [, maxWidth]) - O texto (text) é escrito na posição (x, y) de acordo com fillStyle.
ctx.fillText("33", 5, 17);
SQL Server - Login do usuário expirou
Ao acessar o banco de dados de uma aplicação em Asp.Net, apareceu a seguinte mensagem proibindo o acesso em razão da senha do usuário artur_bb_SQLLogin_1 ter expirado.
Para retirar a propriedade de vencimento de senha, abra o SQL Server Management Studio,
encontre o logon usado na pasta de Segurança e visualize suas propriedades.
Em seguida desmarque a opção Impor vencimento de senha.
Para retirar a propriedade de vencimento de senha, abra o SQL Server Management Studio,
encontre o logon usado na pasta de Segurança e visualize suas propriedades.
Em seguida desmarque a opção Impor vencimento de senha.
domingo, 18 de outubro de 2015
Como melhorar o sinal do wi-fi
Em um cômodo da casa dos meus pais, o sinal do wi-fi não chegava. Reposicionar o roteador não era uma opção nesse caso. Já estava pesquisando preços de repetidores wi-fi, quando me ocorreu de pesquisar formas de melhoria do sinal. Eis que me deparei com a solução da latinha de alumínio. Fiz o recomendado e funcionou mesmo. Aí está uma ilustração da econômica solução.
sábado, 17 de outubro de 2015
Como mudar layout de formulário no Twitter Bootstrap
O Bootstrap apresenta três layouts para formulários:
Alinhado
Horizontal
- Vertical (padrão)
- Alinhado
- Horizontal
Vertical
Alinhado
Horizontal
Como funciona o layout do Twitter Bootstrap
O Bootstrap trabalha com um sistema de grid em seu layout.
O sistema é prioritário para dispositivos móveis, como
celulares, e é expansível para dispositivos maiores, como tablets, notebook,
desktops.
Regras do Grid
- As linhas do grid devem ser colocadas dentro de classes .container.
- Use linhas para criar grupos horizontais de colunas.
- Os conteúdos devem ser colocados dentro de colunas, e somente colunas podem ser imediatamente herdeiras (filhas) de linhas. Não usar linha após linha, sem preenchê-las com colunas.
- Há um espaçamento entre as colunas de 30px (15px de cada lado de uma coluna).
- O grid apresenta 12 colunas. Ao dividir o conteúdo de uma linha em colunas, deve-se atentar para que a soma de onze. Exemplo: ao dividir a linha em duas colunas, pode-se usar duas vezes a classe .col-sm-6 (6+6=12).
sexta-feira, 16 de outubro de 2015
quinta-feira, 15 de outubro de 2015
Schneider Unity Pro
Tutoriais
Criar um novo projeto e configurar o hardwareConfigurar um PRM (Profibus Remote Master) e criar uma rede Profibus-PA
Programar um PRM (Profibus Remote Master)
Criar rotina para motor de partida suave (Softstarter) Altistart
Criar rotina para válvula on-off e controlar uma válvula em rede Profibus-DP
Programar um PID para controlar instrumentos em uma rede Profibus-PA
Schneider Unity Pro - Criar um novo projeto e configurar o hardware
Nesse tutorial aprenda a criar um projeto e a fazer a configuração de hardware no Schneider Unity Pro. O PLC escolhido é da família Premium. O modelo é TSX H57 44M, Hot-Standby, 2 Mb programa com PCMCIA, Usb.
Aprenda a trocar a base do rack e a inserir cartões. Três cartões de comunicação Ethernet TCP/IP são inseridos no exemplo. O modelo de cartão é TSX ETY 4103. Aprenda a inserir um cartão PCMCIA na configuração.
O PLC é configurado para automaticamente iniciar em execução (Run). A área de memória %MW é aumentada. Um cartão ETY deve ser selecionado para permitir o funcionamento da redundância (Hot-Standby).
Assinar:
Postagens (Atom)