Why does Windows 10 add files to the desktop in columns, but selects files in rows?

When I save files to the Desktop, it automatically stacks them in columns. Meaning, each added file is placed underneath the previous until it reaches the bottom. Then it wraps, and starts stacking files in a new column.

When selecting files using the keyboard, files get selected in rows. For example, if you have 5 columns of files, select (single-click) a file in the bottom of the last column, then on the keyboard press Shift+Up, it will highlight not just the file above, but the entire row beneath it.

Since files get added in columns, I expected the selection to follow the columns, meaning Shift+Up in the previous scenario would only add the above file to the selection. I can’t imagine why the current way would make sense. I feel like this is bad design.

Is this bad design, or is there a UX principle behind this decision?

Is there somewhere else this behavior can be seen?
(I checked MacOS (Catalina), and using Shift and arrows keys just selects individual files in the direction of the arrow keys you press; it doesn’t attempt to select rows nor columns.)

html – Why are there gaps between Bootstrap divs on Mobile but not on Desktop?

I’m using bootstrap to try and mimic a website I found, and it’s mostly working, except for this strange issue that I can’t seem to solve. On Desktop, there are no gaps between the containers and everything works fine. However, on mobile, there is a gap between my two containers. I’m attatching an image to show this – the one on the left is on the mobile, and the one on the right is on the desktop, when I’ve shrunk the browser window.

View post on imgur.com

Currently, the only way I’ve managed to get rid of it is by shrinking the size of the first div to 90vh, but I would like it to be 100vh, so it fills the whole screen initially. I’m attatching my HTML and CSS below – thanks in advance for any help.

HTML:

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.80.0">
    <title>Rêver</title>

    

    <!-- Bootstrap core CSS -->
<link href="./bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="./style.css">
</head>
<body class="body">
<div class="container" style="height: 100vh">
  <div class="navbar navbarSmall" style="width: 100vw; max-width: 100%; z-index: 50;">
    <div class="container menu">
      <h1 class="text-white logo" style="font-size:5vh">Rêver</h1>
      <div class="hamburger">
        <div class="line line1"></div>
        <div class="line line2"></div>
        <div class="line line3"></div>
      </div>
    </div>
  </div>
  <div class="container bg-house-main">
    <img src="https://stackoverflow.com/./hero1.jpg" alt="" style="z-index: -50">
    <h1 class="slogan">Dare to Dream</h1>
  </div>
</div>
<div class="container navMenu hidden" style="height: 100vh; position: absolute; bottom: 100vh;">
  <div class="navbar text-center">
    <ul class="nav flex-column">
      <li class="nav-item">
        <a class="nav-link" href="#">Active</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Link</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Link</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Disabled</a>
      </li>
    </ul>
  </div>
</div>

<div class="container content-section-1 text-light">
  <div class="content1 mt-5 mb-5">
    <div class="imgText mb-3">
      <h1 style="font-family: 'Montserrat';" class="text-center mt-5 mb-5">The Height Of Luxury</h1>
      <p>Rêver is a magnificent project of 2 luxury villas located in the popular district of Chêne-Bougeries. This promotion offers a unique living environment in the countryside while being very close to downtown Geneva and diverse amenities.</p>
    </div>
    <div id="carouselExampleControls" class="carousel slide imageSlider" data-ride="carousel">
      <div class="carousel-inner">
        <div class="carousel-item active">
          <img class="d-block w-100" src="./pexels-max-vakhtbovych-6436744.jpg" alt="First slide">
        </div>
        <div class="carousel-item">
          <img class="d-block w-100" src="./pexels-max-vakhtbovych-6436746.jpg" alt="Second slide">
        </div>
        <div class="carousel-item">
          <img class="d-block w-100" src="./pexels-max-vakhtbovych-6436752.jpg" alt="Third slide">
        </div>
      </div>
      <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      </a>
      <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
      </a>
    </div>
  </div>
</div>
<div class="container content-section-2 text-light">
  <table class="table tableInformation mb-5">
    <tbody>
      <tr>
        <td class="cellText" valign="bottom">
          <div class="text">
            <small>/ district</small>
            <h4>Chêne-Bougeries</h4>
          </div>
        </td>
        <td class="cellText">
          <div class="text" >
            <small>/ instagram</small>
            <a href="https://www.instagram.com/rousseau5_realestate/"><h4>@rousseau5_realestate</h4></a>
          </div>
        </td>
        <td class="cellText">
          <div class="text">
            <small>/ gallery</small>
            <a href="#"><h4>Gallery</h4></a>
          </div>
        </td>
      </tr>
      <tr>
        <td class="cellText">
          <div class="text">
            <small>/ surface plan</small>
            <a href="#"><h4>Download PDF</h4></a>
          </div>
        </td>
        <td class="cellText">
          <div class="text">
            <small>/ sales brochure</small>
            <a href="#"><h4>Download PDF</h4></a>
          </div>
        </td>
        <td class="cellText">
          <div class="text">
            <small>/ contact</small>
            <a href="#"><h4>Contact us</h4></a>
          </div>
        </td>
      </tr>
    </tbody>
  </table>
</div>
<div class="container content-section-3">
  <img src="./Buclines Animation--JGw5BkP9dQ.gif" alt="" class="tourGIF mb-5">
</div>
<div class="container content-section-4">
  <div class="content4">
    <h1 class="headingSection4">
THE
SPACE
DESIGNED
<span style="color: #B7A187;">WITH
PASSION
      </span>
        </h1>
        <p class="descriptionSection4">
The architect must interpret and transcribe the strong interaction that exists between a project and the natural harmony of a place.
    
This is how Neal Ymar and his architects conceive it;
"We seek to create a feeling of well-being, in each space, by seeking a symbiosis between the individual, his place of life and his natural environment. This coexistence is the keystone of an architectural project ”.
  
Each of the details as well as the finishes have been thought out with particular care. The contemporary architecture combines quality finishes and materials.
        </p>
  </div>
</div>
<script src="./jquery.js"></script>
<script src="./popper.js"></script>
<script src="./bootstrap.js"></script>
<script src="./app.js"></script>

    
  </body>
</html>

CSS:

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700;900&display=swap');

@font-face {
    font-family: 'DreamFont';
    src: url('./Aguila-Thin.ttf')
}
@font-face {
    font-family: 'LogoFont';
    src: url('./Locomotype GigaSansBold.ttf');
}

@font-face{
    font-family: 'AppleFont';
    src: url('./FontsFree-Net-SFProDisplay-Regular.ttf')
}

.slogan {
    font-family: 'DreamFont';
    font-size: 8vh; 
    max-width: 100vw;
    color: white;
    line-height: 100vh;
    text-align: center;
    white-space: none;
}

@media screen and (max-width: 1573px){
    .slogan {
        font-size: 10vw;
    }
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'AppleFont';
}

.bg-house-main {
    width: 100vw;
    height: 100vh;
}

body.x {
    overflow: hidden;
}

.bg-house-main img{
    filter: brightness(0.85);
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 100vw;
    max-width: 100%;
}

.container {
    width: 100vw;
    max-width: 100%;
    display: flex;
    flex-direction: column;
}

.navMenu {
    background-color: black;
    height: 100vh;
    display: flex;
    align-items: center;
    color: white;
    justify-content: center;
}

.navMenu a {
    font-family: 'LogoFont';
    color: white;
    margin-top: 5vh;
    font-size: 3vh;
    transition: transform 0.3s ease;
}

.navMenu a:hover {
    transform: scale(1.2);
    text-decoration: underline;
}

.navMenu.moving {
    transition: all 1s ease-in-out;
};

.line {
    transition: all 1s ease-in-out;
}

.line1.x {
    transform: translateY(2.5vh) rotate(135deg);
}

.line2.x {
    opacity: 0;
    transition: opacity 1s ease-out;
}

.line3.x {
    transform: translateX(0.11vw) translateY(-0.5vh) rotate(-135deg);
}

.line2 {
    opacity: 1;
    transition: opacity 1s ease-in;
}

.imgText {
    font-size: 1.5vw;
    max-width: 35vw;
    margin-right: 5vw;
}

.imgText h1 {
    font-size: 2vw;
}

.line1.moving, .line3.moving {
    transition: transform 1s ease;
}

.logo {
    font-family: 'LogoFont';
    cursor: pointer;
}

.hamburger {
    cursor: pointer;
}

.imageSlider {
    max-width: 40vw;
}

.menu {
    margin-top: 3vh;
    width: 100vw;
    max-width: 100%;
}

.line {
    height: calc(1.5vh/3);
    width: calc((2vh/3)*6);
    border-radius: 10px;
    background-color: white;
    margin-top: 1vh;
}

.content-section-1 {
    align-items: center;
    width: 100vw;
    z-index: 10;
    position: relative;
    background: #070707;
}

.content-section-4 {
    align-items: center;
    width: 100vw;
    min-height: 50vh;
    position: relative;
    background: #070707;
}

.content4 {
    display: flex;
    white-space: pre-wrap;
    font-family: 'DreamFont';
    color: white;
    flex-direction: row;
    align-items: center;
    width: 80vw;
    justify-content: flex-start;
}

.content4 span {
    font-family: 'DreamFont';
}

.headingSection4 {
    font-size: 5vw;
    margin-right: 5vw;
}

.descriptionSection4 {
    max-width: 40vw;
    font-size: 1vw;
}

@media screen and (max-width:1742px) {
    .descriptionSection4 {
        font-size: 1.5vw;
    }
}

.content1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 80vw;
    justify-content: space-evenly;
}
.content1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 80vw;
    justify-content: space-evenly;
}

.content-section-1 h1 {
    display: flex;
    width: 80vw;
    align-self: center;
}

.content-section-2 {
    position: relative;
    display: flex;
    align-items: center;
    background: #070707;
}

.content-section-3 {
    position: relative;
    display: flex;
    align-items: flex-end;
    background: #070707;
}

.tableInformation {
    width: 81vw;
}


@media screen and (max-width: 881px) {
    table,
    tr,
    td {
      display: block;
    }
    body .tableInformation td {
        width: 80vw;
        display:flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
    }
    .content-section-4 {
        align-items: center;
    }
    .descriptionSection4 {
        max-width: 90vw;
        white-space: pre-wrap;
        font-size: 2.5vw;
    }
    .headingSection4 { 
        max-width: 90vw;
        font-size: 7vw;
        text-align: center;
    }
    .content1 {
        flex-direction: column;
    }
    .imgText {
        max-width: 80vw;
        font-size: 3vw;
        margin-right: 0;
    }
    .imgText h1 {
        font-size: 3.5vw;
    }
    .imageSlider {
        max-width: 80vw;
    }
    .content4 {
        flex-direction: column;
        white-space: normal;
    }
}

body, html {
    max-width: 100vw;
}

.tableInformation td {
    color: white;
    min-height: 30vw;
    width: calc(100% / 3);
    border: 1px solid #222222;
} 

.text {
    margin-left: 5%;
    line-height: 5vh;
}

.text a {
    text-decoration:none;
}

.tourGIF {
    width: 89vw;
}

Any help would be greatly appreciated.

What’s the reference screen resolutions to start preparing mockups for desktop?

Design for the most common screen resolution in your userbase. If it’s an internal company application then you can hopefully find out the various devices being used boy contacting the internal IT department. If it’s an external application then you’ll have to go by statistics available in that location.

Sites like https://gs.statcounter.com/screen-resolution-stats can give you stats by country, which is a place to start.

HOWEVER – just because screens have a certain resolution, that doesn’t mean the application window will always be set to maximum for all users to make the most of. People use applications in all sorts of ways, have different sized monitors connected, have them set to different zoom levels… So you need to make sure the application can scale to a variety of different sizes.

microsoft remote desktop blank screen when host PC’s (win10) monitor is off or not connected. Also LAN connections don’t work

as per title, everytime I try to connect using the android, iOS clients (official MS ones), it always shows an unresponsive black screen when the host PC’s monitor is off or disconnected. All my power settings are OK (no sleep, no hibernation, no auto turning off network card to save power etc etc). I’m really at a loss as it doesn’t give any error messages.

Another strange issue I’m having is all local network connections don’t work. It fails to connection everytime saying the PC can not be found regardless if I use IP address or PC name. I’ve disabled windows firewall too. Works fine over the internet though?

Any ideas?

Thanks a bunch!

20.04 – Using feh to change desktop background

I am trying to make https://github.com/terroo/wallset program work with mp4 to set wallpapers.

The program uses ffmpeg to cut the video into images and every fraction of a second change the background changes from one to the other. Thus creating an illusion of a video.

After going through the code I noticed that

feh --bg-scale FILE.jpg

Is not working. Any ideas why?

I tried using gsettings to change my background but it resulted in massive lag. Any other options to quickly change the background and lightweight?

launcher – Dock icon differs from desktop file icon

I created a .desktop file per coding environment I have set in VSCode (PHP, Node, C, …) and I changed the icon in order to have a visual clue of with windows are opened in the dock, but if the icon change works well when I look for the .desktop entry in the launcher, It stays the same in the dock (and groups).

I’ve seen a lot of issues similar to this one, but none of the answers worked for me so far…

I’m using Ubuntu 20.04 and this is an example of one of my .desktop files:

(Desktop Entry)
Type=Application
Name=VSCode Vue
Icon=/home/me/icons/vue.png
Exec=vscode_profile vue "%f"

Categories=Utility;TextEditor;Development;IDE;
MimeType=text/plain;inode/directory;application/x-code-workspace;
StartupWMClass=code

(my vscode_profile simply launch vscode with custom path for --extensions-dir and --user-data-dir)

.desktop file icons works in launcher

.desktop file icons works in launcher

Dock icons stays the same and group

Dock icons stays the same and group

Some of the other posts that adresse a similar issue but didn’t solved mine:

2020 M1 MacBook Pro: Built-in display does not show entire desktop (truncates 300px from right and 200 px from bottom)

It seems like I have a desktop which is slightly larger than my screen. When I maximise a window the bottom portion (approx 300 pixels) and right portion (approx 200 px) are not visible. I can move the mouse to that invisible and perform click operations but the pointer is not visible on screen. (It is shown when in the visible region). Attempting to scroll beyond the visible extremities does not pan the screen.

See the attached screen shots. For the truncated ones, I captured a portion of the visible regions, starting at the top of the screen and moving to the right-most visible (or bottom most). For the non-truncated ones I moved the mouse enough such that I could be confident of being at the extremity of the desktop – but I had to do this unseen.

Horizontal truncation:
visible portion of status bar, showing horizontal truncation

full status bar

The same thing happens with vertical truncation, but the images take up a lot of vertical space in this post and don’t really add much (though I can add them if this is desired).

I’ve had to move the Dock to the left of the screen in order to make it visible but I would prefer to keep it on the bottom.

In terms of my machine setup:

I’m using a new 2020 issued M1 MacBook Pro running Big Sur. I’ve tried both with and without an external display. With an external display, that external display shows fine (and has no truncated region). But in both setups, the built-in display of the laptop is truncated.

In case it matters: I migrated my data to it from a 2015 edition MacBook Pro which had been upgraded to Mojave.

I’ve tried looking in System Preferences but don’t see anything related to screen size in the Displays subsection. I’ve also tried looking for zoom/magnifying settings (such as might be used for a11y reasons), again to no avail.

I’d welcome suggestions for things to try here.

what would happend if you connect desktop gpu to laptop hdmi?

what would happend if you connect desktop gpu to laptop hdmi? – Super User

DreamProxies - Cheapest USA Elite Private Proxies 100 Private Proxies 200 Private Proxies 400 Private Proxies 1000 Private Proxies 2000 Private Proxies ExtraProxies.com - Buy Cheap Private Proxies Buy 50 Private Proxies Buy 100 Private Proxies Buy 200 Private Proxies Buy 500 Private Proxies Buy 1000 Private Proxies Buy 2000 Private Proxies ProxiesLive Proxies-free.com New Proxy Lists Every Day Proxies123