Recursos frescos para web designers e desenvolvedores (abril de 2017)

Desde o início do ano de 2017, muita coisa mudou no mundo do desenvolvimento web, com novos aplicativos e recursos próximos a cada dois dias. Acompanhando a tendência, estou compartilhando com você hoje alguns novos recursos de desenvolvimento da Web.

Esses recursos incluem um aplicativo da Web que ajudará você aprenda o novo módulo nativo CSS Grid, um curso para ajudá-lo a aprender Reagir desde o início, uma referência para aprender alguns padrões de design PHP para melhorar seus códigos PHP, e mais alguns. Vamos dar uma olhada.

Clique para mais recursos

Encontre toda a nossa coleção de recursos recomendados e as melhores ferramentas de web design e desenvolvimento disponíveis.

Slinky

UMA Plugin Sketch que permite que você exporte seu modelo de e-mail do Artboard para HTML com um simples clique. Slinky está atualmente no estágio de desenvolvimento ativo, no entanto, ainda há algumas coisas que são ásperas nas bordas. Então siga as diretrizes para obtenha a melhor saída possível.

Boilrplate

UMA Diretório curado de boilerplates e modelos para ajudar você a começar rapidamente um projeto. Ele contém uma lista de padrões de várias linguagens e estruturas, incluindo jQuery, Angular, Reagir, WordPress, Backbone e Electron.

Griddy

CSS Grid é a próxima grande coisa que vai mudar a forma como organizamos o layout e usar estruturas de grade para construir um site. No entanto, dada a complexidade, o uso da CSS Grid pode ser esmagadora para alguns usuários. Nesse caso, este prático aplicativo da Web, o Griddy, pode ser muito útil na aprendizagem de CSS Grid.

Reaja aos fundamentos

Eu estou aprendendo Reagir no momento da escrita e encontrou um ótimo curso onde você pode aprender Reagir como um iniciante. O curso consiste em vídeos, artigos e questionários. E eu mencionei isso este curso é totalmente gratuito?

Chassi Desktop

Chassis é um configuração de máquina virtual projetada para construir em torno do ecossistema WordPress como os temas e plugins. Isso permitirá que você gerencie visualmente as instalações do Chassis. No momento da escrita, Chassis é ainda em fase de desenvolvimento, mas será lançado em breve.

Papersizes

Uma coleção de tamanhos de papel padrão usados em diferentes países incluindo os tamanhos comumente usados no Japão, na França e no Canadá. É um ótimo recurso que tanto web designers e desenvolvedores devem bookmark.

TippyJS

Um bom Biblioteca JavaScript para criar Tooltip, TippyJS vem com uma abundância de configurações para configurar como a dica de ferramenta deve aparecer e se comportar. É "fácil de usar" de uma maneira que você pode personalizar a aparência facilmente através de CSS. Os desenvolvedores irão apreciar especialmente o “Ligue de volta” fornece.

Padrões de Design PHP

Entendendo o padrão de design de uma linguagem de programação pode ajudar a produzir códigos que não só funcionam, mas também são escaláveis e de fácil manutenção. Se você está no PHP, este é um dos tutoriais que você deve examinar.

Guzzle

Guzzle é um prático Biblioteca PHP para fazer solicitações HTTP com vários métodos como “PEGUE”, “POSTAR” e até mesmo solicitações assíncronas semelhantes ao JavaScript. Vem com um abundância de métodos de função onde você obtém facilmente a resposta da solicitação feita, incluindo a resposta Cabeçalho, o corpo, bem como o código de status.

Mini.css

Mini é um Estrutura CSS com pegada mínima. E como as outras estruturas, ele é fornecido com vários componentes da Web, como Grelha, Navegação, Mesa, etc.

SimpleIcons

UMA coleção de ícones de empresas e marcas de populares como eBay, Viber, Dribble e Google+ para os menos populares, como Gitter, Kirby, Viadeo. o ícones vêm em formato SVG e pode provar ser um ótimo recurso para designers e desenvolvedores.

Administrador do MySQL do Chrome

UMA Extensão do Chrome para gerenciar seu banco de dados MySQL. É uma ótima alternativa para aplicativos como o Sequel Pro e o MySQL Workbence.

Numi

Numi é um aplicativo calculadora simples, bonita e única para Mac. Simplesmente digite “10USD em SGD” e você obtém o resultado!

Laradock

UMA Configuração do Docker para executar o Laravel. O Laradock suporta vários mecanismos de banco de dados, incluindo o MariaDB e o MongoDB, além de Mecanismos de Cache, como Redis e Memchaced. Embora tenha o nome do Laravel, você pode usá-lo para outros frameworks ou plataformas como WordPress e Drupal também.

Fabrica

Fabrica é um coleção de ferramentas para desenvolver o WordPress do começo ao fim. A Fabrica usa o Docker para executar rapidamente e configurar o ambiente de desenvolvimento e usa o WordMove para a implantação.

Husky

Husky é um Módulo de nó que nos permite executar githooks como pré-commit, pré-receber, e pós-recebimento.

EasyMap

EasyMap torna absolutamente fácil de renderizar e adicionar marcadores no Google Maps. Basta adicionar sua chave da API do Google Maps e fornecer o endereço do local em um Formato JSON e você está feito.

Wappalyzer

Um prático Extensão do Chrome para ver quais ferramentas, o servidor e as bibliotecas que um website está usando. Com essa ferramenta, descobri que ainda há muitos sites populares usando jQuery, até mesmo o do Github.

Guia de Bash

Guia de Bash, como o nome indica, é um guia prático para linhas de comando básicas. Um ótimo recurso para desenvolvedores da Web que acabam de começar Linhas de Terminal e Comando.

Chroma.js

Chroma.js é Biblioteca JavaScript para manipular cores. Suporta muitas formatações de cores, incluindo HEX, RGB e RGBA. Além disso, você também pode manipular as cores pelo brilho, o contraste e a saturação.