Skip to content
Janeiro 16, 2021

Código Fonte

Conteúdo para você se capacitar em programação

  • Início
  • javascript
  • ruby
  • rails
  • php
  • css
  • bash
  • c#
  • nodejs
Main Menu

css

css / evil / ie / rage

mostrando e escondendo: antes e: depois no IE8

Parece que o :beforee :afterno IE8 têm problemas com a exibição. Se uma classe dá um display: blocke sem ele, o display: noneIE8 não é um campista feliz. Ele começa …

Continuar lendo
css / kyotoweb / less / mixins / optimization

Truque simples para otimizar suas bibliotecas de mixins MENOS

Quando se trata de criar um mixin não paramétrico, a página inicial do LESS diz: .bordered { border-top: dotted 1px black; border-bottom: solid 2px black;} Então você pode fazer: .container …

Continuar lendo
compass / css / sass / scss / source map

Habilitar mapas de origem CSS no Compass

Eu estava conversando com um colega de trabalho esta manhã sobre mapas de origem CSS. Eu nunca consegui fazer o Compass criar mapas de origem para mim. Tentei novamente esta …

Continuar lendo
clearfix / css / mixin / sass

SASS ClearFix Mixin

CSS Clear FIx Mixin para SASS # [email protected] clearFix(){ &:before, &:after{ content: ” “; display: table; } &:after{ display: block; clear: both; height: 1px; margin-top: -1px; visibility: hidden; } &{ …

Continuar lendo
css / forms / symfony2

Formulários Symfony2: maneira mais fácil de adicionar um * aos rótulos de campo obrigatórios

Por padrão, os rótulos dos campos obrigatórios são renderizados com a classe “obrigatória”. Para adicionar um asterisco a esses rótulos, basta adicionar o seguinte em sua folha de estilo: .required:after …

Continuar lendo
animations / css / css animations / easing / user experience / user interface / web apps

Sobre a direção de animações

Encontrei este pequeno artigo de Paul Lewis e me lembrou da importância de animações adequadas na IU. É quase como dirigir um filme, cada quadro tem que ser colocado ali …

Continuar lendo
code for designers / css

Números de lista ordenados de estilo

Ao estilizar listas, eu inevitavelmente removo os marcadores ou números padrão com CSS, usando algo como: li { list-style-type: none;} E acabam substituindo o marcador ou número por uma imagem …

Continuar lendo
css / sass / scss

Absurdly Abstract @ font-face PT.2 – estilo da fonte

6 meses atrás eu criei um protip chamado Absurdly Abstract @ font-face mixin com a intenção de tornar mais fácil incluir fontes de marca. No final daquele artigo, observei que …

Continuar lendo
css / html / javascript / jquery / zoom

Criação de um site com zoom com unidades em

Recentemente, atualizamos o site da nossa empresa ( http://theagilemonkeys.com ). Quando estávamos na mesa de design, o que queríamos é que a experiência do site fosse a mesma, independentemente do …

Continuar lendo
css / twitter

Como definir a largura do widget do Twitter> 520px

Do usuário Kevin Woodberry sobre essa discussão : #twitter-widget-0{ width:760px; } “760px” pode ser, é claro, qualquer valor. Se você tiver mais de um widget na página, talvez precise usar: …

Continuar lendo
best practice / compass / css / sass

SASS Best Practice

Se você precisar criar muitos estilos diferentes, mas semelhantes, lembre-se do tipo de dados da lista e da regra @each. Mau .x-icon { width: 40px; height: 40px; background-size: contain; &.cat …

Continuar lendo
angular.js / css / databinding / javascript / less

Colorir um Div, Span ou ícone Glyph em resposta aos dados

O Problema: Queremos que os recursos no dom tenham uma de 3 cores e queremos que essa cor seja determinada pelos dados. A Solução: Insira uma string, que por acaso …

Continuar lendo
angular.js / css / glyph-icon / ng-hide / ng-show / ng-style / placeholder image

Se não houver imagem de perfil, mostre um ícone de glifo de espaço reservado usando Angular

O problema: Queremos tirar uma foto de uma pasta que contém fotos de perfil. No entanto, não temos fotos de perfil para todos. Quando não há uma foto de perfil, …

Continuar lendo
angular / css / icons

Implementando ícones Glyph com Angular

Leia a história de fundo ou vá direto para os produtos, rolando para baixo até “Processo de implementação” … No projeto mais recente da minha equipe, usamos um conjunto de …

Continuar lendo
css

Quão impressionantes são os pseudo seletores CSS?

Resposta: MUITO! Vá para a demonstração: http://dabblet.com/gist/3333961 Uma dica muito legal que eu gostaria de compartilhar é ocultar / mostrar conteúdo usando pseudo seletores CSS. Na demonstração, temos uma caixa …

Continuar lendo
bootstrap / columns / css / custom / twitter

Layout de 5 colunas com Twitter Bootstrap

Por padrão, o Bootstrap não fornece um sistema de grade que nos permite criar um layout de cinco colunas, mas como você pode ver, é bastante simples. Em primeiro lugar, …

Continuar lendo

Navegação de artigos

1 2 … 50 Seguinte

Javascript

Ver Tudo

Tratamento de imagem de retina

Janeiro 11, 2021

Chamadas Ajax Async fáceis

Janeiro 7, 2021

Exibir tweets na página da web.

Janeiro 5, 2021

Converter cores hexadecimais em RGB em JS

Janeiro 1, 2021

Links de redes sociais dinâmicas (“Compartilhe esta página”)

Dezembro 28, 2020

Use _.bind () para retornos de chamada simples.

Dezembro 27, 2020

Php

Ver Tudo

Magento – Ocultar tipos de produto

Janeiro 15, 2021

Magento – obtendo uma lista de produtos simples de um produto configurável

Janeiro 15, 2021

Evite CKEditor para WordPress incluindo lixo na sua cabeça

Janeiro 14, 2021

Atualizar Doutrina – PHP

Janeiro 13, 2021

[PHP] Barra de diretório para plataforma cruzada

Janeiro 10, 2021

Executar solicitação HEAD

Janeiro 6, 2021

Python

Ver Tudo

remover BOM em colunas (pandas, python)

Janeiro 5, 2021

Backend de autenticação de email Django

Dezembro 27, 2020

Função Django para criar forma para um objeto modelo

Dezembro 24, 2020

Roubar o nome do branch atual do Github do Jenkins

Dezembro 22, 2020

Twitter desde python

Dezembro 22, 2020

JSON.stringify () bonita impressora

Dezembro 21, 2020

Ruby

Ver Tudo

Acessando um servidor da web hospedado localmente

Janeiro 16, 2021

Manter um espelho local de Rubygems.org

Janeiro 14, 2021

Acesse rapidamente a fonte de uma joia no Vim

Janeiro 1, 2021

Evite se repetir com state_machine

Dezembro 30, 2020

Conheça ruby-local-exec

Dezembro 30, 2020

method.source_location

Dezembro 29, 2020

Copyright © 2021 Código Fonte.