ribeiroevandro

Aplicação de Fontes Customizadas em E-mail Marketing

Introdução

A aplicação de fontes customizadas em e-mail marketing é um desafio técnico devido às limitações e inconsistências dos diversos clientes de e-mail. Este guia apresenta as melhores práticas para implementar tipografia customizada mantendo a compatibilidade e legibilidade.

Abordagens Principais

1. Web Fonts com Fallback (Abordagem Híbrida)

ribeiroevandro

# ~/tmux.conf
# bind r source-file ~/.tmux.conf \; display '~/.tmux.conf sourced'
# run-shell 'better-tmux --file ~/.config/better-tmux/index.tsx'

set -g default-terminal "screen-256color"
set -as terminal-overrides ",*:RGB"
set -g default-shell /opt/homebrew/bin/fish
set -g default-command "exec /opt/homebrew/bin/fish -l"   # forces a login zsh in every pane

# List of plugins

ribeiroevandro

import { format } from 'date-fns';

interface InfoProps {
  tag: string;
  // biome-ignore lint/suspicious/noExplicitAny: <explanation>
  content: any;
}

interface ErrorProps {
  tag: string;

ribeiroevandro

// Essa função getSearchParams() é usada para verificar os parâmentros na URL, ela é usada em outras funções.
getSearchParams(page = null) {
    const currentUrl = new URL(window.location.href);
    const params = {};
    const urlParams = new URLSearchParams(window.location.search);

    if (this.form.tab_sales_rank_date) {
        const {transformInitDate} = transformDate(this.form.tab_sales_rank_date)
        if (this.form.tab_sales_rank_date) {
            params.date = transformInitDate

ribeiroevandro

{
    "private": true,
    "type": "module",
    "scripts": {
        "dev": "vite",
        "build": "vite build"
    },
    "devDependencies": {
        "@tailwindcss/forms": "^0.5.3",
        "@tailwindcss/typography": "^0.5.9",

ribeiroevandro

initProject

Instalação

• Instale a API do Github, você pode saber mais detalhes em Github CLI
• Faça o download do arquivo acima initProject.sh. Sugestão, salve na pasta do seu usuário.
• Faça as modificações, para que se adeque ao seu modo de uso, defina as pastas.
  • Note que é possível criar, tanto no seu perfil, quanto em uma organização, desde que tenha permissão para isso.
• Se você usa ZSH, adicione a linha source ~/initProject.sh e reinicei seu terminal, para que as configuração sejam carregas.
• Após configurar, basta executar initProject e responder a pergunta e seu projeto será criado.

ribeiroevandro

<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:gravity="fill_vertical" android:drawable="@color/splashscreen_background"/>
  <item
    android:drawable="@drawable/logo_icon"
    android:width="163dp"
    android:height="140dp"
    android:gravity="center"/>
  <item
    android:width="322dp"

ribeiroevandro

//
//  PerfectWidget.swift
//  PerfectWidget
//
//  Created by Evandro Ribeiro on 04/01/23.
//

import WidgetKit
import SwiftUI

ribeiroevandro

import React, { useState } from 'react'
import { StyleSheet, View, Alert } from 'react-native'

import { Header } from '../components/Header'
import { Task, TasksList } from '../components/TasksList'
import { TodoInput } from '../components/TodoInput'

export interface INewTitle {
  taskId: number
  newTitle: string

ribeiroevandro

import React, { useState, useEffect } from "react";
import {
  SafeAreaView,
  StyleSheet,
  ScrollView,
  View,
  Text,
  FlatList,
  StatusBar,
} from "react-native";