How to convert Highlighted or Selected text to speech

Published on

How to convert Highlighted or Selected text to speech? Text to speech in HTML5 ,JavaScript which runs on all browser. Selected text to speech which runs on all browser.Text to speech using Javascript.Text to speech using jquery. HTML: <!DOCTYPE html> <html lang=”en” xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta charset=”utf-8″ /> <script> var text = ”; function gText(e) { text … Continue reading How to convert Highlighted or Selected text to speech

How to get YouTube video thumbnail image?

Published on

How to get YouTube video thumbnail image from the YouTube API? You can use YouTube Data API to retrieve video thumbnails, caption, description, rating, statistics and more. API version 3 requires a key*. Obtain the key and create a videos: list request: Read Also: How to setup Google AdSense on YouTube? https://www.googleapis.com/youtube/v3/videos?key=YOUR_API_KEY&part=snippet&id=VIDEO_ID Example PHP Code $data … Continue reading How to get YouTube video thumbnail image?

Using flags vs three-letter codes for countries

Published on

Using flags vs three-letter codes for countries. Do you think replacing country flags with three-letter country codes gives a better experience?Would it help having three-letter codes instead of flags? e.g. IND – India AFG – Afghanistan CHN – China etc… Abbreviations or Flags only = worst comprehension Using abbreviations only could cause uncertainties because users might … Continue reading Using flags vs three-letter codes for countries

Text with multiple underlines using CSS

Published on

Text with multiple underlines using CSS. To play with after and before pseudo elements, too. Not sure how many lines you need, but you can also add few more, this way CSS: CSS: p { font-family:tahoma; font-size:16px;} span { border-bottom:1px solid blue; position:relative; display:inline-block;} span:before { content:”; position:absolute; left:0; bottom:-3px; border-bottom:1px solid red; display:block; width:100%;} … Continue reading Text with multiple underlines using CSS

How to make a circle with vertical dots inside the circle

Published on

How to make a circle with vertical dots inside the circle?  Create three vertical dots (ellipsis) inside a circle. Like below image. Just use: after pseudo-element with content: ‘•••’ and transform: rotate. Note that this is the bullet HTML special character •, or \u2022. div { position: relative; background: #3F3C53; width: 50px; height: 50px; color: … Continue reading How to make a circle with vertical dots inside the circle