GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → rocketseat-content → Youtube Desvendando Css Grid

rocketseat-content / Youtube Desvendando Css Grid

Project created for the video about CSS Grid

Labels

htmlcssyoutubegrid

Projects that are alternatives of or similar to Youtube Desvendando Css Grid

Griddd
A dead simple, customisable, flexbox-based griddd
Stars: ✭ 108 (-6.9%)
Mutual labels:  grid
Reactables
GigaTables is a ReactJS plug-in to help web-developers process table-data in applications and CMS, CRM, ERP or similar systems.
Stars: ✭ 112 (-3.45%)
Mutual labels:  grid
Sonos Web
Web interface for Sonos audio systems
Stars: ✭ 114 (-1.72%)
Mutual labels:  youtube
Revogrid
Powerful virtual data grid smartsheet with advanced customization. Best features from excel plus incredible performance 🔋
Stars: ✭ 1,870 (+1512.07%)
Mutual labels:  grid
Smart Webcomponents
Web Components & Custom Elements for Professional Web Applications
Stars: ✭ 110 (-5.17%)
Mutual labels:  grid
Vue Grid
A flexible grid component for Vue.js
Stars: ✭ 113 (-2.59%)
Mutual labels:  grid
Theirtube
TheirTube scraper allows you to retrieve your own Youtube recommendation results on your local environment
Stars: ✭ 105 (-9.48%)
Mutual labels:  youtube
Pills
A simple responsive CSS Grid for humans. View Demo -
Stars: ✭ 1,482 (+1177.59%)
Mutual labels:  grid
Youtube Local
browser-based client for watching Youtube anonymously and with greater page performance
Stars: ✭ 112 (-3.45%)
Mutual labels:  youtube
Mmusiccast
Chromecast emulator that works on any platform. Stream videos from youtube to raspberry pi or any computer with the chromecast protocol.
Stars: ✭ 113 (-2.59%)
Mutual labels:  youtube
Podify
Create podcasts from anything youtube-dl can handle
Stars: ✭ 111 (-4.31%)
Mutual labels:  youtube
Testable Nodejs Api
Código da série Node.js API testável disponivel no meu canal no youtube
Stars: ✭ 110 (-5.17%)
Mutual labels:  youtube
Tizonia Openmax Il
Command-line cloud music player for Linux with support for Spotify, Google Play Music, YouTube, SoundCloud, TuneIn, iHeartRadio, Plex servers and Chromecast devices.
Stars: ✭ 1,556 (+1241.38%)
Mutual labels:  youtube
Discord.js Musicbot Addon
This DOES NOT WORK any more. This repo only serves as an archive for is anyone wants to pickup my work. You may still join the discord however.
Stars: ✭ 109 (-6.03%)
Mutual labels:  youtube
Youtube download
Packet download videos from youtube
Stars: ✭ 114 (-1.72%)
Mutual labels:  youtube
Webnowplaying
A NowPlaying like plugin for rainmeter built for getting music info from websites
Stars: ✭ 106 (-8.62%)
Mutual labels:  youtube
Teegrid
Grid control for Delphi and C++ (VCL and FMX)
Stars: ✭ 112 (-3.45%)
Mutual labels:  grid
Ytmdl
A simple app to get songs from YouTube in mp3 format with artist name, album name etc from sources like iTunes, Spotify, LastFM, Deezer, Gaana etc.
Stars: ✭ 2,070 (+1684.48%)
Mutual labels:  youtube
Hot Table
Handsontable - Best Data Grid Web Component with Spreadsheet Look and Feel.
Stars: ✭ 114 (-1.72%)
Mutual labels:  grid
Vue Tables 2
Vue.js 2 grid components
Stars: ✭ 1,518 (+1208.62%)
Mutual labels:  grid
View All Similar Projects ➔

CSS GRID

GRID

  • Bimensional
  • Divisão de toda a página em linhas e colunas
  • Colocar elementos onde quiser nessa divisão

GRID OU FLEXBOX

  • Grid: Duas dimensões (colunas e linhas)
  • Flexbox: Uma dimensão (ou coluna ou linha)
  • Um complementa o trabalho do outro
  • Verificar quais navegadores ainda não estão aceitando o Grid

PROPRIEDADES

Vamos separar em 2 grupos: container e item(s)

CONTAINER

  • display: grid;
  • grid-template-columns;
  • grid-template-rows;
  • grid-gap
    • grid-row-gap
    • grid-column-gap
  • grid-template-areas;

... e mais 4 propriedades e alinhamento!

ITEM(s)

  • grid-column
    • grid-column-start
    • grid-column-end
  • grid-row
    • grid-row-start
    • grid-row-end
  • grid-area

... e mais 2 propriedades de alinhamento!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].