Conteúdo para você se capacitar em programação
Então, para meu projeto atual, precisei animar caixas e fade-las uma após a outra. Abaixo está uma captura de tela. HTML <section> <div></div><div></div> <div></div><div></div> <div></div><div></div> <div></div><div></div></section><section> <div></div><div></div> <div></div><div></div> <div></div><div></div> <div></div><div></div></section><section> …
Continuar lendo<a href=” http://whywaitinfotech.com/web-design/drupal-sass-compass-a-perfect-match/ “rel=”bookmark”> Drupal + Sass & Compass, uma combinação perfeita! </a> Usar CSS para um projeto da web agora é de uso comum; lembre-se que o CSS foi …
Continuar lendoComeçando … Isso é o que penso e é assim que faço o trabalho. E a dica profissional não é definitiva, é uma espécie de rascunho. Sinta-se à vontade para …
Continuar lendoiOS e Android são inteligentes o suficiente para usar :hovere :focusestilizar os botões, mas de uma maneira única. Há muito tempo meus projetos são atormentados por estados de foco em …
Continuar lendoExistem várias maneiras de converter seu site em RTL. Converter manualmente o arquivo, usando plug-ins, scripts, etc., ou – escrever código inteligente . Não quero dizer que seu código pensará …
Continuar lendoSe você seguir a tradição do Rails e nomear seus arquivos SASS como foo.css.sass, você deve ter notado alguns avisos de depreciação na compilação após atualizar o sass-rails. O .css …
Continuar lendoVocê pode usar injeção de estilo ao desenvolver aplicativos sinatra, permitindo que você veja as alterações de css / sass sem atualizar seu navegador. Isso é especialmente útil ao fazer …
Continuar lendoPresumivelmente porque as pessoas amam CSS (?) Rails padroniza para SCSS ao gerar folhas de estilo. Eu uso HAML em vez de HTML, então SASS é um ajuste muito melhor. …
Continuar lendoEu estava tendo alguns problemas ao usar bússola e grades Zen, enquanto lidava com $zen-column-countvariáveis em um tema Drupal. Se você está tendo o mesmo problema, é devido a uma …
Continuar lendo@mixin font-size($sizeValue: 16, $line: $sizeValue * 1.5) { font-size: ($sizeValue) + px; line-height: ($line) + px; font-size: ($sizeValue / 16) + rem; line-height: ($line / 16) + rem;}
Continuar lendoRecentemente, converti um projeto de Ruby Sass and Compass para libsass. O mixin Compass font-faceestava sendo usado para produzir as @font-faceregras. Já que não queria ter que escrever @font-faceregras individuais …
Continuar lendoConforme explicado detalhadamente neste post , é bastante fácil criar um sprite dinamicamente e nunca mais ter que pensar em posições de fundo. Simples como: @import “compass/utilities/sprites”;@import “foo/*.png”;@include all-foo-sprites; E …
Continuar lendo/** * Mixins & Functions */@function get-vw($target) { $vw-context: (1000*.01) * 1px; @return ($target/$vw-context) * 1vw;}@mixin responsive-font($init, $scaled) { font-size: $init; @media screen and ($tablet) { font-size: $scaled; }}@mixin responsive-window($bg) …
Continuar lendoEi pessoal, tenho uma pequena solução para vocês. Tive o problema de obter uma sombra de caixa de inserção nas imagens. Por isso tento algo em CSS e funciona! Markup …
Continuar lendoconfig.rb // Syntaxpreferred_syntax = :scss// Pathshttp_path = “/”images_dir = “/img”javascripts_dir = “/js”sass_dir = “/css/scss/”css_dir = “/css/”if environment == :development line_comments = true output_style = :nested sass_options = {:debug_info => true}endif …
Continuar lendoRichCSS é uma estrutura CSS que fornece estruturas padrão para elementos css reutilizáveis. Ele é construído em torno de um Estilo de Arquitetura que organiza seu código de uma forma …
Continuar lendo