html and css آموزش

Social buttons [Border rotation]

https://codepen.io/OfigenusMaximus/pen/gOZGeKw

#button #animation

با ری اکشن بهمون انرژی بدید❤️

💎 Channel: @htmlcss_channels

❤14🔥6👍1

2.87K viewsedited 15:41

🖥 reveal.js - open-source framework for creating HTML presentations

The framework has a powerful set of features, including Markdown support, the ability to create animations, PDF export, presenter notes, support for LaTeX layout, syntax highlighting code and a convenient API.

🟡 An example of such a presentation
🖥 GitHub

💎 Channel: @htmlcss_channels

👍2

3.13K viewsedited 10:07

HTML & CSS & JS

💎 Channel: @htmlcss_channels

👍2❤1

2.94K viewsedited 09:33

Carousel.rar

2.2 KB

💎 Channel: @htmlcss_channels

🙏1

2.56K viewsedited 09:33

🔊 Voice Recognition in JS

The Web Speech API allows interaction with voice interfaces in your web applications. It consists of two parts: SpeechSynthesis (Text-to-Speech) and SpeechRecognition (Asynchronous Speech Recognition).

<h2>Voice Recognition</h2>
<p id="transcription"></p>
<button id="startRecognitionButton">Record</button>

const startRecognitionButton = document.getElementById("startRecognitionButton");
const transcription = document.getElementById("transcription");
startRecognitionButton.addEventListener("click", function () {
  const recognition = new webkitSpeechRecognition();
  recognition.lang = "en-US";
  recognition.onresult = function (event) {
   const transcript = event.results[0][0].transcript;
    transcription.textContent = transcript;};
  recognition.onerror = function (event) {
    console.error("Error:", event.error);};
  recognition.start();});

👍8

2.79K views16:16

🖥 docsify - cool JS website generator with documentation

— npm i docsify

docsify creates a documentation site literally on the fly. Unlike GitBook, it does not generate static html files. Instead, it intelligently downloads and parses Markdown files and then displays them as a website.

To start using docsify, you just need to create an index.html and deploy it to GitHub Pages.

🖥 GitHub : https://github.com/docsifyjs/docsify

🟡 Docks : https://docsify.js.org/#/?id=docsify

🟡 Examples of use : https://github.com/docsifyjs/awesome-docsify#showcase

💎 Channel: @htmlcss_channels

👍1🙏1

2.81K views14:31

0:59

Animated Rings | HTML CSS

💎 Channel: @htmlcss_channels

👍3❤2🔥1

3.7K viewsedited 16:19

0:13

HTML & CSS

💎 Channel: @htmlcss_channels

👍8

3.17K viewsedited 07:06

Toggle.rar

1.8 KB

HTML & CSS

💎 Channel: @htmlcss_channels

🙏5

3.07K viewsedited 07:06

How to Create Responsive Registration Form in #HTML & #CSS

Code : link

💎 Channel: @htmlcss_channels

👍4

3.77K views12:35