{"id":56298,"date":"2025-01-08T13:29:14","date_gmt":"2025-01-08T16:29:14","guid":{"rendered":"https:\/\/novatopnet.com.br\/battlescenes\/scryfall-search-with-gallery-view-and-search-everywhere\/"},"modified":"2025-01-08T13:29:14","modified_gmt":"2025-01-08T16:29:14","slug":"scryfall-search-with-gallery-view-and-search-everywhere","status":"publish","type":"post","link":"https:\/\/novatopnet.com.br\/battlescenes\/scryfall-search-with-gallery-view-and-search-everywhere\/","title":{"rendered":"Pesquisa Scryfall com visualiza\u00e7\u00e3o de galeria e pesquisa em qualquer lugar!"},"content":{"rendered":"<p><\/p>\n<div id=\"my-article-ads\">\n                <!-- Post Content --><\/p>\n<h2>Ol\u00e1 e feliz ano novo!<\/h2>\n<p>Tenho o prazer de anunciar que a primeira semana de 2025 traz consigo alguns novos recursos incr\u00edveis para o Cardsphere! Esta n\u00e3o \u00e9 apenas a primeira de muitas atualiza\u00e7\u00f5es que vir\u00e3o este ano, mas \u00e9 a primeira grande novidade desde que o Cardsphere se tornou parte da fam\u00edlia Space Cow Media!<br \/>Vamos dar uma olhada nos novos recursos e falar sobre algumas das advert\u00eancias e idiossincrasias que os acompanham.<\/p>\n<h3>Pesquise em qualquer lugar<\/h3>\n<p>Primeiro e mais \u00f3bvio, adicionamos uma barra de pesquisa \u00e0 barra de ferramentas superior que permite pesquisar onde quer que voc\u00ea esteja no site. N\u00e3o \u00e9 mais necess\u00e1rio navegar pelo menu explorar para procurar cartas &#8211; embora isso ainda funcione!<br \/><\/p>\n<p>A barra de ferramentas est\u00e1 come\u00e7ando a ficar um pouco lotada e talvez o posicionamento do campo de pesquisa ou a disposi\u00e7\u00e3o dos links em geral possam ser melhorados, mas como mencionamos no artigo State of the Sphere, quaisquer altera\u00e7\u00f5es feitas no site de produ\u00e7\u00e3o atual tamb\u00e9m precisa ser escrito para o novo front-end que est\u00e1 atualmente em testes. Al\u00e9m disso, uma atualiza\u00e7\u00e3o de UX\/UI est\u00e1 no horizonte, ent\u00e3o seria particularmente um desperd\u00edcio gastar muito tempo melhorando a apar\u00eancia, pois ela ser\u00e1 alterada novamente em breve.<\/p>\n<h3>Pesquisa Scryfall com visualiza\u00e7\u00e3o de galeria<\/h3>\n<p>Este \u00e9 o problema! Como parte do esfor\u00e7o maior para tornar nossos dados mais utiliz\u00e1veis \u200b\u200btanto para novatos quanto para nerds super-Cardsphere, adicionamos a funcionalidade de pesquisa Scryfall ao Cardsphere junto com esta nova visualiza\u00e7\u00e3o de galeria elegante!<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\" wp-image-2996 aligncenter\" title=\"\" src=\"https:\/\/blog.cardsphere.com\/wp-content\/uploads\/2025\/01\/2025-01-08-00_50_26-Search-Results-Cardsphere-\u2014-Mozilla-Firefox-300x276.png\" alt=\"\" width=\"685\" height=\"631\" srcset=\"https:\/\/blog.cardsphere.com\/wp-content\/uploads\/2025\/01\/2025-01-08-00_50_26-Search-Results-Cardsphere-\u2014-Mozilla-Firefox-300x276.png 300w, https:\/\/blog.cardsphere.com\/wp-content\/uploads\/2025\/01\/2025-01-08-00_50_26-Search-Results-Cardsphere-\u2014-Mozilla-Firefox-1024x943.png 1024w, https:\/\/blog.cardsphere.com\/wp-content\/uploads\/2025\/01\/2025-01-08-00_50_26-Search-Results-Cardsphere-\u2014-Mozilla-Firefox-768x707.png 768w, https:\/\/blog.cardsphere.com\/wp-content\/uploads\/2025\/01\/2025-01-08-00_50_26-Search-Results-Cardsphere-\u2014-Mozilla-Firefox.png 1187w\" sizes=\"(max-width: 685px) 100vw, 685px\"\/><\/p>\n<p>Como agora estamos aproveitando os dados do Scryfall, agora voc\u00ea pode pesquisar cartas por praticamente qualquer atributo da carta, como custo de mana, tipo de carta, tratamento, artista, etc. como usar esse recurso poderoso.<\/p>\n<p>Observe que prevemos e entendemos totalmente que a solicita\u00e7\u00e3o imediata de nossos usu\u00e1rios ser\u00e1 a capacidade de adicionar cart\u00f5es ao que tem ou deseja diretamente desta p\u00e1gina. N\u00f3s tamb\u00e9m queremos! Por enquanto, a galeria est\u00e1 implementada apenas de uma forma que torna mais f\u00e1cil encontrar o cart\u00e3o que voc\u00ea procura, sem clicar em cada p\u00e1gina individual do cart\u00e3o ou passar o mouse sobre o nome de cada cart\u00e3o para visualizar a imagem. Mais funcionalidades vir\u00e3o no devido tempo!<\/p>\n<p>H\u00e1 tamb\u00e9m um bot\u00e3o de altern\u00e2ncia no lado direito que pode ser usado para alternar entre resultados de pesquisa baseados em texto e imagem. Mudar para esta visualiza\u00e7\u00e3o ainda apresenta uma visualiza\u00e7\u00e3o instant\u00e2nea que mostra uma pr\u00e9via dos cart\u00f5es.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-2997\" title=\"\" src=\"https:\/\/blog.cardsphere.com\/wp-content\/uploads\/2025\/01\/2025-01-08-00_53_35-Search-Results-Cardsphere-\u2014-Mozilla-Firefox-300x240.png\" alt=\"\" width=\"619\" height=\"495\" srcset=\"https:\/\/blog.cardsphere.com\/wp-content\/uploads\/2025\/01\/2025-01-08-00_53_35-Search-Results-Cardsphere-\u2014-Mozilla-Firefox-300x240.png 300w, https:\/\/blog.cardsphere.com\/wp-content\/uploads\/2025\/01\/2025-01-08-00_53_35-Search-Results-Cardsphere-\u2014-Mozilla-Firefox-1024x820.png 1024w, https:\/\/blog.cardsphere.com\/wp-content\/uploads\/2025\/01\/2025-01-08-00_53_35-Search-Results-Cardsphere-\u2014-Mozilla-Firefox-768x615.png 768w, https:\/\/blog.cardsphere.com\/wp-content\/uploads\/2025\/01\/2025-01-08-00_53_35-Search-Results-Cardsphere-\u2014-Mozilla-Firefox.png 1187w\" sizes=\"(max-width: 619px) 100vw, 619px\"\/><\/p>\n<p>Preservar a visualiza\u00e7\u00e3o instant\u00e2nea \u00e9 importante para usu\u00e1rios m\u00f3veis, mas a implementa\u00e7\u00e3o atual da visualiza\u00e7\u00e3o instant\u00e2nea torna-a bastante restritiva ao tentar tornar os resultados da pesquisa de texto mais atraentes. Portanto, por enquanto, pouco mais pode ser feito para tornar a pesquisa mais leg\u00edvel sem ter que reescrever a funcionalidade de visualiza\u00e7\u00e3o instant\u00e2nea que \u00e9 usada em todo o site. Por\u00e9m, a visualiza\u00e7\u00e3o de texto \u00e9 muito semelhante aos resultados de pesquisa legados e, com a capacidade de mudar para uma visualiza\u00e7\u00e3o de imagem, achamos que \u00e9 uma troca que vale a pena!<\/p>\n<h3>Sobre essas advert\u00eancias<\/h3>\n<p>A diferen\u00e7a mais gritante entre os resultados da pesquisa que voc\u00ea obter\u00e1 no Cardpshere vs Scryfall \u00e9 que no Cardsphere, como cada acabamento e variante de um cart\u00e3o \u00e9 tratado como um objeto diferente, voc\u00ea retornar\u00e1 v\u00e1rios resultados para um \u00fanico cart\u00e3o. O que quero dizer \u00e9 o seguinte: quando voc\u00ea pesquisa \u201cteysa\u201d no Scryfall, obt\u00e9m estes resultados:<\/p>\n<p><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2999\" title=\"\" src=\"https:\/\/blog.cardsphere.com\/wp-content\/uploads\/2025\/01\/2025-01-08-00_02_28-teysa-\u00b7-Scryfall-Magic-The-Gathering-Search-\u2014-Mozilla-Firefox-300x268.png\" alt=\"\" width=\"653\" height=\"583\" srcset=\"https:\/\/blog.cardsphere.com\/wp-content\/uploads\/2025\/01\/2025-01-08-00_02_28-teysa-\u00b7-Scryfall-Magic-The-Gathering-Search-\u2014-Mozilla-Firefox-300x268.png 300w, https:\/\/blog.cardsphere.com\/wp-content\/uploads\/2025\/01\/2025-01-08-00_02_28-teysa-\u00b7-Scryfall-Magic-The-Gathering-Search-\u2014-Mozilla-Firefox-1024x914.png 1024w, https:\/\/blog.cardsphere.com\/wp-content\/uploads\/2025\/01\/2025-01-08-00_02_28-teysa-\u00b7-Scryfall-Magic-The-Gathering-Search-\u2014-Mozilla-Firefox-768x686.png 768w, https:\/\/blog.cardsphere.com\/wp-content\/uploads\/2025\/01\/2025-01-08-00_02_28-teysa-\u00b7-Scryfall-Magic-The-Gathering-Search-\u2014-Mozilla-Firefox.png 1037w\" sizes=\"auto, (max-width: 653px) 100vw, 653px\"\/><\/p>\n<p>Mas a mesma pesquisa no Cardsphere \u00e9 assim:<\/p>\n<p><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2998\" title=\"\" src=\"https:\/\/blog.cardsphere.com\/wp-content\/uploads\/2025\/01\/2025-01-08-00_02_44-Search-Results-Cardsphere-300x271.png\" alt=\"\" width=\"688\" height=\"621\" srcset=\"https:\/\/blog.cardsphere.com\/wp-content\/uploads\/2025\/01\/2025-01-08-00_02_44-Search-Results-Cardsphere-300x271.png 300w, https:\/\/blog.cardsphere.com\/wp-content\/uploads\/2025\/01\/2025-01-08-00_02_44-Search-Results-Cardsphere-1024x925.png 1024w, https:\/\/blog.cardsphere.com\/wp-content\/uploads\/2025\/01\/2025-01-08-00_02_44-Search-Results-Cardsphere-768x693.png 768w, https:\/\/blog.cardsphere.com\/wp-content\/uploads\/2025\/01\/2025-01-08-00_02_44-Search-Results-Cardsphere.png 1175w\" sizes=\"auto, (max-width: 688px) 100vw, 688px\"\/><\/p>\n<p>Voc\u00ea ainda ter\u00e1 os mesmos resultados, mas o Cardsphere mostrar\u00e1 tratamentos metalizados, promo\u00e7\u00f5es, etc. como cartas individuais que correspondem \u00e0 sua pesquisa. No Scryfall, a menos que voc\u00ea conhe\u00e7a a sintaxe para for\u00e7ar o resultado a mostrar variantes espec\u00edficas ou todas as variantes, \u00e9 necess\u00e1rio clicar no cart\u00e3o para ver os tipos de variantes.<\/p>\n<p>Tal como acontece com a barra de ferramentas, isso \u00e9 algo que poderia ser melhorado com um esfor\u00e7o consider\u00e1vel de desenvolvimento, mas com a atualiza\u00e7\u00e3o da UI em andamento, decidimos gastar esse esfor\u00e7o em outro lugar.<\/p>\n<p>Haver\u00e1 muitas outras peculiaridades que ser\u00e3o descobertas, e quanto mais adepto voc\u00ea for da pesquisa do Scryfall, maior ser\u00e1 a probabilidade de encontr\u00e1-las. Por exemplo, a classifica\u00e7\u00e3o por pre\u00e7o pode parecer quebrada:<\/p>\n<p><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3000\" title=\"\" src=\"https:\/\/blog.cardsphere.com\/wp-content\/uploads\/2025\/01\/2025-01-08-00_59_52-Search-Results-Cardsphere-\u2014-Mozilla-Firefox-300x281.png\" alt=\"\" width=\"683\" height=\"640\" srcset=\"https:\/\/blog.cardsphere.com\/wp-content\/uploads\/2025\/01\/2025-01-08-00_59_52-Search-Results-Cardsphere-\u2014-Mozilla-Firefox-300x281.png 300w, https:\/\/blog.cardsphere.com\/wp-content\/uploads\/2025\/01\/2025-01-08-00_59_52-Search-Results-Cardsphere-\u2014-Mozilla-Firefox-1024x958.png 1024w, https:\/\/blog.cardsphere.com\/wp-content\/uploads\/2025\/01\/2025-01-08-00_59_52-Search-Results-Cardsphere-\u2014-Mozilla-Firefox-768x718.png 768w, https:\/\/blog.cardsphere.com\/wp-content\/uploads\/2025\/01\/2025-01-08-00_59_52-Search-Results-Cardsphere-\u2014-Mozilla-Firefox.png 1176w\" sizes=\"auto, (max-width: 683px) 100vw, 683px\"\/><\/p>\n<p>Est\u00e1 incorreto, mas tamb\u00e9m correto. A pesquisa \u00e9 realizada nos dados do Scryfall e se houver uma incompatibilidade de pre\u00e7os entre o Scryfall e o Cardsphere, os resultados aparecer\u00e3o fora de ordem e o problema de m\u00faltiplos objetos tornar\u00e1 tudo ainda mais confuso. Novamente, isso \u00e9 algo que podemos melhorar quando a atualiza\u00e7\u00e3o da IU chegar, mas por enquanto, desculpe nossa bagun\u00e7a.<\/p>\n<h2>O que vem a seguir?<\/h2>\n<p>A pesquisa Scryfall foi um recurso que dissemos que poderia vir em 2024 no artigo State of the Sphere, mas como a maior parte do trabalho foi feita durante meados de dezembro, quando a maior parte do SCM estava de f\u00e9rias, optamos por esperar at\u00e9 o novo ano para garantir que foram feitas an\u00e1lises de controle de qualidade e de c\u00f3digo adequadas antes de lan\u00e7ar o recurso. Com esse recurso ativo, estamos passando para o pr\u00f3ximo recurso mencionado no artigo: adicionar suporte ao Scryfall ID \u00e0 importa\u00e7\u00e3o de CSV. Teremos mais sobre isso em breve!<\/p>\n<p>Esperamos que a comunidade esteja t\u00e3o entusiasmada com essas atualiza\u00e7\u00f5es quanto n\u00f3s, mas se voc\u00ea n\u00e3o estiver, avise-nos! A comunidade Cardsphere sempre foi a for\u00e7a orientadora para o desenvolvimento do Cardsphere, ent\u00e3o se houver algo que perdemos, informe-nos no Discord, reddit ou enviando um e-mail para contact@cardsphere.com.<\/p>\n<p>abra\u00e7os e beijos,<\/p>\n<p>efren<\/p>\n<\/p><\/div>\n<p>\n<a href=\"https:\/\/blog.cardsphere.com\/scryfall-search-with-gallery-view-and-search-everywhere\/\">Fonte Original <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ol\u00e1 e feliz ano novo! Tenho o prazer de anunciar que a primeira semana de 2025 traz consigo alguns novos recursos incr\u00edveis para o Cardsphere! Esta n\u00e3o \u00e9 apenas a primeira de muitas atualiza\u00e7\u00f5es que vir\u00e3o este ano, mas \u00e9 a primeira grande novidade desde que o Cardsphere se tornou parte da fam\u00edlia Space Cow&hellip;&nbsp;<a href=\"https:\/\/novatopnet.com.br\/battlescenes\/scryfall-search-with-gallery-view-and-search-everywhere\/\" rel=\"bookmark\">Continue a ler &raquo;<span class=\"screen-reader-text\">Pesquisa Scryfall com visualiza\u00e7\u00e3o de galeria e pesquisa em qualquer lugar!<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":56300,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","fifu_image_url":"https:\/\/blog.cardsphere.com\/wp-content\/uploads\/2025\/01\/2025-01-08-00_43_48-Trade-Magic-Cards-Cardsphere-\u2014-Mozilla-Firefox-300x164.png","fifu_image_alt":"","footnotes":""},"categories":[4],"tags":[],"class_list":["post-56298","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magic-the-gathering"],"_links":{"self":[{"href":"https:\/\/novatopnet.com.br\/battlescenes\/wp-json\/wp\/v2\/posts\/56298","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/novatopnet.com.br\/battlescenes\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/novatopnet.com.br\/battlescenes\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/novatopnet.com.br\/battlescenes\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/novatopnet.com.br\/battlescenes\/wp-json\/wp\/v2\/comments?post=56298"}],"version-history":[{"count":0,"href":"https:\/\/novatopnet.com.br\/battlescenes\/wp-json\/wp\/v2\/posts\/56298\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/novatopnet.com.br\/battlescenes\/wp-json\/wp\/v2\/media\/56300"}],"wp:attachment":[{"href":"https:\/\/novatopnet.com.br\/battlescenes\/wp-json\/wp\/v2\/media?parent=56298"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/novatopnet.com.br\/battlescenes\/wp-json\/wp\/v2\/categories?post=56298"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/novatopnet.com.br\/battlescenes\/wp-json\/wp\/v2\/tags?post=56298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}