Los mejores frameworks CSS de código abierto

Los mejores frameworks CSS
Aunque la mayor parte de los sitios web corren bajo un gestor de contenidos, hay mucho que decir en favor de la creación de un portal desde cero. Y, de todas formas,también los gestores de contenidos necesitan que alguien se ocupe de su aspecto visual. En este post vamos a repasar algunas de las mejores herramientas para la creación de hojas de estilo CSS.

Comencemos por el principio. ¿Qué es CSS?

¿Cómo sería la casa de tus sueños? ¿Tendría uno o dos pisos? ¿Te gustarían las habitaciones abajo y la cocina arriba? ¿Por qué no poner la bañera en el dormitorio?.

Y una vez resuelto eso,  ¿De que color pintarías las habitaciones? ¿El frente lo harías de piedra?

Podemos hacer una analogía entre un sitio web y una casa. Por un lado tenemos la estructura del sitio y por otro el aspecto visual.  En el caso la estructura se determina con un plano y el aspecto visual viendo muestras de decoración.

CSS es la sigla en inglés de  Hojas de Estilo en Cascada. Mientras que el HTML se utiliza para estructurar un documento web (definiendo cosas como páginas, encabezados e indicando cuando incrustar imágenes, vídeo y otros medios) CSS establece el estilo de diseño de la página, los colores y la tipografía.

Con CSS se puede definir el estilo para cada elemento HTML. Los elementos son los componentes HTML individuales de una página web.

Las hojas de estilo pueden ser externas, internas o en línea. En el caso de querer utilizarlas en forma externas hay que guardarlas como archivos .css e indicarle al archivo .html donde encontrarlos.

En la modalidad interna las instrucciones se escriben en el encabezado de una página .html específica .Esto hace más lenta la carga de la página y más complicada las modificaciones.

Con la modalidad en línea, la hoja de estilo externa se aloja en un servidor diferente. Son especialmente adecuadas cuando queremos utilizarlas varias veces.

¿Qué es un framework CSS?

Los frameworks CSS son herramientas utilizadas por los desarrolladores de interfaces de usuario para hacer más rápido su trabajo. En lugar de crear soluciones desde cero cada vez que surge un nuevo proyecto, los frameworks brindan a los desarrolladores las herramientas para crear rápidamente interfaces de usuario que se pueden ajustar e iterar  a medida que se necesitan.

En pocas palabras los podemos definir a los frameworks como una colección de hojas de estilo CSS que están preparadas y listas para usar en diferentes tipos de situaciones.

El ahorro de tiempo no es el único beneficio que se obtiene al usar los frameworks CSS. Al utilizarlos se estandarizan los diseños y permiten a un desarrollador leer fácilmente el código de otro desarrollador.

Los mejores frameworks CSS de código abierto

Bootstrap

Según ellos mismos, Bootstrap es el más popular de los frameworks para HTML, CSS y JS. Es ideal para diseñar sitios adaptados para móviles (Mobile first) y responsivos.

Foundation

Parece que la gente que hace framework no tiene abuela.
Foundation se describe como “El framework adaptable más avanzado del mundo”

Es una herramienta útil para crear sitios web y aplicaciones web con énfasis en las necesidades empresariales. Facebook, eBay, Mozilla, Adobe, HP, Cisco, y Disney están entre sus usuarios.

Bulma

Bulma es un framework CSS gratuito y de código abierto basado en Flexbox y utilizado por más de 200.000 desarrolladores.

Flexbox, fue diseñado para ayudar a distribuir el espacio entre los ítems de una interfaz y mejorar las capacidades de alineación. Flexbox maneja el diseño en una sola dimensión a la vez — ya sea como fila o como columna. Esto contrasta con el modelo bidimensional del Grid Layout de CSS, el cual controla columnas y filas a la vez.

Semantic UI

Semantic UI es un framework de desarrollo que ayuda a crear diseños hermosos y receptivos usando HTML amigable para el ser humano.

Este framework promete permitirnos construir hermosos diseños con sus más de 3000 variables temáticas y más de 50 componentes de interfaz de usuario.

También se integra con muchas bibliotecas de terceros, incluyendo React, Angular, Meteor o Ember.

from Linux Adictos https://ift.tt/2VxU5Gq
via IFTTT

Cómo usar tu móvil Android como micrófono para el ordenador

Usar movil como micrófono o webcam para videollamadas

Si usas un ordenador de sobremesa, lo más probable es que éste no incluya un micrófono integrado que te permita participar en llamadas, reuniones o podcasts. Es cierto que la gran mayoría de auriculares cuenten con un micrófono que puedes utilizar simplemente conectándolo al puerto de 3,5 milímetros. Sea como sea, puedes verte en la situación de no tener unos auriculares a mano.

Es en esas situaciones cuando nuestro smartphone puede convertirse en todo un salvador. Y es que es posible utilizar el micrófono del móvil como micro para el ordenador –no importa si es Windows o Mac– fácilmente.

Te recomendamos: Las 7 mejores apps para hacer videollamadas en grupo gratis

Usa el micrófono de tu móvil como micro para el ordenador

Parte inferior del OnePlus 8 Pro: altavoz

Para poder utilizar tu móvil como micrófono en el PC necesitarás una app que permita la conexión entre ambos dispositivos. Para este procedimiento utilizaremos WO Mic, una aplicación gratuita que, entre otras cosas, permite conectar el dispositivo al ordenador sin necesidad de cables, ya sea a través de conectividad Wi-Fi o Bluetoth. Además, destaca por su reducida latencia, de modo que el resultado es similar al que podríamos obtener con un micrófono integrado o externo. Los pasos a seguir para usar esta herramienta son los siguientes:

  • Entra a la página web de WO Mic y descarga el cliente para Windows o Mac dependiendo del sistema operativo que use tu PC. En el caso de Windows, también necesitarás instalar el driver correspondiente.

  • En tu móvil, instala la aplicación a través de Google Play o App Store según si usas un móvil Android o iOS.

  • Vuelve al ordenador y abre el programa instalado en el primer paso. Dirígete al apartado “Conexión” y toca “Conectar”. Elige el método de conexión que quieras usar (inalámbrico o por cable).

  • Para realizar la conexión por Bluetooth:

    1. Activa el Bluetooth en tu ordenador, y asegúrate de que esté en modo reconocible.

    2. Vuelve a tu móvil y activa el Bluetooth. Ahora, conecta el móvil al ordenador a través de Bluetooth.

    3. En el programa WO Mic en el ordenador, selecciona el método de conexión a través de Bluetooth y, en la lista de dispositivos, selecciona tu smartphone.

  • Para realizar la conexión por cable:

    1. Conecta tu móvil por USB al ordenador (este método solo funciona con dispositivos Android). Si es necesario, instala el driver del dispositivo tal y como te sugerirá tu ordenador (si usas Windows).

    2. Abre el programa WO Mic en el ordenador, y en el método de transmisión elige USB.

La aplicación también ofrece la posibilidad de realizar la conexión a través de Wi-Fi, aunque según hemos podido probar por nosotros mismos, esta función no parece tener un funcionamiento tan estable como las dos mencionadas anteriormente.

Dicho esto, sea cual sea el proceso que hayas decidido llevar a cabo, ya podrás utilizar el micrófono de tu móvil como micrófono para el ordenador. Ahora, ya solo necesitas leer nuestra guía para en la que te explicamos cómo usar tu móvil Android como webcam para tu ordenador para evitar tener que recurrir a dispositivos externos a la hora de participar en llamadas o reuniones.

Entra en Andro4all para leer el artículo completo

Puedes unirte a nosotros en Twitter, Facebook o en Google+

¡Suscríbete a nuestro canal de YouTube!

Publicado recientemente en Andro4all

La entrada Cómo usar tu móvil Android como micrófono para el ordenador se publicó primero en Andro4all.

from Andro4all https://ift.tt/2XYwJve
via IFTTT

When in Doubt: Hang Up, Look Up, & Call Back

Many security-conscious people probably think they’d never fall for a phone-based phishing scam. But if your response to such a scam involves anything other than hanging up and calling back the entity that claims to be calling, you may be in for a rude awakening. Here’s how one security and tech-savvy reader got taken for more than $10,000 in an elaborate, weeks-long ruse.

Today’s lesson in how not to get scammed comes from “Mitch,” the pseudonym I picked for a reader in California who shared his harrowing tale on condition of anonymity. Mitch is a veteran of the tech industry — having worked in security for several years at a fairly major cloud-based service — so he’s understandably embarrassed that he got taken in by this confidence scheme.

On Friday, April 17, Mitch received a call from what he thought was his financial institution, warning him that fraud had been detected on his account. Mitch said the caller ID for that incoming call displayed the same phone number that was printed on the back of his debit card.

But Mitch knew enough of scams to understand that fraudsters can and often do spoof phone numbers. So while still on the phone with the caller, he quickly logged into his account and saw that there were indeed multiple unauthorized transactions going back several weeks. Most were relatively small charges — under $100 apiece — but there were also two very recent $800 ATM withdrawals from cash machines in Florida.

If the caller had been a fraudster, he reasoned at the time, they would have asked for personal information. But the nice lady on the phone didn’t ask Mitch for any personal details. Instead, she calmly assured him the bank would reverse the fraudulent charges and said they’d be sending him a new debit card via express mail. After making sure the representative knew which transactions were not his, Mitch thanked the woman for notifying him, and hung up.

The following day, Mitch received another call about suspected fraud on his bank account. Something about that conversation didn’t seem right, and so Mitch decided to use another phone to place a call to his bank’s customer service department — while keeping the first caller on hold.

“When the representative finally answered my call, I asked them to confirm that I was on the phone with them on the other line in the call they initiated toward me, and so the rep somehow checked and saw that there was another active call with Mitch,” he said. “But as it turned out, that other call was the attackers also talking to my bank pretending to be me.”

Mitch said his financial institution has in the past verified his identity over the phone by sending him a one-time code to the cell phone number on file for his account, and then asking him to read back that code. After he hung up with the customer service rep he’d phoned, the person on the original call said the bank would be sending him a one-time code to validate his identity.

Now confident he was speaking with a representative from his bank and not some fraudster, Mitch read back the code that appeared via text message shortly thereafter. After more assurances that any additional phony charges would be credited to his account and that he’d be receiving a new card soon, Mitch was annoyed but otherwise satisfied. He said he checked his account online several times over the weekend, but saw no further signs of unauthorized activity.

That is, until the following Monday, when Mitch once again logged in and saw that a $9,800 outgoing wire transfer had been posted to his account. At that point, it dawned on Mitch that both the Friday and Saturday calls he received had likely been from scammers — not from his bank.

Another call to his financial institution and some escalation to its fraud department confirmed that suspicion: The investigator said another man had called in on Saturday posing as Mitch, had provided a one-time code the bank texted to the phone number on file for Mitch’s account — the same code the real Mitch had been tricked into giving up — and then initiated an outgoing wire transfer.

It appears the initial call on Friday was to make him think his bank was aware of and responding to active fraud against his account, when in actuality the bank was not at that time. Also, the Friday call helped to set up the bigger heist the following day.

Mitch said he and his bank now believe that at some point his debit card and PIN were stolen, most likely by a skimming device planted at a compromised point-of-sale terminal, gas pump or ATM he’d used in the past few weeks. Armed with a counterfeit copy of his debit card and PIN, the fraudsters could pull money out of his account at ATMs and go shopping in big box stores for various items. But to move lots of money out of his account all at once, they needed Mitch’s help.

To make matters worse, the fraud investigator said the $9,800 wire transfer had been sent to an account at an online-only bank that also was in Mitch’s name. Mitch said he didn’t open that account, but that this may have helped the fraudsters sidestep any fraud flags for the unauthorized wire transfer, since from the bank’s perspective Mitch was merely wiring money to another one of his accounts. Now, he’s facing the arduous task of getting identity theft (new account fraud) cleaned up at the online-only bank.

Mitch said that in retrospect, there were several oddities that should have been additional red flags. For one thing, on his outbound call to the bank on Saturday while he had the fraudsters on hold, the customer service rep asked if he was visiting family in Florida.

Mitch replied that no, he didn’t have any family members living there. But when he spoke with the bank’s fraud department the following Monday, the investigator said the fraudsters posing as Mitch had succeeded in adding a phony “travel notice” to his account — essentially notifying the bank that he was traveling to Florida and that it should disregard any geographic-based fraud alerts created by card-present transactions in that region. That would explain why his bank didn’t see anything strange about their California customer suddenly using his card in Florida.

Also, when the fake customer support rep called him on Saturday, she stumbled a bit when Mitch turned the tables on her. As part of her phony customer verification script, she asked Mitch to state his physical address.

“I told her, ‘You tell me,’ and she read me the address of the house I grew up in,” Mitch recalled. “So she was going through some public records she’d found, apparently, because they knew my previous employers and addresses. And she said, ‘Sir, I’m in a call center and there’s cameras over my head. I’m just doing my job.’ I just figured she was just new or shitty at her job, but who knows maybe she was telling the truth. Anyway, the whole time my girlfriend is sitting next to me listening to this conversation and she’s like, ‘This sounds like bullshit.’”

Mitch’s bank managed to reverse the unauthorized wire transfer before it could complete, and they’ve since put all the stolen funds back into his account and issued a new card. But he said he still feels like a chump for not observing the golden rule: If someone calls saying they’re from your bank, just hang up and call them back — ideally using a phone number that came from the bank’s Web site or from the back of your payment card. As it happened, Mitch only followed half of that advice.

What else could have made it more difficult for fraudsters to get one over on Mitch? He could have enabled mobile alerts to receive text messages anytime a new transaction posts to his account. Barring that, he could have kept a closer eye on his bank account balance.

If Mitch had previously placed a security freeze on his credit file with the three major consumer credit bureaus, the fraudsters likely would not have been able to open a new online checking account in his name with which to receive the $9,800 wire transfer (although they might have still been able to wire the money to another account they controlled).

As Mitch’s experience shows, many security-conscious people tend to focus on protecting their online selves, while perhaps discounting the threat from less technically sophisticated phone-based scams. In this case, Mitch and his bank determined that his assailants never once tried to log in to his account online.

“What’s interesting here is the entirety of the fraud was completed over the phone, and at no time did the scammers compromise my account online,” Mitch said. “I absolutely should have hung up and initiated the call myself. And as a security professional, that’s part of the shame that I will bear for a long time.”

Further reading:

Voice Phishing Scams are Getting More Clever
Why Phone Numbers Stink as Identity Proof
Apple Phone Phishing Scams Getting Better
SMS Phishing + Cardless ATM = Profit

from Krebs on Security https://ift.tt/2xW23Af
via IFTTT

Apple mete miedo a Android con su nuevo iPhone SE

Destacada Conectando 51

Otro jueves más venimos con un nuevo episodio de Conectando, el podcast de Andro4all donde hablamos de las últimas novedades de Android, aplicaciones, dispositivos móviles y de tecnología en general. Si la semana pasada nos preguntábamos si el nuevo OnePlus 8 Pro podía ser el mejor terminal de 2020, hoy nos toca hablar de un pequeño pero muy potente dispositivo móvil que podría poner las cosas muy difíciles a Android.

Se trata del nuevo iPhone SE de Apple, un smartphone que llega con un diseño bastante cuestionable pero que en su interior almacena el procesador A13 Bionic, el mismo que monta el iPhone 11 Pro. Es decir, que a pesar de su contenido tamaño, nos encontramos ante un terminal con una potencia sin igual para el precio que tiene, de tan solo 399 dólares. ¿Debe temblar Android?

¿Debe temer Android la llegada del nuevo iPhone SE? Descúbrelo con nosotros en Conectando, episodio 51

iPhone SE, pantalla

La llegada del nuevo iPhone SE no ha dejado indiferente a nadie, básicamente como todo lo que hace la marca de Cupertino. Unos critican su pequeña pantalla y grandes marcos. Otros alaban que Apple haya sacado un terminal con procesador de gama alta por tan solo 399 dólares o 489 euros. Lo evidente es que este nuevo iPhone SE se va vender cosa mala.

¿Debe temer Android la llegada de esta potente pero barato dispositivo? ¿Existen terminales Android semejantes en potencia y precio a este iPhone SE? ?¿Cuántos usuarios Android van a pasarse de Android a iOS? En el episodio de Conectando de hoy vamos a intentar resolver todas estas cuestiones.

Por supuesto no nos olvidamos de responder algunas de las preguntas que nos habéis hecho a lo largo de la semana, por lo que si queréis aparecer en el programa de la semana que viene solo tenéis que dejar vuestras consultas en redes sociales como Instagram, Twitter o Facebook.

¡Todavía hay más! Porque podéis seguirnos desde las principales plataformas de podcasts como Spotify, Apple Podcasts, Ivoox o Google Podcast, y que por favor, lo recomendéis a vuestros amigos y conocidos. No os olvidéis suscribiros, dejadnos un comentario y nos escuchamos la semana que viene en Conectando. Gracias, sin vosotros esto no sería posible.

Y a vosotros, ¿qué os ha parecido este nuevo iPhone SE? ¿Debe temer Android? Dejadnos vuestra opinión en los comentarios

Entra en Andro4all para leer el artículo completo

Puedes unirte a nosotros en Twitter, Facebook o en Google+

¡Suscríbete a nuestro canal de YouTube!

Publicado recientemente en Andro4all

La entrada Apple mete miedo a Android con su nuevo iPhone SE se publicó primero en Andro4all.

from Andro4all https://ift.tt/3byPE3E
via IFTTT

Android 11 Developer Preview 3: ya disponible la última previa para desarrolladores de Android 11

Android 11

Exactamente cinco semanas después del lanzamiento de la segunda previa para desarrolladores de Android 11, Google acaba de liberar la tercera y última Developer Preview de la undécima gran actualización del sistema operativo, antes de la llegada de la primera beta pública que estará disponible en algún punto a mediados del próximo mes de mayo.

Android 11 Developer Preview 3 ya se puede descargar e instalar en los teléfonos Google Pixel compatibles. En su blog oficial para desarrolladores, Google explica las novedades que trae consigo esta actualización.

Todas las novedades de Android 11 DP3

Tal y como se explica en el calendario oficial de actualizaciones, Android 11 Developer Preview 3 es una actualización incremental que mejora el rendimiento y la estabilidad del sistema, allanando así el terreno para la llegada de la beta pública del mes que viene, junto a la que se introducirá el grueso de novedades de esta actualización. Por tanto, es de esperar que esta DP3 no incluya demasiados cambios funcionales con respecto a lo que ya vimos el mes pasado.

Con esta versión, Google recomienda a los desarrolladores ir preparando sus aplicaciones de modo que aquellos usuarios que decidan inscribirse al programa beta el mes que viene puedan disfrutar de una buena experiencia y no sufran problemas de compatibilidad con sus aplicaciones favoritas.

La primera novedad presente en esta actualización, tal y como era de esperar, es el hecho de integrar el parche de seguridad Android correspondiente al mes de abril, liberado como de costumbre el primer lunes de este mes.

Entra en Andro4all para leer el artículo completo

Puedes unirte a nosotros en Twitter, Facebook o en Google+

¡Suscríbete a nuestro canal de YouTube!

Publicado recientemente en Andro4all

La entrada Android 11 Developer Preview 3: ya disponible la última previa para desarrolladores de Android 11 se publicó primero en Andro4all.

from Andro4all https://ift.tt/2zpu4k4
via IFTTT

Mejores apps de dibujo para entretener a los niños en casa

Entretener a los niños en casa durante el confinamiento es complicado, por eso desde Andro4all te hemos recomendado diversas aplicaciones que pueden hacerlo más fácil. Tras hablarte sobre varias apps para colorear en tu móvil o tablet Android, en este artículo nos vamos a centrar en las aplicaciones de dibujo para los más pequeños, esas con las que pueden demostrar toda su creatividad. La Play Store cuenta con una gran

Entra en Andro4all para leer el artículo completo

Puedes unirte a nosotros en Twitter, Facebook o en Google+

¡Suscríbete a nuestro canal de YouTube!

Publicado recientemente en Andro4all

La entrada Mejores apps de dibujo para entretener a los niños en casa se publicó primero en Andro4all.

from Andro4all https://ift.tt/2xIXI3p
via IFTTT