html-semantics

There are 1 repository under html-semantics topic.

• madmurphy / takefive.css

  The most advanced pure CSS lightbox – not one single line of JavaScript has been wasted

  cssslide-renderermicrodatahtml5html-semanticsslidescss-slide-renderercss-lightboxhtml5-elementslightboxcss3css3-animationsschema-orgimage-gallerycss-gallerymicroformatsmicroformats2rdfapure-csscss-only
  Language:CSS 140

• matheuscostadesign / guia-seo

  Check-list para reunir as principais tags a serem adicionadas na criação de páginas HTML para que os motores de busca façam a indexação do site de forma orgânica.

  seohtmlserpopengraph-tagsmetatagshtml-semanticslighthousesitemapschema-orgrobots-txtsearch-enginegooglebot
  17

• aashrafh / frontend-components

  The frontend of some of the popular web components using vanilla JS

  javascriptvanilla-javascripthtmlcssbembem-methodologyhtml5css3semanticshtml-semanticsfrontend-componentsfrontend
  Language:JavaScript 13

• deniseschirmer / layout-backpacking

  O Projeto Todo foi desenvolvido através do figma para fins de estudo sobre HTML, CSS, METODOLOGIA BEM. E refatorado com SASS

  bem-methodologycss3flexboxhtml-semanticssass
  Language:SCSS 3

• ecemgo / dictionary-app

  Responsive dictionary app with a light and dark mode by using Fetch API

  csscss-propertiesdark-modedark-themefreedictionary-apihtml-css-javascripthtml-semanticsjavascript
  Language:CSS 2
• resume-ux

  israelias / resume-ux

  An interactive website with no JavaScript, with advanced CSS3, with applied object-orientation to HTML5

  information-architectureuser-storiesuser-journeyux-researchux-experienceadobe-xdcss-challengecss3-animationscss3-transitionshtml-semanticshtml-structureno-javascriptuser-experience-designuser-personas
  Language:HTML 2

• Jomagene / Blog-preview-card

  Responsive blog preview card solution using HTML, CSS variables, and media queries. Part of a Frontend Mentor challenge.

  css-mediaquerycss-variableshtml-semanticsmobile-first
  Language:CSS 2

• nikelyfedechen / acessibilidade-web

  ♿️ Informações sobre acessibilidade na web para desenvolvedores.

  acessibilidadehtml-semanticsleitores-de-telawai-aria
  2

• porag-m06 / Awesome-Books-Ometman-Porag

  Raw HTML CSS & JS CURD Application that make use of managing data dynamically using Javascript (objects and Array). Along with dynamic modification if the DOM with Events.

  csshtmljavadom-manipulationjs-arrayjs-objectshtml-css-javascripthtml-semanticswireframe
  Language:CSS 2

• sidharthjuyal / html

  HyperText Markup Language

  html5inlineblocklist-tablebody-tagsformsmarqueepre-tagdetail-summaryhtml-semanticshtml-structurevideo-tagiconidclasseselementsattributes
  Language:HTML 2

• Andmontc / Landify-Page

  Fake responsive landing page made with HTML BEM methodology and sass

  figmalanding-pagehtml-semantics
  Language:HTML 1

• GitHub-dev12345 / Huddle-landing-page-with-a-single-introductory-section-challenge-hub

  Html & CSS Frontendmentor challenge completed 😎👍🚀, Used SCSS/SASS ( Nesting Feature ) & using css flex-box , And Make HTML5 Semantic Code, Make this project Very smoothly Responsive - this project suported all devices & Desktops 👍

  csshtml5html-semanticsdesignchallengereponsive-web-designdesktopviewscsssassnesting
  Language:SCSS 1

• jasheloper / html-review

  Test basic and advanced HTML text formatting, use of hyperlinks, and use of HTML .

  htmlhtml-best-practiceshtml-semantics
  Language:HTML 1

• Marcos-Campos-Filho / Kendo-Gun-Shop

  Website simples da Loja do Kendo

  css3html-semanticshtml5kendoresident-evilwebsite
  Language:HTML 1

• mateus-dev-me / wildbeast

  Site de blog animal criado no curso de CSS grid da @origamid.

  css-gridcss-responsivehtmlhtml-semantics
  Language:CSS 1

• patriciasilvadev / landingpage_ballerini

  Landing Page desenvolvida apenas com HTML e CSS!

  css3estudos-html-cssflexboxhtml-semanticshtml5landing-pageresponsive-design
  Language:CSS 1

• Samuel-Amaro / advice-generator-app

  Desafio de codificação Front-End, construir um aplicativo gerador de conselhos. Consumindo uma API.

  bem-methodologyconsumo-da-apicss3dom-manipulationfetch-apiflexbox-csshtml-semanticshtml5javascriptnormalize-cssrwd-response
  Language:CSS 1

• Samuel-Amaro / alkabot-blog

  Teste prático vaga desenvolvedor Front-End Junior alkabot

  bem-methodologycsshtml-semanticsmobile-firstreact-router-domreactjsresponsive-web-designspatypescriptvitejs
  Language:TypeScript 1

• Samuel-Amaro / article-preview-component

  Desafio de codificação Front-End, componente de visualização de artigo.

  bem-methodologycsscss-animationsdom-manipulationecmascript6flexbox-cssgrid-csshtml-semanticshtml5javascriptmedia-querymobile-firstrwd-response
  Language:CSS 1

• Samuel-Amaro / calculator-app

  Desafio de codificação Front-End, um aplicativo calculadora.

  bem-methodologycss3dom-manipulationes6-javascriptflexboxgrid-layouthtml-semanticshtml5javascriptlocalstoragerwd-responsewebstorage-apimobile-firstnormalize-css
  Language:CSS 1

• Samuel-Amaro / clipboard-landing-page

  Desafio de codificação Front-End, uma página de destino de área de transferência.

  bem-methodologycss-gridcss3flexbox-csshtml-semanticshtml5landing-pagemobile-firstnormalize-cssresponsive-web-design
  Language:CSS 1

• 0Carvalh0 / site-quicktask-react

  Uma aplicação simples e eficiente para gerenciar tarefas diárias. Permite adicionar, editar, marcar como concluída e excluir tarefas, com dados armazenados no navegador para fácil persistência.

  bem-methodologycss3html-semanticshtml5javascriptreact-hooksreact-routerreactjstypescript
  Language:TypeScript 0

• devchris03 / deliveryApp

  App comida es una página web diseñada como una plataforma de entrega de alimentos que actúa como intermediario entre los usuarios y una variedad de restaurantes locales

  avif-imagesbem-methodologycssflexboxgridgulphtml-semanticsresponsivesasswebp-images
  Language:HTML 0

• Marcos-Monte / desafio-1-vai-na-web

  Desafio 1 - Criação de Página Web - Estrutura de Tags e Semântica. Data de entrega: 18 de novembro, 23h59 Objetivo: Desenvolver uma estrutura de página HTML utilizando tags semânticas corretas para organizar o conteúdo do filme. A página deve conter cabeçalho, conteúdo principal e rodapé, conforme os requisitos descritos abaixo.

  html-semanticshtml5semantic
  Language:HTML 0

• AsCraftC / mobile-first

  Proyecto de refuerzo de html semántico, mobile-first, y css

  css-grid-layoutcss3html-semanticsmobile-first
  Language:HTML

• code-mike-code / app-lab-website

  Project made during learning process with my mentor program devmentor.pl. This project emphasizes Responsive Web Design (RWD), ensuring seamless adaptability across various devices and screen sizes. The styles leverage CSS3 basics to deliver a visually appealing and efficient design. Additionally, the BEM methodology ensures the CSS is modular.

  bem-methodologycss3html-semanticsrwd
  Language:CSS

• davenarchives / layout-semantics

  proper html layout semantics

  html-csshtml-semantic-elementshtml-semantic-structurehtml-semantics
  Language:HTML

• DiogoSilas / modal-window

  Exercício para adicionar modal window (janelas modais) em qualquer elemento do seu web site utilizando JavaScript.

  css-flexboxhtml-semanticsjavascriptresponsive-layout
  Language:CSS

• EricSouzaDosSantos / portifolio

  portfólio pessoal, desenvolvido com Angular, SCSS e TypeScript! tem como objetivo apresentar meus projetos, experiências e contar um pouco sobre mim e da minha história, ele também contem as formas de contato.

  angularhtml-semanticsscsstypescript
  Language:SCSS

• johnsans04 / PureBrush

  Landing Page com HTML e CSS (exercício da B7Web)

  css-flexboxcss3html-semanticshtml5
  Language:CSS

• julienborgeon / fem-recipe-page

  Frontend Mentor Challenge : Page recipe (Vite + Tailwind)

  accessibility-mattersfrontendmentor-challengehtml-semanticsrecipe-pageresponsive-designtailwindcss-v4vite
  Language:HTML

• julienborgeon / fem-testimonials-grid-section

  Frontend Mentor Challenge : Testimonials grid section (Vite + Tailwind)

  accessibilitycss-gridfrontendmentor-challengehtml-semanticsresponsive-designresponsive-gridtailwindcss-v4testimonials-grid-sectionvite
  Language:HTML

• PierreLogs / recipesPage

  A recipes page using html semantics structure only and images

  html-semanticshtml5
  Language:HTML

• Salf1-Sabit / Magazine

  This project, completed as part of the FreeCodeCamp.org Responsive Web Design course, focuses on creating a magazine-style web page. The primary emphasis is on implementing various web development concepts, including CSS Grid, lazy image loading, HTML semantics, CSS Pseudo Selectors, and responsive web design principles.

  css-gridcss-pseudo-selectorshtml-semanticslazy-image-loadingresponsive-web-design
  Language:HTML

• vanegas-27 / NaturArte

  NaturArte, pagina web diseñada para divulgar información sobre diversos productos de naturaleza

  astrocomponenthtml-semanticsseotailwindcss
  Language:Astro

• VINAYAK9669 / Cuvette_Mini-project-1

  This mini project, assigned by Cuvette, focuses on desktop design implementation utilizing HTML and CSS. The goal is to refine and enhance the user interface for desktop devices.

  css3cuvette-assignmenthtml-semanticshtml5miniproject
  Language:HTML