BC CSS
Saved by @cur10uslearner

JavaScript is powerful.

But sometimes, you can do great things using CSS.

A long thread of CSS tips and tricks:

 1. Smooth scrolling

https://t.co/eRRqdjrykQ
2. Change marker styling
3. Add styling to video subtitle

https://t.co/Oorw0Vymda
4. Change input caret color

https://t.co/OKSsAtxEuJ
5. Typewritter effect using pure CSS

https://t.co/Q6vorP1mFL
6. Customize text selection

https://t.co/lcsl9xVQ4X
7. Zoom image on hover

https://t.co/wB16o8jRWR
8. Customize first letter

https://t.co/5mK65WYUqS
9. Pure CSS image carousel

https://t.co/ecvhTwLBbw
10. Comma separated list

https://t.co/N9WeaMNVtb
11. Text outline using 1 CSS property

https://t.co/k41IoCECRc
12. Customize list style type

https://t.co/DOQK8EV0tS
13. Style range input

https://t.co/DWW7Fskw04
14. 3D elements using CSS

https://t.co/OFUn4UHhUQ
15. Optimize the performance

https://t.co/4im7DbNuFf
16. Create round text

https://t.co/IWEC1nJQV0
17. Wavy underline

https://t.co/7gkr2ykYOB
18. Truncate text using CSS

https://t.co/7SQ5m5mGCM
19. Negative selector

https://t.co/Z6NPEndM24
20. Prevent text selecting

https://t.co/Sudo7KLwh1
21. Make div scrollable

https://t.co/NEYyQadOOA
22. Image reflection

https://t.co/Tsy0J1i9r0
23. Image rendering

https://t.co/J7uLQAjYJB
End of this thread.

I’m planning to post more top-notch content in upcoming days.

Follow me @Prathkum if it sounds good.

More from Pratham

Pratham \U0001f468\u200d\U0001f4bb\U0001f680
Pratham 👨‍💻🚀...
@Prathkum
Neumorphism is a trendy UI style nowadays. So let's create a neumorphic form using few simple steps

THREAD🧵


Neumorphic design is another UI design that has become popular these days.

Making neumorphic effect is actually pretty easy using only just CSS box-shadow

We'll be creating a neumorphic form in steps👇🏼

2.

STEP 1:

Place a light source(virtually) on screen. In this example I'm considering that my light source is placed top left corner of the screen

3.


STEP 2:

Create a container div and set background color slightly darker than white. I picked #ecf0f3

* Make sure that the color of body and container should be same

CONTINUE...

4.

As we placed our light source on top-left corner, make sure left and top border of container should be brighter than right and bottom border.

This will make the element looks like it has the light source illuminating from the top left corner of the screen.

5.
DESIGN
Pratham \U0001f468\u200d\U0001f4bb\U0001f680
Pratham 👨‍💻🚀...
@Prathkum
If you know CSS then you can use these amazing generators and save your time

Thread 🧵👇🏻

1️⃣ CSS Box Shadow Generator

- Generate CSS3 Box Shadow code for your Div, Frame, Buttons or any other HTML element with Outline, and Inset (inner) type shadow effects

🔗 https://t.co/6La36IzBLj


2️⃣ Glassmorphism

- Generate glassmorphic design easily

🔗 https://t.co/qrKqDV5tzY


3️⃣ Cool Backgrounds

- Explore a beautifully curated selection of cool backgrounds that you can add to your next project

🔗 https://t.co/df7VSaRSh9


4️⃣ Pixel art

- Create CSS pixel art, export the results to CSS and download them.

🔗 https://t.co/ojD8qwzuhx
CSS
Advertisement
Pratham \U0001f468\u200d\U0001f4bb\U0001f680
Pratham 👨‍💻🚀...
@Prathkum
A complete beginner's guide to CSS Grid layout 👇🏻

Thread🧵


Grid is used for making complex web design layouts more easily as it's not so hard to master

Using Flex you can make only 1D layout but Grid gives you full power of creating 2D layout

Let's start

{ 2 / 21 }

First things first, start with giving the display property "grid" to the container element or parent element

{ 3 / 21 }


Nothing will change after adding display: flex; in the parent container becuase we need to define the width of columns. In order to set that columns width we have gird-template-columns property

{ 4 / 21 }

Let's start with defining the width of our columns.

For example, let's say I need two columns of width 60% and 40% respectively

grid-template-columns: 60% 40%;

{ 5 / 21 }
CODING , WEBDEV
Pratham
Pratham
@Prathkum
Six tools that will change the way your write code: 🧵

1️⃣ HarperDB

Deciding between SQL and NoSQL? Use HarperDB as it provides you the functionality of both.

Access data using API endpoint.

🔗 https://t.co/qf5CalexfA


2️⃣ Visual Go

Visualizing data structures and algorithms

🔗 https://t.co/b8YeMYdOaf


3️⃣ Extends Class

Syntax validators, code formatter, testers, HTTP clients, mock server, and much more.

🔗 https://t.co/GlKjoBnzqg


4️⃣ Codeshare

Share Code in Real-time with Developers. An online editor for teaching and interviewing.

🔗 https://t.co/2m1Ne3KJRK
ALL
Pratham
Pratham
@Prathkum
5 great code snippet websites for every web developer and designer

🧵👇🏻


1️⃣ 30 Seconds of Code

- Short code snippets for all your development needs

🔗 https://t.co/91L4bAxkgF


2️⃣ Free Frontend

- Free hand-picked HTML, CSS and JavaScript (jQuery, React, Vue) code examples, tutorials and articles

🔗 https://t.co/2sIAm73EdZ


3️⃣ Little Snippets

- A free collection of HTML and CSS code snippets

🔗 https://t.co/qxAyA2wA6U


4️⃣ CSS Deck

- Collection of Awesome CSS and JS Creations to help out frontend developers and designers.

🔗 https://t.co/LcZYnipvCy
ALL

You May Also Like

\u0936\u094d\u0930\u0940\u092e\u093e\u0932\u0940 \u0939\u093f\u0924\u0947\u0936 \u0905\u0935\u0938\u094d\u0925\u0940
श्रीमाली हितेश अवस्थी...
@HiteshAwasthi89
Sri Parasurameswara Swamy Mandir, Gudimallam, Andhrapradesh

Gudimallam is a small village located in Chittoor district. It is seven miles away from Tirupati. This small village came to significance,due to it's very beautiful Shiva Mandir with history of thousands of years. 1/n


The main importance of the mandir lies in the Linga which is housed in the Garbhagriha of the temple & considered as the only one of such type. It is the earliest Linga discovered so far and it has been assigned to the 3rd century BCE.(Satavahana period) 2/n
ALL
foone
foone
@Foone
I got a Toshiba T1200, which has a bad screen, and a dead CMOS battery, and I thought the hard drive was broken too...


but I rebooted it and heard a KTHUNK and a really loud spin-up noise and holy shit, the hard drive works!


and it still has files on it. the newest date is January 1994.


It's a 21mb hard drive, with ~37k of bad sectors.

This fucker is never going to spin up again, so I better go find some serial cables and copy shit off now.


The backlight is fucked so I'm shining a flashlight on it.
without it, it looks like this.
TECH
Advertisement
Andrew Chen
Andrew Chen
@andrewchen
👇Thread.

Published a new essay: The red flags and magic numbers that investors look for in your startup’s metrics – 80 slide deck included!


This was a deck that I created on my (longish) interview process with @a16z. It was a long path, starting with meeting folks at the firm 10 years ago. But the purpose of the deck was to explain how I would use my superpower in an investing context

Here's what I explain in the deck. As investors (whether angel or VC) we're often confronted with an up-and-to-the-right graph. Is it going to go up? Or down?


One solution to forecast these growth curves is the Growth Accounting Framework, where you add up New+Reactivated and subtract churned users. In each time period that gives you the difference in monthly actives.


The problem with this is that it's a lagging metric, not a leading one. We need to go one level deeper and look at the underlying loops that drive these numbers, to understand the quality.
STARTUPS
foone
foone
@Foone
An interesting set of games that I've been vaguely interested in since I was a kid, after seeing one at a friend's house and never being able to find it again, was the BATTLES IN A DISTANT DESERT/BATTLES ON DISTANT PLANETS series.


These are turn-based wargames for windows 3.x, sharing the same engine.
Battles in a Distant Desert is from 1992, and is based on the first Iraq war (Desert Storm)


and Battles on Distant Planets is from 1991, and takes place in SPACE!
I'm pretty sure this is the one I played as a kid.


They've got 3 options to play with:
* Player vs. Player
* Player vs. Computer
* Computer vs. Computer

So it's a 0-2 player game!


They also did a DOS strategy game called "STARDATE 2140.2: GALACTIC CONQUEST" in 1990, but it seems to be lost.
All the games share an experimental AI system based on neural networks.
FUN
\U0001f1fa\U0001f1f8I Support Our Military & Law Enforcement\U0001f1fa\U0001f1f8
🇺🇸I Support Our Milita...
@TheWiseOwl_AZ
1. There are more people added on the list of arrests and executions of famous people but no further intel is available at this time.

ARRESTS and EXECUTIONS OF FAMOUS PEOPLE 2020 UPDATED
Explanation of the latest military tribunal arrests and executions of famous people in 2020.

2. The tribunals are arresting these people in plain clothes. We saw the Obama’s arrest, although we didn’t know it was an arrest at the time. The arrest was done nonchalantly so as to not get noticed by the public.
All arrests of these famous people were done this way.

3. If the person is convicted of child sex trafficking, crimes against humanity or treason, they will be executed.
If the person arrested has evidence on someone else to help their prosecution, or is willing to help Trump, & they want to cooperate, they may be allowed to do so.

4. A sentence of execution down to life in prison may be accepted if their evidence is worth anything.
When a plea deal is done, the defendant must present evidence they have to make their sentence lighter. This information is given to the prosecution, defense, and to the judge.

5. If evidence is accepted, they are presented the plea deal. They will have to make a guilty plea to the crime with a video confession & written statement. That is how all plea deals work.

All famous people arrested were either treasonous or involved in satanic worship rituals.
CRIME