HowTo   627925

« earlier    

Twitter
@Real_CSS_Tricks : Pretty good overview of the options for styling React components. From vanilla CSS (almost) to some of the popular libs. https://t.co/gjHArIuaUs http://twitter.com/Real_CSS_Tricks/status/1021437292848844800
Twitter  design  modo  web-design  layout  create  creative  web  look  feel  how  how-to  howto  inspiration  webdev  graphic  graphics  UI  UX  user  interface  user-interface  Twitt 
49 minutes ago by dcolanduno
Twitter
@dribbble : It's Playoff time! @AdobeXD teamed up with @territorystudio on a FREE Terminator 2 UI kit for this challenge. The winner will get a free 13'' Macbook Pro with a 1-year Creative Cloud subscription. Read the details and rebound your shot https://t.co/ZvU0X08TxS https://t.co/5NxtBu9rXP http://twitter.com/dribbble/status/1021430050976149504
Twitter  design  modo  web-design  layout  create  creative  web  look  feel  how  how-to  howto  inspiration  webdev  graphic  graphics  UI  UX  user  interface  user-interface  Twitt 
1 hour ago by dcolanduno
Web apps that talk - Introduction to the Speech Synthesis API  |  Web  |  Google Developers
The most basic use of the synthesis API is to pass the speechSynthesis.speak() and utterance:

var msg = new SpeechSynthesisUtterance('Hello World');
window.speechSynthesis.speak(msg);

However, you can also alter parameters to effect the volume, speech rate, pitch, voice, and language:

var msg = new SpeechSynthesisUtterance();
var voices = window.speechSynthesis.getVoices();
msg.voice = voices[10]; // Note: some voices don't support altering params
msg.voiceURI = 'native';
msg.volume = 1; // 0 to 1
msg.rate = 1; // 0.1 to 10
msg.pitch = 2; //0 to 2
msg.text = 'Hello World';
msg.lang = 'en-US';

msg.onend = function(e) {
console.log('Finished in ' + event.elapsedTime + ' seconds.');
};

speechSynthesis.speak(msg);

Setting a voice

The API also allows you to get a list of voice the engine supports:

speechSynthesis.getVoices().forEach(function(voice) {
console.log(voice.name, voice.default ? voice.default :'');
});

Then set a different voice, by setting .voice on the utterance object:

var msg = new SpeechSynthesisUtterance('I see dead people!');
msg.voice = speechSynthesis.getVoices().filter(function(voice) { return voice.name == 'Whisper'; })[0];
speechSynthesis.speak(msg);
speech  Javascript  howto  +++++  nmd305 
1 hour ago by jonippolito
Twitter
@dribbble : Ever wonder what it's really like to work remotely? Or maybe you already do, and wonder if other people feel the same way you do about it. Enter @remotestories—a real-time feed of real people's experiences with working from home. Read more. https://t.co/pwWq1KsuBC https://t.co/7fuMBrOaLX http://twitter.com/dribbble/status/1021420685908955136
Twitter  design  modo  web-design  layout  create  creative  web  look  feel  how  how-to  howto  inspiration  webdev  graphic  graphics  UI  UX  user  interface  user-interface  Twitt 
1 hour ago by dcolanduno
Twitter
@dribbble : Check out Sarah Nicely's office space where she does her amazing design and illustration work! Also get her thoughts on working from home, and a sneak peek at her daily routine. https://t.co/CCoJLM3xG5 https://t.co/CAizx5AagZ http://twitter.com/dribbble/status/1021403324078346240
Twitter  design  modo  web-design  layout  create  creative  web  look  feel  how  how-to  howto  inspiration  webdev  graphic  graphics  UI  UX  user  interface  user-interface  Twitt 
3 hours ago by dcolanduno
Windows Server Evaluierungsversion in Vollversion umwandeln – Thomas-Krenn-Wiki
In diesem Artikel möchten wir Ihnen zeigen, wie Sie eine Evaluierungsversion von einem Windows Server Betriebssystem in eine Vollversion ohne beschränkte Nutzungsdauer umwandeln können.
tips  howto  administration  windows  windowsserver  ser 
3 hours ago by torben

« earlier    

related tags

+++++  *****  ****  201807  @supports  abelton  administration  admission  anchore  arduino  audio  authentication  automation  baking  bestof  bike  bootloader  browser  code  concept  cooking  create  creative  css  css3  culture  design  development  diesel  diy  eclipse  email  esr  featurequeries  feel  flow  food  google  graphapi  graphic  graphics  grub  hacking  home  how-to  how  howto  html  inspiration  instantpot  interface  italian  itp  javascript  kubernetes  layout  learn  lesson  linux  live  look  mac  manjaro  marginnote  marketing  mfa  modo  modules  money  mytools  network  nmd305  notes  osx  pkm  pressure-cooker  pressurecooker  programming  raspi  reading  recipe  reference  repair  restore  sauce  security  ser  speech  ssh  tips  tomato  touareg  trouble  tutorial  tutorials  twilio  twitt  twitter  typography  ubuntu  ui  unfollow  unix  user-interface  user  ux  vegetable  video  web-design  web-development  web  webdesign  webdev  webfonts  webhook  windows  windowsserver  wsl  youtube 

Copy this bookmark:



description:


tags: