Madly Luv

Pensando responsivo

Olá, finalmente! ;D Desde maio sem dar as caras aqui no blog é tempo demais. Sei que demorei demais para voltar desta vez, mas o motivo do sumiço renderia outro post completo. Então, hoje falarei apenas sobre o blog, o novo layout e suas novidades. O Madly Luv é o meu cantinho-barra-zona-de-testes pois aqui posto e pratico o que amo. Por isso, sempre tento superar a cada layout e implementar tudo o que aprendi desde o último. E este é um tiquinho diferente dos outros.

O lance desta vez é o Design Responsivo, que é tendência em web design atualmente, que consiste basicamente em apresentar um site em vários tamanhos e dispositivos de forma única para cada um. Tudo isso sem perder a identidade, a navegabilidade e conteúdo principal. Como já mostrei vários sites deste tipo por aqui, eu sentia que precisava também entender este novo modo de pensar. Já estava um pouco familiarizada com esta tendência por causa dos artigos que leio e também pelos meus colegas de trabalho já terem esta experiência, me dando sempre ótimos conselhos.

Leia o restante do post clicando em "Saiba mais" abaixo :D


 
Pensar responsivamente não é nada fácil, às vezes é tentar pensar ao contrário (cuma?), ou seja, da menor resolução para a maior e tentar perder menos informação possível do site. Se já era gratificante ver um trabalho simples funcionando, imagina um que teve o triplo do trabalho? 😊

A medida que a resolução dos dispositivos vão caindo, é notável que também há uma certa perda de conteúdo. Você irá perceber que a coluna menor deixará de aparecer e ficará apenas o topo, menu, posts e o rodapé (como na imagem acima). Sei que pode ser irritante ver um blog no iPad ou no smartphone que demora um mundo inteiro para descer a barra de rolagem só por conta da coluna lateral, sem contar na desproporção dos elementos desta! Sei que há blogs e sites assim, mas eu preferi deixar o foco apenas nos posts, que é o que realmente interessa. Qualquer navegação poderá ser feita no menu do topo, clicando nos ícones de login, newsletter ou busca (que abrirão em uma janelinha mega fofa! 😊 ), ou nas categorias que aparecem no rodapé. 😊

Como eu já sabia que seu desenvolvimento seria complicado, investi num layout mais simples para eu ter mais liberdade. Talvez para você, leitor, não vê as mil e uma maravilhas que tanto esperou ao chegar por aqui sabendo que tem layout novo. Isso porque o xis da questão por aqui foi a programação front-end e otimização de banco de dados e abandono de alguns (vários, cof cof!) plugins. Tudo para ficar mais rápido para você 😎

Agora, você deve estar se perguntando: "Ué Ana, cadê a marca que você tinha feito?" Pois é, eu quis me matar quando me deu a vontade de muda-la, pois no começo pensei que estava atirando em meu próprio pé (#mejulge) e ir contra todas as minhas justificativas e defesas que fiz a favor da marca antiga. Mas o que posso fazer se não consegui me adaptar? Não passou nem um mês eu já não aguentava olhar para a cara dela mais, e acabei voltado ao uso da tipografia cursiva que usei em minhas outras não sei quantas dezenas de layouts que eu fiz para o Madly Luv durante estes 5 anos de blog. Pedi várias opiniões de meus colegas e até de algumas blogueiras, como a fofa da Angélica (obrigada, linda!), para ver se eu poderia estar fazendo errado. Mas percebi que essa atual remete mais ao blog e toda sua ideologia e personalidade do que a anterior. O que você acha?

O padrão cromático nem preciso comentar. Creio que seja o 5º ou o 6º layout que já fiz somente com essas cores e com ilustrações florais, pássaros e afins. Disso, ainda não consigo e demorará muito para eu largar de mão, hehe.

Por enquanto, é só. Como este é o meu primogênito no design responsivo, espero MUITO um feedback seu! Teste em seu tablet, smartphone, iPhone, iPads, iPods e "ai-não-pódes", hehe. Preciso que reporte a mim qualquer sugestão ou erro, tanto de estruturação (como certas coisinhas fora do lugar) ou navegação. Ficaria extremamente grata com sua ajuda! Em gratidão, prometo que faço o possível para não sumir, hehe. xD


Comentários

  • Ana Souza

    Oi Xará! :)
    Como você faz para manter o padding no conteúdo dos seus posts e deixar as imagens rente às bordas (esquerda e direita)? Menina tô um século querendo deixar o meu assim e não consigo! Espero que possa me ajudar, bjs!

    • Aninha

      @Ana Souza, eu uso uma função que retira a tag de parágrafo da imagem. No meu CSS eu projetei para que os parágrafos possuíssem padding, e dai utilizo essa função para retirar o parágrafo que o wordpress coloca por padrão nas imagens, dai elas automaticamente ficam ocupando toda a área do post. :)

  • Gabi

    Anaaaaa! Surtei com seu layout, está mais do que perfeito! Amei as cores, a simplicidade de tudo, a delicadeza, e tudo adaptável… realmente é complicado pensar responsivo às vezes, tendo que pensar "ao contrário", hehe. Mas é mesmo muitíssimo gratificante. É por isso que te admiro, olha o que você fez aqui… de cair o queixo, meus super parabéns!
    Beijão. Também prometo não sumir mais daqui. Vou tentar! rs ;)

    • Aninha

      Olha quem fala @Gabi, hehe! Também surtei quando vi seu layout, é puro amor! ♥
      Beijo grande linda, e obrigada por tudo! =*

  • Joana Lopes

    Nossa acabei de conhecer o teu blog, e posso dizer que estou apaixonada guria, tu tem um blog muito perfeito parabens já sou mais uma leitora tua.

    • Aninha

      Jura @Joana? *-*
      Pois fico muito feliz e agradecida. 😊

      Obrigada pela sua presença e até breve ;)

  • Isa

    Faço sim, depois de anos acompanhando os blogs resolvi começar o meu só que ele é bem novinho mesmo.. Tem problema? E que honra esse seu pedido! =)

    • Aninha

      Não há problema @Isa ;)
      Ma pessa seu banner 120×60 para eu cadastrar na área de parceiros, por gentileza? Em troca, você pode pegar o banner no tamanho em que se sinta mais à vontade para utilizar. ;)

      Beijocas!

  • Jana

    Nossa, Ana! Que evolução! Sinti saudades em voltar a blogar com wordpress e tudo haha
    Eu adorei o layout, ficou muito bem elaborado, ainda mais com essas cores, eu AMO essa combinação _<
    Beijos, Jana

    • Aninha

      Oi @Jana, sua sumida, rs
      Essas cores são de matar né… também adoro elas 😊
      Beijocas e muito obrigada. 😊

  • Ze

    Eu sempre entrava pra ver se estava online, enfim..que bom que voltou..esse blog faz a diferença

    • Aninha

      Muito obrigada @Ze *-*
      Fico feliz em saber que o ML faz a diferença. Pretendo não deixa-lo tão cedo. :)

      Abraços e tenha uma ótima semana!

  • Emi

    Sempre ficam maravilhosas as suas criações. :)

    • Aninha

      Obrigada @Emi, de verdade. Um elogio vindo de você é muito gratificante, visto que também sou apaixonada pelas suas criações e muitas vezes minha fonte de inspiração *-*

      Beijocas e obrigada!

  • Tony

    Eu amei a volta do Madly Luv, há anos eu não me atrevo com a blogosfera, sinto falta inclusive da época de blogs em bevel, com aqueles styles e etc. Bate até uma nostalgia haha. Parabéns pelo sucesso do blog, Ana.

    • Aninha

      Oi @Tony!
      Nossa, os blogs em bevel… a quanto tempo não vejo isso! Foi a moda do blogs em bevel que me atraiu para este mundo da blogosfera. E, de fato, bate uma nostalgia danada.
      Caso volte a voltar, me avise! Vou querer visita-lo 😊

      Abraços e obrigada! ;)

  • Rosângela Marques

    Este é o melhor layout que eu já vi em toda a minha vida!!! É tão delicado e essas cores são tão amáveis. Estou completamente apaixonada e confesso que quero roubar esse lay para mim, hahaha, brincadeira. Me deu uma vontade imensa de criar um blog e ter um lay seu! Ah, estava quase me esquecendo de dizer o quanto eu estava sentindo saudades do Madly Luv, viu dona Ana? Espero que não suma mesmo! Nem acho Goiânia tão grande assim para eu nunca ter esbarrado com você por aí, não é? Enfim, tenha uma ótima semana, beijos!

    • Aninha

      Awwn @Rosângela, imagina, obrigada! *-*
      Espero de fato não sumir por tanto tempo assim… as sumidinhas básicas é de lei por falta de tempo né? Mas me sinto renovada ao receber comentários assim como o seu falando que sentiram falta do blog. Fico extremamente grata!

      E você é daqui de Goiânia? Oh Deus… no mínimo devemos nos ter esbarrado e não percebemos, hehe. Goiânia é um ovo! kkkkkkk

      Beijocas e boa semana pra ti também .*

  • Maíra

    Aninha! Faz tempo que não venho aqui, e dessa vez me surpreendi MUITO! sério,minha cara foi uma das melhoras, como, UAU como ela consegue?! huahuahuha meu foco sempre foi o design gráfico, gosto de web, mas é bem pouco e você sempre foi uma das pessoas que me inspiraram pra fazer sempre algo lindo e diferente :D AMEI tudo nesse novo layout, principalmente a nova programação, tenho um namorado que é webdesigner e olha como ele fala sobre esse design responsivo ;s ahuahah sempre fiquei muito curiosa pra saber mexer e entender ;s é bem complicado né?! por causa que mudou alguns códigos de css e html também ;s eu andei dando uma lida, queria testar isso no meu blog também, acho que é super válido e fica bem mais viável! testei no meu celular que é android e ficou perfeitinho, só a paginação dos posts, ficou quebrado, tipo, anterior e o números em cima, e o botão de próximo pra baixo. Mas acho que isso nem é tão relevante ahuaua AMEI e parabéns pelo ótimo trabalho ;s confesso que sempre olho no seu portfolio pra ficar babando nos seus trabalhos aauhauha Sucesso sempre aninha! Beijos :*

    • Aninha

      Imagina @Maíra! Hshuashuahs
      Sério, fico feliz demais por essa grande consideração *-* Pensa que também não penso em você para algo relacionado ao design? Não me esqueci daquele post que você fez falando da nova marca do Japona, utilizando os conceitos de design, rafes e tudo mais!
      De fato, fazer um layout responsivo é bem complicado, mas é gratificante no final. Puxa a orelha do namorado e pede para ele te dar umas dicas e te ajudar quando você sentir que é a hora certa para fazer, hehe 😊 Pode ter certeza que tem meu total apoio e também posso te ajudar no que for preciso! ;D
      E obrigada por me falar sobre a paginação! É coisinha boba mesmo, mas sempre é bom dar uma arrumada nestes pequenos detalhes, né?

      Beijocas e obrigada por tudo! ;*

Veja mais comentários:
1 2 3 4
ir ao topo