PROGRAMMING
Tailwind Css v2.0 Is Finally Here!
It’s been 18 months since Tailwind v1.0 was released and the team has pushed some major updates in that time but now v2.0 is here and ready to impress!
What’s new in Tailwind v2.0:
- All-new color palette
- Dark mode support
- Extra wide 2XL breakpoint
- New outline ring utilities
- Utility-friendly form styles
- Default line-heights per font-size
- Extended spacing, typography, and opacity scales
- Use @apply with anything
- New text overflow utilities
- Extend variants
- Group-hover and focus-within by default
- Default transition duration and easing curve
- Incompatibility with IE11
- Upgrade to PurgeCSS 3.0
- Upgrade to PostCSS 8
Plus more, view the entire changelog.
How to get started with Tailwind v2:
You can download all of the Tailwind package files directly from their GitHub
github.com/tailwindlabs/tailwindcss
The quickest way get started is by linking their CDN into an HTML starter template
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
Here is the HTML starter template for self-serving your Tailwind CSS files
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="/path/to/tailwind.css" rel="stylesheet">
<!-- ... -->
</head>
<body>
<!-- ... -->
</body>
</html>
How to upgrade form Tailwind v1 to Tailwind v2:
If you already have projects on Tailwind v1.x and want to update to v2.0 then no worries! They make it super easy to update your old projects and should only take about half an hour to complete.
PROGRAMMING
What is Flutter and how to get started


What Is Flutter?
Flutter is Google’s open-source UI software development kit used for creating applications for Andoid, iOS, Linux, Mac, Windows and Google Fuchsia. What makes Flutter so special is that you can create applications on almost any platform with a single code base. The Flutter engine is written primarily in C++ and is a portable runtime for hosting Flutter applications.
Pros of using Flutter:
The main benefit of Flutter is that you can prototype and develop applications on almost any platform a lot faster while using less code.
The major components of Flutter:
• Dart platform
• Flutter engine
• Foundation library
• Design-specific widgets
Flutters “Hello World” example
import 'package:flutter/material.dart';
void main() => runApp(HelloWorldApp());
class HelloWorldApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
//MaterialApp acts as a wrapper to the app and
//provides many features like title, home, theme etc
return MaterialApp(
title: 'Hello World App',
//Scaffold acts as a binder that binds the appBar,
//bottom nav bar and other UI components at their places
home: Scaffold(
//AppBar() widget automatically creates a material app bar
appBar: AppBar(
title: Text('Hello World App'),
),
//Center widget aligns the child in center
body: Center(
child: Text('Hello World'),
),
),
);
}
}
Crash course on using Flutter with Visual Studio Code:
By Brad at Traversy Media
Resources:
OP SEC
“Privacy Not Included”, Mozilla Helps You Shop For Safe Internet Connected Products


Ever wonder which products invade your privacy the most?
Or which internet connected household product is always listening when you don’t think they are?
Well thanks to privacy focused browser Mozilla, now you can get an idea which internet connected products are spying on you the most. The Mozilla foundation have recently launched their fourth edition of *privacy not included just in time for the holiday shopping season.
We hope you use and enjoy this guide to help you think about, shop for, and buy products from companies that show they value privacy and security. We as consumers need to demand that value from the people who build our products. It’s how we’ll start to make the internet, and our lives, a bit safer in this digital world. That is our goal every day here at Mozilla.
Thank you!
The Team at Mozilla
List of devices that may be spying on you right now:
Amazon Alexa & Echo
Google Home
Google Nest
Smart Phone
Smar Fridge
Smart TV
Smart Watch
Laptop Computer
Desktop Computer
Dyson Fan
Nintendo Switch
Sonos One Speakers
Garmin Venu
Arlo Security Cameras
iRobot Roomba “i Series”
Peloton Tread
Samsung Galaxy Buds
Honeywell Home Smart Thermostats
Petsafe Smart Feed
Ring Video Doorbell
Atomi Smart Coffee Maker
Facebook Messanger
Facebook Portal
–
In a world where pretty much everything you buy is connecting to the internet 24/7, its nice to know what kind of security is built into the products you’re buying for yourself, friends and family. We did some browsing ourself and it’s actually quite scary how many large brands don’t take their customers privacy into consideration.
In a world that is consistently becoming more and more connected, scammers and criminals are constantly looking for their next targets. Being aware of what you’re buying is more and more important for the safety of you and your loved ones.
Was there anything on the list that you owned and were surprised to find out that it was invading your privacy? [wpdiscuz-feedback id=”iibr0wokx2″ question=”Please leave a feedback on this” opened=”0″]Let us know![/wpdiscuz-feedback]
OP SEC
FBI: Hackers stole source code from US government agencies and private companies


FBI: Hackers stole source code from US government agencies and private companies from r/technology
The Federal Bureau of Investigation has sent out a security alert warning that threat actors are abusing misconfigured SonarQube applications to access and steal source code repositories from US government agencies and private businesses.
-
GAMING3 years ago
Battle Station Breakdown: “Updated My Work From Home”
-
GAMING3 years ago
How to connect your phone to an Xbox Series X
-
VIDEO3 years ago
Cool Tech Under $50 – November! With RandomFrankp
-
TECH3 years ago
Apple silicon for Macs is finally here!
-
OP SEC3 years ago
“Privacy Not Included”, Mozilla Helps You Shop For Safe Internet Connected Products
-
AUTOMOTIVE2 years ago
2021 Toyota Supra Specs & Video
-
OP SEC3 years ago
What does it take to be “Full Stack” in web security?
-
FUTUROLOGY3 years ago
Is “WFH” really a good thing?