Cosas interesantes...

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cuenta Regresiva</title>
<link href="https://fonts.googleapis.com/css?family=Work+Sans:300,400,600,700,900&display=swap" rel="stylesheet">
</head>

<style>
body {
background: #EFEFEF;
color: #363639;
font-family: 'Work Sans', sans-serif;
}
/* ? ----- PORTADA ----- */
.portada {
width: 100%;
background: #EFEFEF;
min-height: 100vh;
position: fixed;
top: 0;
left: 0;
right: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
transition: .5s ease-out all;
}
/* ? ----- Cuenta Regresiva ----- */
#cuenta {
display: flex;
justify-content: center;
margin-bottom: 100px;
}
.simply-section {
background: #fff;
width: 180px;
height: 180px;
margin: 0 20px;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
}
.simply-amount {
display: block;
font-size: 50px;
font-weight: 700;
}
.simply-word {
font-weight: 300;
font-size: 30px;
}
</style>

<body>
<div class="portada" id="portada">
<div id="cuenta"></div>
</div>



<script>
"use strict";function _typeof(t){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}!function(t){
var e=function(t,e,n){var o=document.createElement("div"),s=document.createElement("span"),r=document.createElement("span"),a=document.createElement("div");return a.appendChild(s),a.appendChild(r),o.appendChild(a),o.classList.add(e.sectionClass),o.classList.add(n),s.classList.add(e.amountClass),r.classList.add(e.wordClass),t.appendChild(o),{full:o,amount:s,word:r}};t.simplyCountdown=function(t,n){var o,s,r,a,d,c,i,l,u,m,p=function t(e){for(var n,o=e||{},s=1;s<arguments.length;s+=1){n=arguments[s];var r=Object.keys(n);if(r.length)for(var a=0;a<r.length;a+=1){var d=r[a];Object.prototype.hasOwnProperty.call(n,d)&&("object"===_typeof(n[d])?t(o[d],n[d]):o[d]=n[d])}}return o}({year:2015,month:6,day:28,hours:0,minutes:0,seconds:0,words:{days:"day",hours:"hour",minutes:"minute",seconds:"second",pluralLetter:"s"},plural:!0,inline:!1,enableUtc:!1,onEnd:function(){},refresh:1e3,inlineClass:"simply-countdown-inline",sectionClass:"simply-section",amountClass:"simply-amount",wordClass:"simply-word",zeroPad:!1,countUp:!1},n),y=document.querySelectorAll(t);r=new Date(p.year,p.month-1,p.day,p.hours,p.minutes,p.seconds),s=p.enableUtc?new Date(r.getUTCFullYear(),r.getUTCMonth(),r.getUTCDate(),r.getUTCHours(),r.getUTCMinutes(),r.getUTCSeconds()):r,Array.prototype.forEach.call(y,function(t){var n,r=t,y=function(t,n){var o;return t.inline?((o=document.createElement("span")).classList.add(t.inlineClass),o):{days:e(n,t,"simply-days-section"),hours:e(n,t,"simply-hours-section"),minutes:e(n,t,"simply-minutes-section"),seconds:e(n,t,"simply-seconds-section")}}(p,r);(n=function(){var t,e,n,w,f=function(){i=parseInt(c/86400,10),c%=86400,l=parseInt(c/3600,10),c%=3600,u=parseInt(c/60,10),m=parseInt(c%60,10)};a=new Date,p.enableUtc?(d=new Date(a.getFullYear(),a.getMonth(),a.getDate(),a.getHours(),a.getMinutes(),a.getSeconds()),c=(s-d.getTime())/1e3):c=(s-a.getTime())/1e3,c>0?f():p.countUp?(c=(a.getTime()-s)/1e3,f()):(i=0,l=0,u=0,m=0,window.clearInterval(o),p.onEnd()),p.plural?(t=i>1?p.words.days+p.words.pluralLetter:p.words.days,e=l>1?p.words.hours+p.words.pluralLetter:p.words.hours,n=u>1?p.words.minutes+p.words.pluralLetter:p.words.minutes,w=m>1?p.words.seconds+p.words.pluralLetter:p.words.seconds):(t=p.words.days,e=p.words.hours,n=p.words.minutes,w=p.words.seconds),p.inline?r.innerHTML="".concat(i," ").concat(t,", ")+"".concat(l," ").concat(e,", ")+"".concat(u," ").concat(n,", ")+"".concat(m," ").concat(w,"."):(y.days.amount.textContent=(p.zeroPad&&i.toString().length<2?"0":"")+i,y.days.word.textContent=t,y.hours.amount.textContent=(p.zeroPad&&l.toString().length<2?"0":"")+l,y.hours.word.textContent=e,y.minutes.amount.textContent=(p.zeroPad&&u.toString().length<2?"0":"")+u,y.minutes.word.textContent=n,y.seconds.amount.textContent=(p.zeroPad&&m.toString().length<2?"0":"")+m,y.seconds.word.textContent=w)})(),o=window.setInterval(n,p.refresh)})}}(window),window.jQuery&&function(t,e){t.fn.simplyCountdown=function(t){return function(t,n){e(t,n)}(this.selector,t)}}(jQuery,simplyCountdown);
</script>
<script>
simplyCountdown('#cuenta', {
year: 2022, // required
month: 2, // required
day: 19, // required
hours: 7, // Default is 0 [0-23] integer
minutes: 31, // Default is 0 [0-59] integer
seconds: 0, // Default is 0 [0-59] integer
words: { //words displayed into the countdown
days: 'Día',
hours: 'Hora',
minutes: 'Minuto',
seconds: 'Segundo',
pluralLetter: 's'
},
plural: true, //use plurals
inline: false, //set to true to get an inline basic countdown like : 24 days, 4 hours, 2 minutes, 5 seconds
inlineClass: 'simply-countdown-inline', //inline css span class in case of inline = true
// in case of inline set to false
enableUtc: true, //Use UTC as default
onEnd: function() {
document.getElementById('portada').classList.add('oculta');
return;
}, //Callback on countdown end, put your own function here
refresh: 1000, // default refresh every 1s
sectionClass: 'simply-section', //section css class
amountClass: 'simply-amount', // amount css class
wordClass: 'simply-word', // word css class
zeroPad: false,
countUp: false
});
</script>
</body>
</html>

Vamos a crear un circuito que sea capaz de detectar 3 tipos de sonidos, me refiero a los sonidos graves, medios y agudos. Esto con el fin de hacer un efecto de luces al ritmo de la música.

Para este proyecto nos vamos a basar en el siguiente circuito:

Si éste no llega a funcionar, probaremos el siguiente:

V+ = 12V circuito integrado LM324 Resistencia de A2=270K

La primera parte del circuito sirve para adecuar la señal captada por un micrófono y poder pasar a la etapa de separación de señales.

El primer filtro sólo deja pasar señales menores a 500 Hz (graves),
el segundo señales entre 500 Hz y 2.5 KHz (medios),
y el tercero señales mayores a 2.5 KHz

Con los potenciómetros se regulará la salida de cada filtro.

Es importante colocar los triacs sobre el disipador de calor.
Soporta hasta 1500 W en cada canal.

Cosas interesantes...

Usando una palanca de direccionales de Tsuru 3 en una Ichi van

Paint online

Código para agregar un conteo regresivo a tu web

Notas acordeón diatónico (acordeón de botones)

¿Quieres mejorar tu productividad?

Trello permite que los equipos trabajen de forma más colaborativa y sean más productivos.

Problema al instalar actualización en macbook air con OS Catalina 10.15.7

Luces rítmicas separadas por graves, medios y agudos.