Discover and read the best of Twitter Threads about #webdevelopment

Most recents (24)

How I write CSS in 10x Speed.💥💯

Top 10 CSS Generator Tools.(FREE)

#webdesign #webdevelopment

Thread 🧵🧵
Read 12 tweets
I used these 22 APIs For My Web Development Project.💥

And you can use it too for FREE 💥💯
#webdevelopment #Webdesign

Thread 🧵
1. Real-Time & Historical
World Weather Data API
🔗 weatherstack.com
2. Covid-19-API-
🔗 github.com/M-Media-Group/…
Read 24 tweets
“It’s all about a progressive, rational policy for social control. Social inclusion is the most productive means of social control.” -- David Brotherton greeneracresvaluenetwork.wordpress.com/2022/06/07/dai…
Walking the World: Seoul (part 1) - by Chris Arnade
walkingtheworld.substack.com/p/walking-the-…
#SouthKorea, #TravelLog, #PhotoJournalism
New Neuroscience Reveals 5 Rituals That Will Make Your Life Awesome
bakadesuyo.com/2022/06/connec…
#neuroscience, #gratitude, #reciprocity, #altruism, #choice, #enjoyment
Read 13 tweets
Did you know you can write reactive CSS in @vuejs 3?

We can use reactive values in our `<style>` block just like we can in the `<template>` block:

#webdevelopment
Behind the scenes Vue uses CSS custom properties (aka CSS variables) that are scoped to each component.

This way the CSS remains static, but we can dynamically update the CSS variables whenever the reactive value changes.
More info can be found in the docs:

v3.vuejs.org/api/sfc-style.…
Read 4 tweets
Do you know about CSS cursor Property in CSS ?

What is the use of Cursor Property?

Let's understand👇

#100DaysOfCode
#webdevelopment
📌 The cursor property specifies the mouse cursor to be displayed when pointing over an element.

📌 They support multiple conditions depending on what the website interface state is at the current moment.
➡️ For example, you might need a loading state cursor while loading items.

📌 This tells the users that something is in progress in the background, and they need to wait until the fetching finishes.
Read 9 tweets
Roadmap to become a Web developer🧬

A Thread 🧵

#100DaysOfCode
#Webdevelopment
There 3 parts to web development:

- Frontend
- Backend
- FullStack

Make sure to read about these parts of web development.👇
1. Frontend

- HTML
- CSS
- Git and Github
- JavaScript
- Frameworks React/Vue/Angular
- Testing ~> Jest
Read 7 tweets
Let me show you how to *steal* prop types in @vuejs.

I often find that I'm copying prop types from a child component to a parent.

For example, we have an `Icon` component being used in this component:

#webdevelopment Image
To get this to work, we need to add the correct prop types, copying from the `Icon` component: Image
What a pain.

And when the prop types of the `Icon` component are updated, you can be *sure* that you'll forget to come back to this component and update them. Image
Read 6 tweets
What is the !important property in CSS ?

Let's understand 👇

#100DaysOfCode
#webdevelopment
The !important property in CSS is used to provide more weight (importance) than normal property.

!important means that “this is important”, ignore all the subsequent rules, and apply !important rule.
!important keyword must be placed at the end of the line, immediately before the semicolon.

see the example👇 ImageImage
Read 5 tweets
💡 JavaScript Tip 💡
Making a 'composition function' becomes much more cleaner✨
#javascript #webdevelopment
Here's how👇
Normally while composing functions, you would do this👇which is okay, but when you are using too many functions, the code become hard to read
Follow these steps👇 to make your composition cleaner and more scalable
Read 10 tweets
💡Google tricks

A list of amazing Google tricks you do not know before 🧵
1. Search any image by exact size

→ imagesize:widthxheight

e.g., web development imagesize:1000x500
2. Search for hashtags from social media sites

#hashtag

e.g., #webdevelopment
Read 8 tweets
Here's a complete roadmap of topics to master VueJS

A Thread 🧵

#vue #vuejs #100DaysOfCode #webdevelopment #webdev #programming #coding #javascript #HTML #HTML5 #CSS3 #CSS #programming
1⃣ Prerequisite
- #HTML / #CSS Basics
- Basic #Javascript Concepts ✌️
2⃣ Vue Basics
- What is Vue
- Component Basics (Template, script, data, methods)
- Handling User Inputs
- Conditionals and Loops
- Computed properties and watchers
- Class Bindings (CSS Classes) 😀
Read 11 tweets
We're considering licensing our @nextjs @sanity_io @tailwindcss @typescript engine to other businesses.

Web devs and agencies, would you ever consider using a licensed website engine?

Not too dissimilar to what @divjoy does!

Start projects with the hard stuff done already.
The engine has a cli to quickly build pages, modules, dialogs etc.

We scaffold the whole process from frontend module to Sanity data model and storybook demo.

Our pages are all modular so adding a new module to the library makes it available across the CMS for all pages.
Pages are linked up and routed, they are infinitely nestable and a sitemap is auto generated as you go.

Pages are rebuilt by next without any manual deployments.

All pages have live preview by default.

Buttons are setup to internally link to any pages by name, so no 404s.
Read 9 tweets
1/11 In this and some upcoming threads, I want to share with you some insights I am getting as a solo developer who builds a big product.

First insight: Write unit tests early, but not extensively

#BuildInPublic #webdevelopment #SoloDeveloperInsights
2/11 Since now I am fully responsible for product decisions as well, I am seeing a bigger picture. For example, where and when I need to compromise on code quality to bring an #MVP faster.
3/11 Compromising on the code quality infuriates my inner developer :) So I need a way to calm the beast and make sure that everything will be stable enough to make it to the launch. One way to do that is by writing tests.
Read 11 tweets
What is GitHub Actions?

A Thread 🧵👇
#webdeveloper #webdevelopment #DEVCommunity #Programming
2/5
@github Actions is a platform that allows you to automate your build, test, and deployment pipeline.

👉 Create workflows that build and test every pull request to your repository
👉 Create workflows that deploy merged pull requests to production.
3/5
They are popular for integrating CI/CD but it's much more than that. It brings continuous integration (CI) directly to the GitHub flow with templates built by developers for developers.
Read 5 tweets
#webdev #webdevelopment #javascript #100DaysOfCode #coding #code
...
Hey 👋, let's discuss ⚡️JavaScript classes⚡️.
JavaScript classes is a feature which was introduced in
ES6; technically it's just a syntactic sugar(syntax which makes things easier to read), but under the hood it is still the regular object creation.
Getters/setters

Just like literal objects, classes may include getter/setters, computed properties etc.
Read 7 tweets
Python's Math module has many powerful commands that allows you to perform many mathematical tasks easily.

#Python #AI #MachineLearning
#100DaysOfCode #DataScience
Let's have a look at some of them 🧵 ↓
1. math.sqrt is used to return the square root of a number.

Example 👇
2. math.fabs() is used to return the absolute value of a number.

Example 👇
Read 8 tweets
For those who want to learn UI/UX design 🎨 I've got some resources and tutorials for.
RT for awareness

#uidesign #webdev #mobileapdesign #SpiderManNoWayHome
#NationalSTEMDay #technology #programming
#codingisfun #uiuxdesign #webdevelopment
🔷️ Brief explanation on UI/UX
fastcompany.com/3032719/ui-ux-…
🛅 Tools/Software used for UI/UX design

Figma - figma.com

Sketch

Adobe XD

Invision

Framer (for prototyping mostly also for design also) - framer.com

Lunacy (alternative to figma and adobe xd) - icons8.com/lunacy
Read 8 tweets
👋🏼 This is my first visual thread. Do give a feedback! :)

A visual thread to destructuring states and props in react ⚛️ 👇🏼

#webdevelopment
{ 1/7 }

What is destructuring?
{ 2/7 }

Before and after:
Read 9 tweets
10 🔥 Coding Standards & Style Guides you should check out to standardize your CODE & learn a thing or two in the process 👇

——
For devs participating in #100daysofcodechallenge, #100daysofcoding, #Hacktoberfest, #HacktoberFest2021, or anyone in #Coding, #WebDevelopment 👇
[1/10] 👉 JavaScript Style Guide from Airbnb:

github.com/airbnb/javascr…
[2/10] 👉 A community maintained JavaScript Style Guide, with linter & automatic code fixer:

github.com/standard/stand…
Read 12 tweets
The best YouTube channel to learn React Js 🔥
Thread 🧵

#DEVCommunity #reactjs #javascript #coding #programming #webdevelopment
Read 7 tweets
The 2 minute rule.

A Thread.

🧵👇
The main idea behind the 2 minute rule is to slowly curb procrastination off the list of unhealthy habits.
There are different varieties and variations to this, but the main idea is to get started with what you can do under 2 minutes immediately without thinking.
Read 7 tweets
I posted a thread on SSRF protection bypasses with different encodings yesterday.

But there's a lot more you can do to bypass filters.

Let's look at some of them below. ( Also, comment your most used and favourite bypasses )

🧵👇
1. DNS Pinning

To get an A-record that resolves into IP, use the following subdomain.

make-<IP>-rr.1u.ms
2. Bypass with Open Redirection

Eg. /nextPage?path=192.168.0.10/secretInfo
Read 9 tweets
Bypass SSRF protection with different encodings.

A thread.

🧵👇
1. Hex encoding.

If 127.0.0.1 is blocked, try 0x7f.0x0.0x0.0x1
2. Octal encoding.

If 127.0.0.1 is blocked, try 0177.0.0.01
Read 8 tweets

Related hashtags

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3.00/month or $30.00/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!