Tweet

Maybe Scrolly?

Pratham

Follow @Prathkum

27 Apr, 14 tweets, 7 min read

These 13 web development code snippet websites can save you a lot of time

A thread 🧵

1️⃣ W3 Schools How to

- Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS and JavaScript

🔗 w3schools.com/howto/default.…

2️⃣ Code My UI

- Handpicked collection of Web Design & UI Inspiration with Code Snippets.

🔗 codemyui.com

3️⃣ Creatives Feed

- CreativesFeed works to share the best free code snippets and web development resources online.

🔗 creativesfeed.com/topics/code-sn…

4️⃣ CSS Deck

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

🔗 cssdeck.com

5️⃣ 30 Seconds of Code

- Short code snippets for all your development needs

🔗 30secondsofcode.org

6️⃣ Design Seer

- Everything related to jquery, css3, html5 goes here. Get snippets for your website for free.

🔗 designseer.com/category/codin…

7️⃣ Free Front-end

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

🔗 freefrontend.com

8️⃣ By People

- A collection of useful CSS and JavaScript snippets from around the web that might come in handy.

🔗 bypeople.com/code-snippets/

9️⃣ JavaScript Source

- Search thousands of free JavaScript snippets that you can quickly copy and paste into your web pages.

🔗 javascriptsource.com

🔟 Little Snippets

- A free collection of HTML and CSS code snippets

🔗 littlesnippets.net

1️⃣1️⃣ Bootsnipp

- Design elements, playground and code snippets for Bootstrap HTML/CSS/JS framework

🔗 bootsnipp.com

1️⃣2️⃣ Web Designer Wall

- Design elements, playground and code snippets for Bootstrap HTML/CSS/JS framework

🔗 webdesignerwall.com

1️⃣3️⃣ CSS Tricks

- A collection of code snippets for web developers, including code for HTML, CSS, JavaScript, PHP, WordPress, jQuery, HTAccess, and more!

🔗 css-tricks.com/snippets/

• • •

Missing some Tweet in this thread? You can try to force a refresh

This Thread may be Removed Anytime!

Twitter may remove this content at anytime! Save it as PDF for later use!

More from @Prathkum

Pratham

@Prathkum

29 Apr

10 HTML tips I bet you are not familiar with 🧵 👇🏻

HTML Tip 1

The input with type image defines an image as a submit button. With src attribute that specifies the link to the image

HTML Tip 2

The "step" attribute specifies the interval between legal numbers in an <input> element

Suppose I want the user to only select Sundays in the input date then I'll mention the upcoming Sunday date with 7 stepsDown pointing backhand index

Read 11 tweets

Pratham

@Prathkum

29 Apr

6 amazing GitHub repositories that can help you in your web development journey

🧵 👇🏻

1️⃣ frontend-guidelines

- Some HTML, CSS and JS best practices.

🔗 github.com/bendc/frontend…

2️⃣ awesome-learning-resources

- Awesome list of resources on Web Development.

🔗 github.com/lauragift21/aw…

Read 7 tweets

Pratham

@Prathkum

29 Apr

The next 19 tweets will help you start your JavaScript journey with zero inconvenience

🧵 👇🏻

Some valid reasons why you should learn JavaScript

🔹 Currently used by 94.5% websites
🔹 Wide range of applications including mobile and desktop devices
🔹 Most in-demand language

{ 2 / 20 }

Here's a crash course of JavaScript by Freecodecamp.

Crash courses are just for quick look. Don't just stop learning after it. Keep exploring things by your own

{ 3 / 20 }

Read 20 tweets

Pratham

@Prathkum

28 Apr

5 amazing CSS properties you won't believe really exist 🎨

🧵 👇🏻

1️⃣ touch-action

The touch-action CSS property sets how an element's region can be manipulated by a touchscreen user (for example, by zooming features built into the browser).

This propety accepts the following values 👇🏻

2️⃣ will-change

You can optimize the performance of your web page by adding one line of CSS🤯

The will-change CSS property hints to browsers how an element is expected to change. It can increase the speed by doing potentially expensive work before they are actually required.

Read 9 tweets