Alexander Kasheverov kashesandr

## what-forces-layout.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                kashesandr
                / what-forces-layout.md
            
            
              Created
              December 17, 2021 11:11
                — forked from paulirish/what-forces-layout.md
            
              
                What forces layout/reflow. The comprehensive list.
              
          
    What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.
Element APIs

Getting box metrics


elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent


## README.md

      
              5 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                kashesandr
                / README.md
            
            
              Created
              June 26, 2017 06:42
                — forked from ericcoopey/README.md
            
              
                D3 US Map with Hover
              
          
    D3 US Map with Hover

Basic US map using D3 and topojson. Each state gets colored and neighbors should never be the same color. Also has some mousein/mouseout functions for highlighting the state your cursor is over

  
## index.html
<!DOCTYPE html>
<html>
<head>
  <script src="http://d3js.org/d3.v3.min.js"></script>
  <style>
    body { margin:0; padding:0; }
    #map { width:960px; height:500px; background:cyan; }
  </style>
</head>
<body>
	<!DOCTYPE html>
	<html>
	<head>
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<style>
	body { margin:0; padding:0; }
	#map { width:960px; height:500px; background:cyan; }
	</style>
	</head>
	<body>