ATUALIZAÇÃO GERAL

NOVO Melhor compatibilidade com leitores de tela, com uso de ARIA [Accessible Rich Internet Applications]

NOVO tabindex: Agora é possível percorrer e utilizar o noteous apenas pelo teclado

NOVO Ajuste de tamanho de fonte: selecione entre tamanho pequeno, médio e grande de fonte para tornar o noteous mais confortável de usar. Antes, o ajuste era automático, baseado no tamanho de tela. Ou seja, em mobile, o tamanho de fonte sempre seria menor que em desktop.

NOVO Adicionados Termos de Uso e Política de Privacidade.

MELHORIADesign do noteous atualizado: campo de entrada de texto e placeholder agora combinam melhor com o tema escolhido.A maneira como o tema é aplicado mudou: em vez de um objeto com as propriedades do tema ser adicionado ao armazenamento, as propriedades são adicionadas separadamente. Além disso, há maior quantidade de propriedades de cor. Propriedade 'str' alterada para 'saturation' para identificação mais rápida

MELHORIA Página Saiba Mais agora é Ajustes&Info.

MELHORIA Desenho noteous cupcake revisado.

MELHORIATela de boas vindas redesenhada. Antes, para cada tipo de boas vindas (primeiro acesso ou nova versão) havia código separado. Agora o código é compartilhado tanto quanto possível.

MELHORIA Revisão de tags: vários elementos estavam com tags que não representavam sua função. Agora, dentro do possível cada elemento recebe uma tag de acordo com sua função.

MELHORIA Layout de edição atualizado: agora os botões ficam acima do campo de escrita de nota, e também são um pouco menores. Além disso, o botão cancelar/fechar recebe um novo símbolo.

MELHORIA "for" em write-label: Ao clicar na label "Qual o próximo passo?" o campo de entrada de nota recebe foco

AJUSTE Ao sair do modo de edição, o campo de escrita de nota recebe novamente o foco (apenas se tela não for mobile)

Uso de reset.css

Seção "Atualização para o noteous" removida.

AJUSTE Melhorias internas de código A nomenclatura de elementos HTML e suas referências no Javascript foi padronizada. Por exemplo, os elementos que tinham a palavra "write" no HTML recebem também essa mesma palavra no Javascript. Antes, alguns tinham a palavra "note". Isso fazia com que o código ficasse menos legível.

NOVO Adicionado atalho para o canal no YouTube

CORREÇÃOEm notas com pouco texto, a área clicável não abrangia toda a nota.

AJUSTE Algumas melhorias de exibição (ative as Informações técnicas para ver mais) 1️⃣ Quando a tela for Estendida (acima de 600px), a área de visualização de notas agora tem altura fixa. Além disso, agora cada nota pode ocupar uma largura de no máximo 40% do espaço disponível. Isso torna possível exibir até 2 colunas de notas, quando elas forem muito extensas. 2️⃣ Quando a tela for Compacta (abaixo de 600px), a área de visualização de notas agora tem altura mínima correspondente à altura da tela. 3️⃣ Quando a tela for Compacta (abaixo de 600px), a área de visualização de notas agora exibe 1 ou 2 colunas de notas, dependendo do espaço disponível.

CORREÇÃOO botão para alterar prioridade desaparecia quando clicado.

CORREÇÃOO Redimensionamento Inteligente do Campo de Entrada de Nota não estava funcionando corretamente

CORREÇÃOO botão para alterar prioridade era clicável mesmo quando não exibido.

AJUSTEA variável currentVersion foi alterada de 'string' para 'double' novamente. Assim é possivel controlar melhor qual versão é mais recente.

NOVOAdicionado atalho para acessar o noteous preview

MELHORIAExpansão do Backup Inteligente de Nota para anotações sendo editadas. Se você estiver editando uma nota e sair do noteous, poderá voltar exatamente onde parou. Atualização Orblend Engine 1.1

CORREÇÃOO recurso Backup Inteligente de Nota era exibido quando não havia nota para ser recuperada.

CORREÇÃOAo recuperar uma nota, o campo de entrada de texto não recebia foco todas as vezes.

NOVO RECURSOOrblend Engine: Essa é uma nova 'tecnologia' do noteous que analisa sua interação (por exemplo, suas anotações e quando você acessa) para alterar elementos da interface e exibir resultados úteis, como informações e dicas.

NOVO RECURSODesfazer 'Concluir Nota': Quando você conclui (apaga) uma nota, terá um breve momento para desfazer isso.

NOVO RECURSOBackup Inteligente de Nota: Se você estava escrevendo uma nota e saiu do noteous sem salvar, poderá recuperá-la e continuar de onde parou.

NOVO RECURSOPainel de Informações: Esse painel utiliza a nova tecnologia Orblend Engine para exibir informações, dicas, atalhos e muito mais, aprimorando ainda mais a experiência. A 'mensagem de boas vindas' (data do dia) agora pertence ao novo Painel de Informações.

MELHORIACampo de entrada de texto com tamanho dinâmico: Quando você escrever uma nova nota, o campo de entrada de texto irá se expandir dependendo de quanto texto há.

MELHORIANovas Animações: Ao carregar notas pela primeira vez, elas são exibidas através de uma breve animação. Ao clicar em 'concluir nota' ela irá desaparecer através de uma breve animação. Ao focar/desfocar campo de nota, o botão de 'alterar prioridade' (borda da nota) exibe uma animação que foi revisada.

MELHORIAAprimoramentos no código interno (ative as Informações técnicas para ver mais)
1️⃣Elementos da nota agora possuem ID. Antes, cada vez que você adicionasse, editasse ou excluísse apenas 1 nota, a lista inteira era recarregada. Isso agora não acontece: as notas são manipuladas de forma individual: Isso foi possível por se adicionar um ID em cada nota exibida (que é retirado do próprio ID da nota armazenada). Ao carregar o noteous, todas as notas são exibidas usando o contexto "render-all", que adiciona IDs aos elementos de cada nota.
2️⃣CORREÇÃO: Ao apagar uma nota, a página movia para o topo. Esse é um problema que existia desde o início. Ao renderizar as notas, o botão 'apagar nota' possuía um link à mesma página (#). Esse link foi removido. Além de não necessário, o link causava o problema que a página voltava ao topo ao apagar uma nota.

NOVO RECURSOPrioridade de notas: Suas notas agora são ainda mais incríveis: escolha entre 3 tipos de borda, que representam prioridades.

MELHORIATela de boas vindas revisada: ao entrar pela primeira vez, novas informações são exibidas e ao acessar o noteous após uma atualização são exibidas as novidades. Desde a versão 1.0 as frases de boas vindas no primeiro acesso eram: 'Enote agora é noteous. O que há de novo', isso foi descontinuado. As frases agora são: 'Bem-vindo ao noteous. Faça anotações, realize tarefas, seja mais produtivo'.
E, ao acessar o noteous após uma atualização, as frases usadas atualmente são: 'Bem-vindo de volta! Temos uma atualização. Confira as novidades desta versão'

AJUSTEAo editar uma nota o botão de 'Confirmar edição' só aparece quando for feita alguma alteração.

AJUSTEAo clicar em uma nota é possível editá-la diretamente. Porém, em dispositivos móveis (largura de até 600px), isso causa uma confusão, pois o teclado virtual abre junto. Agora ao tocar em uma nota, ela apenas é aberta. O teclado só é chamado ao clicar no campo de texto.

AJUSTERevisão, limpeza e organização do código interno. 1️⃣ Alguns recursos que precisavam de 2 funções foram reorganizados para usar apenas 1 função. A ação é realizada dependendo do 'contexto' em que foi chamada. Por exemplo, o recurso de aplicar tema agora é feito por 1 única função, que escolhe qual tema será aplicado dependendo do 'contexto'.2️⃣ O código foi melhor organizado e repetições não necessárias foram removidas.

AJUSTEInformações sobre privacidade atualizadas.

NOVOMensagem de boas-vindas: Agora você é bem recebido com um "olá" e ainda é informado com a data de hoje

NOVOBotão para ordenar notas: Pela primeira vez é possível personalizar a ordem das notas. Agora você pode ordenar para exibir primeiro as mais recentes ou antigas.Porém, essa ordenação é apenas 'visual', usando 'flex-wrap: wrap; flex-direction: row;' e 'flex-wrap: wrap-reverse; flex-direction: row-reverse;'. Ainda não há um mecanismo para ordenar notas.

MELHORIAAnimações revisadas: A experiência de adicionar e editar notas está mais fluida com animações incríveis

MELHORIASão exibidos alguns emojis para melhorar a experiência (✔ dentro do campo de escrita da nota e 📝 ao editar uma nota

MELHORIAHistórico de Atualizações: O cabeçalho acompanha a tela, sendo possível mostrar/ocultar informações técnicas com facilidade

CORREÇÃODiversos problemas de exibição corrigidos. 1️⃣ Havia um problema com a animação do redimensionamento do campo de escrita: quando uma edição de nota era concluída, por um instante, a animação exibia o campo ocupando toda a área restante da tela. Um ajuste no código corrigiu isso e aprimorou como as seções se dimensionam.2️⃣O header estava com várias inconsistências de margens, etc.

NOVOTamanho máximo de exibição: São exibidos até 300 caracteres de cada nota. É possível ver a nota inteira clicando nela.

AJUSTEBotões aprimorados: "adicionar nota" possui mesma fonte do logotipo; "confirmar/cancelar edição" agora são representados por ícones.

CORREÇÃOCampo de escrita da nota não é mais redimensionável.

AJUSTEInformações sobre privacidade e armazenamento atualizadas.

CORREÇÃOHoras e minutos abaixo de "10" eram exibidos apenas com 1 dígito (8:5), agora são exibidos com 2 dígitos (08:05)

CORREÇÃOEm telas com largura média, a Seção de Escrita mantém um tamanho equilibrado.Antes, em larguras entre desktop e mobile, havia um desequilíbrio de tamanho entre as duas seções principais: a Seção de Escrita ficava muito pequena e a de Leitura, muito grande. Foi adicionada uma nova media query: 800px. Quando essa largura é atingida, a seção de escrita tem flex: 5 e a seção de leitura flex: 4.

ATUALIZAÇÃO GERAL

NOVOSLogotipo e Nome do aplicativo: A partir da versão 1.0, o Enote recebe um novo e incrível nome: noteous! Inclusive, há um novo logotipo pensado e feito especialmente para ele. Observação: o logotipo (n estilizado) e o desenho do cupcake é de minha autoria. O logotipo de texto (noteous) é feito a partir da fonte "DM Serif Text", com aplicação de estilo negrito e itálico.

NOVONome das gerações: a partir da versão 1.0, cada conjunto de versões será chamado "geração", e cada geração recebe um nome. A 1ª geração é chamada de "cupcake". Esses doces são muito bons e há cores e sabores muito diferentes. Isso mostra as possibilidades de anotações que é possível fazer no noteous. E além disso, a escolha de um nome de doce relembra um dos sistemas operacionais mais famosos: o Android, que recebia um nome de doce a cada versão!

NOVOTela de boas vindas: a cada nova versão, quando o noteous for acessado pela 1ª vez, será exibida uma tela mostrando as novidades.

NOVOSuporte a temas: escolha seu noteous preferido com os temas claro e escuro!

NOVOSuporte a diversas propriedades em cada nota: isso tornará possível desenvolver recursos incríveis para o noteous. Informações técnicas: Antes o Enote suportava apenas 1 propriedade: o texto da nota. Agora, suporta múltiplas propriedades, como ID (que funciona também como data de criação) e Data de Edição. Isso foi possível por mudar a forma em que as notas são localizadas. Antes (Enote 0.6b e anterior) era o usado loop for..in, que tornava difícil ou impossível localizar propriedades específicas. A partir do Enote 0.7b passou a ser usado loop for..of, que facilita localizar propriedades específicas. Mas havia um problema ao editar as notas: era usado um objeto temporário a cada edição e este era aplicado na nota. Caso houvessem mais propriedades, elas seriam sobrescritas. Agora no noteous 1.0 o texto da edição é diretamente aplicado à propriedade. Ou seja: essas duas melhorias (na versão 0.7b e agora na 1.0) tornam possível existir várias propriedades dentro de cada nota e alterar cada propriedade individualmente.

NOVOSuporte a datas: veja quando suas notas foram criadas e quando foi a última edição.

MELHORIACódigo interno de edição de nota simplificado. Informações técnicas: Ao editar uma nota, o novo valor de texto é aplicado a ela. Antes, para fazer essa aplicação era necessário: criar um objeto temporário contendo o novo texto da nota e inserir esse objeto na lista de notas usando o método splice (que apaga o texto antigo e insere o novo) e localizando a nota pela posição dela no índice. Agora, o novo valor é atribuído diretamente a nota, selecionando a propriedade que contém o texto da nota. E para localizar a nota agora é utilizada a nova propriedade ID.

MELHORIAAo apagar e editar uma nota, o sistema busca pelo ID, não pelo número no índice. Informações técnicas: Ao renderizar as notas, um for..of percorre o array de notas e inclui em cada nota botões que chamam as funções apagar/editar. Ao clicar em um botão, um valor é enviado para a função. É por meio desse valor que é possível localizar a nota para apagá-la/editá-la. Antes, os botões localizavam a nota pela posição dela (por exemplo, se fosse a quarta nota, o valor embutido no botão era 3). Agora os botões localizam a nota pelo ID. Adicionalmente, agora os valores são enviados à função usando template literals, não por concatenação

CORREÇÃO No Modo de Edição, em telas pequenas, o teclado ficava acima dos botões. Agora, acompanham o espaço disponível. Informações técnicas: Antes height: 60vh era aplicado ao campo de input. Porém na tela de um celular, o teclado ficava em cima dos botões Confirmar e Cancelar. Ou seja, os botões não acompanhavam corretamente o tamanho disponível de tela. Agora a altura de 70vh é aplicada ao painel inteiro (que inclui o campo de input + botões); isso faz com que os botões sejam inclusos. Porém, o campo de input ficou com tamanho estático. Assim, foi adicionada propriedade height: inherit, para que ele herde o tamanho disponível do painel.

MELHORIAPágina Saiba Mais: Agora exibe informações sobre o desenvolvedor. A seção Histórico de Atualizações agora exibe informações de forma mais legível. Por exemplo, o tipo de atualização (uma melhoria ou algo novo) recebe um destaque especial. Também, em telas onde há largura suficiente, há uma margem maior. Inclusive há o novo botão "Informações técnicas", que exibe detalhes adicionais sobre como certas melhorias foram implementadas.

NOVO Compatibilidade com a nova versão 1.0

CORREÇÃO Quebra de linha em notas grandes (white-space: pre → pre-wrap)

NOVO Página Saiba Mais (uma seção que contém o Histórico de Atualizações e também informações sobre o aplicativo)

MELHORIA Suporte a notas multilinha. Escreva tudo o que precisar, em quantas linhas quiser.

MELHORIA Painel de escrita sempre visível (apenas quando a tela tiver largura suficiente)

MELHORIA Animação do botão "Adicionar" quando se insere texto no campo de anotações: o botão aumenta levemente de tamanho

Histórico de Modificações agora é Histórico de Atualizações: veja as melhorias feitas no aplicativo, desde o início

NOVOModo de edição: Ao editar uma nota, ela ganha destaque e as outras são desativadas.

MELHORIAAo criar uma nota, a função addNote() é chamada pelo JS, não pelo HTML

MELHORIAOrganização interna no código de estilo

CORREÇÃOProblema de exibição em mobile

MELHORIAAnimações revisadas

CORREÇÃOBotão Adicionar é desabilitado se o campo de anotações estiver vazio

MELHORIAHistórico de Modificações: exibe a lista por ordem recente + melhorias de design

MELHORIARevisão no código interno

MELHORIAAcessibilidade aprimorada

MELHORIAReestruturação no código de renderização de notas. O uso de loop for..in foi descontinuado. Agora é usado loop for..of, pois torna possível localizar propriedades específicas

NOVORetorno da função de editar notas

MELHORIANovo layout no Histórico de Modificações

MELHORIALayout compatível em mobile

MELHORIAAtualização de design: Paleta de cores

MELHORIARevisão no código interno

ATUALIZAÇÃO GERAL

NOVOHistórico de Modificações: É possível acessá-lo clicando no número da versão do aplicativo, no canto inferior esquerdo da tela.

MELHORIANovo layout e design: Projetado no formato de notas separadas. Exclusão das listas "Do" e "Memo".

Layout adaptável para diferentes tamanhos de janela. Suporte apenas para computador.

Função Editar nota desativada

MELHORIAFunção de Adicionar nota aprimorada. Antes cada botão possuia uma função para adicionar nota, agora, há apenas 1 função, que adiciona a nota dependendo de qual botão foi clicado.

NOVOEdição de notas: um novo botão "Editar" (lápis) aparece ao lado de cada nota. Ao clicar nele, é aberto um campo de entrada onde é possível alterar o conteúdo da nota. Ele fica acima de todo o conteúdo e tem design que lembra vidro.

MELHORIASDesign: Novos ícones de ação da nota. Do: ícone de concluído (apagar nota) e lápis (editar nota). Memo: ícone de lixeira (apagar nota) Os ícones usam material-icons + Novas animações: Sombra ao clicar no campo de escrita da nota + Ao clicar nos botões para adicionar nota (Do e Memo)

MELHORIADesign aprimorado: Botões maiores. Botão "Adicionar Do" em laranja e botão "Adicionar Memo" em azul. Notas são exibidas dentro de um painel cinza claro.

Atualização de links para apagar notas. Antes as duas lista exibiam: "Concluído". Agora é diferente para cada lista: "Do Concluído"/"Apagar Memo"

ATUALIZAÇÃO GERAL

Design projetado em 2 listas: Lista "Do": Anotações de tarefas a serem feitas. Lista "Memo": Anotações de lembretes

Cada lista possui um botão. Ao escrever a nota, você escolhe para qual lista ela irá, clicando no botão "Adicionar" correspondente

Campo de escrita da nota com borda amarela

Adição de arquivo de estilo. Layout compatível apenas para computador

NOVOExclusão de notas:Ao lado de cada nota é exibido um botão "Concluído". Ao clicar nele, a nota é apagada no LocalStorage

LANÇAMENTO INICIAL

Enote: aplicativo de notas

Projeto pensado em anotação de tarefas a serem feitas.

NOVOAdição de notas: É possível escrever anotações e salvá-las no LocalStorage.