devsamples's profile picture. Providing the world with common and easy to use code samples to make your coding journeys easier. #100DaysOfCode #javascript #reactjs

devsamples

@devsamples

Providing the world with common and easy to use code samples to make your coding journeys easier. #100DaysOfCode #javascript #reactjs

置頂

What are some of the common code snippets you have to look up every time you work on a project? Sticky footers? React lifecycle methods? Something more complex? #webdevelopment #100DaysOfCode #CodeNewbie #javascript #css #javascript #webdev #HTML #reactjs #git #learntocode


SvelteJS makes it easy to do things that would normally require a lot of code/complexity. Here's a way to create a parallax scrolling effect with just a few lines of code. #javascript #sveltejs #100daysofcodechallenge #CodeNewbie #webdev #code devsamples.com/javascript/sve…

devsamples's tweet image. SvelteJS makes it easy to do things that would normally require a lot of code/complexity. Here's a way to create a parallax scrolling effect with just a few lines of code.

#javascript #sveltejs #100daysofcodechallenge #CodeNewbie #webdev #code
devsamples.com/javascript/sve…

The :empty pseudo selector is a great way to target elements without any content. Here's one way to use it. #CSS #100DaysOfCode #CodeNewbie #code #Webdesign #Website devsamples.com/css/targetting…

devsamples's tweet image. The :empty pseudo selector is a great way to target elements without any content. Here's one way to use it.

#CSS #100DaysOfCode #CodeNewbie #code #Webdesign #Website 
devsamples.com/css/targetting…
devsamples's tweet image. The :empty pseudo selector is a great way to target elements without any content. Here's one way to use it.

#CSS #100DaysOfCode #CodeNewbie #code #Webdesign #Website 
devsamples.com/css/targetting…

SvelteJS provides some very useful lifecycle functions similar to React's componentWillUpdate/componentDidUpdate. Here's how to use them. #javascript #sveltejs #100DaysOfCode #CodeNewbie #React #code devsamples.com/javascript/sve…

devsamples's tweet image. SvelteJS provides some very useful lifecycle functions similar to React's componentWillUpdate/componentDidUpdate. Here's how to use them.

#javascript #sveltejs #100DaysOfCode #CodeNewbie #React #code 
devsamples.com/javascript/sve…

Typescript can cause some confusion when trying to define types for data that you don't know the exact shape of. Here's one method for typing an object with unknown properties. #typescript #javascript #100DaysOfCode #code #CodeNewbie devsamples.com/javascript/typ…

devsamples's tweet image. Typescript can cause some confusion when trying to define types for data that you don't know the exact shape of. Here's one method for typing an object with unknown properties.

#typescript #javascript #100DaysOfCode #code #CodeNewbie 
devsamples.com/javascript/typ…

Although React Native warnings should not always be ignored, there are times when you may want to silence them during development. Here's one method: #ReactNative #javascript #reactjs #100DaysOfCode #CodeNewbie #code devsamples.com/javascript/rea…

devsamples's tweet image. Although React Native warnings should not always be ignored, there are times when you may want to silence them during development. Here's one method:

#ReactNative #javascript #reactjs #100DaysOfCode #CodeNewbie #code
devsamples.com/javascript/rea…

Debounce functions are a great way to prevent performance issues and unnecessary updates for events like input change, resize, scrolling, etc. Here's one example: #javascript #CodeNewbie #100daysofcodechallenge #webdeveloper #100daysofcode #code devsamples.com/javascript/deb…

devsamples's tweet image. Debounce functions are a great way to prevent performance issues and unnecessary updates for events like input change, resize, scrolling, etc. Here's one example:

#javascript #CodeNewbie #100daysofcodechallenge #webdeveloper #100daysofcode #code 
devsamples.com/javascript/deb…

Did you know that you can perform client-side redirects without #javascript? Here's how. devsamples.com/html/refresh-b…

devsamples's tweet image. Did you know that you can perform client-side redirects without #javascript? Here's how.

devsamples.com/html/refresh-b…

Javascript comes with some great currency formatting options, no need to use a third-party library in most cases. Here's one example: #javascript #100DaysOfCode #CodeNewbie #Currency #CodeNewbies devsamples.com/javascript/for…

devsamples's tweet image. Javascript comes with some great currency formatting options, no need to use a third-party library in most cases. Here's one example:

#javascript #100DaysOfCode #CodeNewbie #Currency #CodeNewbies
devsamples.com/javascript/for…

The getEventListeners() function is an amazing tool that will show you the active event listeners bound to a given DOM node. Here's how to use it. #javascript #100DaysOfCode #CodeNewbie #webdev #javascript30 #CodeNewbies #Website #Chrome #code devsamples.com/javascript/che…

devsamples's tweet image. The getEventListeners() function is an amazing tool that will show you the active event listeners bound to a given DOM node. Here's how to use it.

#javascript #100DaysOfCode #CodeNewbie #webdev #javascript30 #CodeNewbies #Website #Chrome #code
devsamples.com/javascript/che…

Combining the 'selected', 'disabled', and 'hidden' attributes is a great way to give HTML dropdowns a default value. Mix and match them to meet your use case. #HTML #webdeveloper #100DaysOfCode #CodeNewbie #javascript #frontenddev #webdev devsamples.com/html/select-dr…


There are a bunch of different ways to copy a string to the clipboard in Javascript. Here's one method with great browser support. #javascript #100DaysOfCode #webdevelopment #CodeNewbie devsamples.com/javascript/cop…

devsamples's tweet image. There are a bunch of different ways to copy a string to the clipboard in Javascript. Here's one method with great browser support.

#javascript  #100DaysOfCode #webdevelopment #CodeNewbie 
devsamples.com/javascript/cop…

Did you know that you can refresh a page without using javascript? Here's an example that effectively adds client-side polling to a webpage with just HTML. #HTML #javascript #HTML5 #javascript30 #100DaysOfCode #CodeNewbie #webdevelopment #HTML名刺 devsamples.com/html/refresh-b…

devsamples's tweet image. Did you know that you can refresh a page without using javascript? Here's an example that effectively adds client-side polling to a webpage with just HTML.

#HTML #javascript #HTML5 #javascript30 #100DaysOfCode #CodeNewbie #webdevelopment #HTML名刺 
devsamples.com/html/refresh-b…

devsamples 已轉發

The <img> element now supports lazy-loading, async decoding and many other features: bit.ly/img-cwv I wrote about how to optimize UX & the Core Web Vitals with it.

addyosmani's tweet image. The &amp;lt;img&amp;gt; element now supports lazy-loading, async decoding and many other features: bit.ly/img-cwv I wrote about how to optimize UX &amp;amp; the Core Web Vitals with it.

Ever wanted to "go back in time" with Git? You can! Use the reflog command to view the history of changes and reset to a specific commit. #git #github #100DaysOfCode #javascript #CSS #CodeNewbie #code #webdeveloper #webdev #Website devsamples.com/git/go-back-in…

devsamples's tweet image. Ever wanted to &quot;go back in time&quot; with Git? You can! Use the reflog command to view the history of changes and reset to a specific commit.

#git #github #100DaysOfCode #javascript #CSS #CodeNewbie #code #webdeveloper #webdev #Website 
devsamples.com/git/go-back-in…

Docker is everywhere these days, but sometimes it can be difficult to find and remove any containers that you have running. Here's a sample to help you stop or remove these containers. #docker #CodeNewbie #webdevelopment #100DaysOfCode devsamples.com/docker/stoppin…

devsamples's tweet image. Docker is everywhere these days, but sometimes it can be difficult to find and remove any containers that you have running. Here&apos;s a sample to help you stop or remove these containers.

#docker #CodeNewbie #webdevelopment  #100DaysOfCode 
devsamples.com/docker/stoppin…

Browsers often have a hard time figuring out how to break up long words. Use the word-wrap and word-break properties to specify how a browser should handle text content that doesn't fit. #CSS #100DaysOfCode #webdevelopment #CodeNewbie #javascript #code devsamples.com/css/css-break-…

devsamples's tweet image. Browsers often have a hard time figuring out how to break up long words. Use the word-wrap and word-break properties to specify how a browser should handle text content that doesn&apos;t fit.

#CSS #100DaysOfCode #webdevelopment  #CodeNewbie #javascript #code
devsamples.com/css/css-break-…
devsamples's tweet image. Browsers often have a hard time figuring out how to break up long words. Use the word-wrap and word-break properties to specify how a browser should handle text content that doesn&apos;t fit.

#CSS #100DaysOfCode #webdevelopment  #CodeNewbie #javascript #code
devsamples.com/css/css-break-…

There are a number of different ways to empty an array with Javascript. Here are 3. Can you think of any others? #javascript #100DaysOfCode #CodeNewbies #javascript30 #code devsamples.com/javascript/emp…

devsamples's tweet image. There are a number of different ways to empty an array with Javascript. Here are 3. Can you think of any others?

#javascript #100DaysOfCode #CodeNewbies #javascript30 #code
devsamples.com/javascript/emp…

If you use React Navigation, you may have wanted to send data back to a component when using the goBack() method. This is not supported, but here's a workaround. #ReactNative #reactjs #100DaysOfCode #CodeNewbie #ios #Android #code devsamples.com/javascript/rea…

devsamples's tweet image. If you use React Navigation, you may have wanted to send data back to a component when using the goBack() method. This is not supported, but here&apos;s a workaround.

#ReactNative #reactjs #100DaysOfCode #CodeNewbie #ios #Android #code 
devsamples.com/javascript/rea…

devsamples 已轉發

Using clip-path transitions to create a hamburger menu open effect. On @CodePen codepen.io/ainalem/full/O…


Removing all files of a given type or extension is a breeze with the command line. Here's one way you can do it on UNIX or Windows machines. #UNIX #Windows #100DaysOfCode #Linux #CodeNewbie #code devsamples.com/shell/remove-a…

devsamples's tweet image. Removing all files of a given type or extension is a breeze with the command line. Here&apos;s one way you can do it on UNIX or Windows machines.

#UNIX #Windows #100DaysOfCode #Linux #CodeNewbie #code
devsamples.com/shell/remove-a…

United States 趨勢

Loading...

Something went wrong.


Something went wrong.