Saltar para: Post [1], Comentar [2], Pesquisa e Arquivos [3]

A Equipa

O blog da equipa do SAPO Blogs. Um espaço para falar de blogs, esclarecer dúvidas e partilhar boas ideias.

Novos templates, made with @inksapo

18.03.14 | Pedro Neves

 

Disponibilizámos três novos templates na área de gestão, que podem escolher e personalizar à vontade: Horizonte, Tag e Elevador.

 

Como habitual, os novos templates são elásticos (ajustam-se ao ecrã onde são vistos, seja num laptop, tablet ou telemóvel) e colocámos grande ênfase em simplificar o interface das cores e menus, para que sejam mais fáceis de customizar.

 

Os templates foram feitos em Ink, uma ferramenta gratuita para criar sites e aplicações web, desenvolvida pelo SAPO, de que vão ouvir falar mais nos próximos tempos.

 

É a nossa primeira experiência com o Ink, pelo que contamos com o vosso feedback para continuar a lançar mais e melhores templates :)

4 comentários

  • Imagem de perfil

    triviante

    05.09.14

    Pedro,

    o ano passado andei várias semanas às turras com o template ◦Mosaicos (layout: 1061398) antes de desistir:
    o template era adaptável, e o único com caixas, mas não conseguia torná-lo mmais flexível apenas com javascript e css para a apresentação; dediquei-me a aprender s2 (a única documentação que encontrei foi mesmo a vossa) e a alterar o template, apenas para chegar à conclusão fizesse o que fizesse, era impossível inserir variáveis que não estivessem presentes no menu da personalização intermédia.

    Apesar disso, as condições de utilização do sapo blogs são-me particularmente atractivas, pelo que, quando precisei agora de um blog rápido, escolhi um dos templates da framework ink para configurar o blog http://trivial.blogs.sapo.pt.

    Logo à partida estranhei que um template feito no ink não contivesse as classes modernizr no body, mas conformei-me a evitar declarações css demasiado recentes. A tentativa de usar javascript standard revelou-se improdutiva (nem um simples appendChild() é permitido); Estranho mesmo foi reparar na duplicação do menu de topo quando fui alterar as links. Tive de esconder o "Arquivo" duplicado com css em vez de remover do DOM.

    Mas adiante, optei então por fazer a coisa bem simples. O blog ainda não tem conteúdos e podia estar melhor, mas funciona nos browsers e dispositivos até agora testados.

    Quanto às meta tags, verifiquei que a tag descrição está vazia mas sem conteúdo. O que significa que para inserir a meta tag via extras duplico a tag. Normalmente não me preocupa muito a listagem no google, mas este é um blog público, e tenho pouco tempo, preciso de conteúdo na descrição.
    Existem meta tags inválidas (a X-UA-Compatible é necessária se não for possível configurar o pedido no servidor via http header, foaf:maker provavelemnte faz parte do serviço e msapplication-notification é para o icon de imagem fixa no windows 8, substituível por um ficheiro na raíz, impossível nos blogs do sapo). Há que saber viver com tags meta tags não registadas no cabeçalho do documento, não é grave.

    E se calhar não devia, mas corri o validador da W3C. Ok, picuinhices, mas não esperava encontrar uma div dentro de uma ul nem um id duplicado.
    Já perdi tanto tempo que não me posso dar ao luxo de recomeçar um blog noutro serviço. Até porque eu gosto dos blogs do sapo.
    E também não tendo tempo nem conhecimentos suficientes para corrigir esses erros via s2, por isso perco a vergonha e dirijo-me directamente ao Pedro:

    Será que dá para corrigir no layout os seguintes erros:

    <-- ... -->
    <-- head -->

    <-- posts -->

  • Imagem de perfil

    triviante

    05.09.14

    Peço desculpa, não consigo editar o comentário, mas não reparei que me esquecera de envolver o código com erros.
    Cá vai então o código
    <code>
    <-- ... -->
    <-- head -->
    <meta name="description" content="">
    <-- posts -->
    <nav class="ink-navigation assinatura">
      <ul class="menu horizontal">
      <li>
       <-- não é grave, mas border está obsoleto, remover borders (basta a css) -->
       <img border="0" src="http://blogs.sapo.pt/userpic/110591/697308" alt="" /><br />
       <-- ... -->
      </li>
    <-- barra de extras à direita -->
    <div class="all-30 hide-small hide-tiny">
     <nav id="barralateral" class="ink-navigation">
      <ul class="menu vertical sidebar">  
       <div class="extras"> <-- dentro da ul só li; a li pode ter div dentro -->
        <div class="arquivo">
         <h3 id="arquivo">Arquivo</h3>
          <-- ... -->
    <-- barra de extras ao fundo -->
    <div class="hide-xlarge hide-large hide-medium all-100">
     <nav id="barralateral" class="ink-navigation">
      <ul class="menu vertical sidebar">
       <div class="extras">
        <div class="arquivo"> 
         <h3 id="arquivo">Arquivo</h3> <-- id duplicado -->
          <-- ... -->
    </code>
    Mil obrigados
    T
  • Imagem de perfil

    Pedro Neves

    05.09.14

    Bom dia,

    desde logo, ficamos contentes por encontrar condições atrativas na utilização do SAPO Blogs e por estar a tentar, com tanta dedicação, ultrapassar as limitações que encontrou :)

    Vamos analisar com mais atenção as questões que nos coloca. Se voltar a sentir necessidade de partilhar mais feedback que inclua código esteja à vontade para usar o nosso e-mail, em sapoblogs@sapo.pt (não tem limite de carateres nem outras limitações do nosso formulário de comentários).
  • Comentar:

    CorretorMais

    Comentar via SAPO Blogs

    Se preenchido, o e-mail é usado apenas para notificação de respostas.

    Este blog tem comentários moderados.

    Este blog optou por gravar os IPs de quem comenta os seus posts.