javascript – Evitar desorden de elementos en tu pagina web al reajustar el tamaño de la pantalla

Hola buenas estoy diseñando una pagina web y mi problema es que no se como hacer para que los elementos de la misma no se desplacen al reajustar el tamaño de la pantalla del navegador, estoy empezando en desarrollo web y no encuentro nada en especifico para este tema.

Incluyo imágenes para que os hagáis una idea:

Basicamente los objetos se superponen unos con otros

La pagina a pantalla completa:

introducir la descripción de la imagen aquí

La pagina al cambiar el tamaño de la pantalla:
introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

javascript – Como obtener el tamaño total de una carpeta (con de todo su contenido…) en extendscript?

Estoy creando un panel para After Effects, y para una de las funcionalidades necesito obtener el tamaño total de una carpeta concreta, es decir, la suma de todo su contenido.

He buscado por todas partes de la intenné, y lo que mas se acerca a lo que necesito es un código en javascript de GitHub:
rluvaton/getFolderSize.js

El problema es que creo que todas las posibles soluciones que he encontrado usan Node.js (que al parecer es la leche de fácil usándolo, peeeeeeero como es para un panel en extendedscript no me vale (y también porque soy tan rookie en programación que ni siquiera sé implantarlo sinceramente…).

Hasta donde he conseguido llegar es a este codigo, pero lo único que me devuelve la alerta es “NaN undefined”…

Hay alguna forma de hacer lo que necesito usando código extendscript exclusivamente o el problema es que estoy intentando algo que simplemente no se puede hacer?

Gracias de antemano a todos!

 ```   
// Variable of folder path: 
{
    var testFolder = "/Users/macpro/Desktop/Test";
}

function myFunction() {
  // Please Write the path of the folder you want sub path seperated with slash(,) (spaces are counted)
  // for example: for myFolder/test -> myFolder,test
  // And NOT myFolder, test
  var folders = (testFolder);
  if(!folders || folders.length === 0) {
     return;
  }
  Logger.log('Finished: ' + formatSize(getFolderSize(findFolder(null, folders, 0))));
}

// a - bytes
// b - number after point
function formatSize(a, b) {
  if(0==a)return"0 Bytes";
  var c=1024,d=b||2,e=("Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"),f=Math.floor(Math.log(a)/Math.log(c));
  return parseFloat((a/Math.pow(c,f)).toFixed(d))+" "+e(f)
}

function findFolder(parent, folderNames, i) {
  if(folderNames.length - 1 < i) {
   return parent;
  }
  
  var folderName = folderNames(i);
  Logger.log(folderName);
  if(!parent) {
    var folders = DriveApp.searchFolders('title contains "'+folderName+'"');
    parent = folders.next();
  }
  
  
  var foundedFolders = parent.getFolders();
  while (foundedFolders.hasNext()){
    var folder = foundedFolders.next();
    return findFolder(folder, folderNames, i + 1);
  }
}

function getFolderSize(folder) {
  if(!folder) {
   return 0; 
  }
  
  var size = 0;
  
  var files = folder.getFiles();
  while (files.hasNext()){
    var file = files.next();
    size +=file.getSize();
  }
  
  var subFolders = folder.getFolders();
  while (subFolders.hasNext()){
    var subFolder = subFolders.next();
    size += getFolderSize(subFolder);
  }
  
  return size;
}


alert(formatSize(size))
```

css – COMO SOLUCIONAR: Evita un tamaño excesivo de DOM

QUIERO QUE ALGUIEN ME AYUDE A SOLUCIONAR EL DIAGNOSTICO HECHO A MI PAGINA WEB EN https://developers.google.com/speed/pagespeed/insights/
RELACIONADO CON EVITAR UN TAMAÑO EXCESIVO DE DOM, A CONTINUACION DETALLO EL REGISTRO:

Total de elementos DOM
3028

Profundidad máxima de DOM

30

Número máximo de elementos secundarios

267

POR FAVOR PIDO AYUDA, PARA IMPLEMENTAR ESTA LINEA DE CODIGO, INDIQUEME POR FAVOR EN QUE CARPETA DE LA WEB SE MODIFICA, O COMO IMPLEMENTAR UN CODIGO MAS EFICIENTE Y COMO AGREGARLO CORRECTAMENTE.

GRACIAS

php – div de un mismo tamaño dentro de una consulta (while)

Estoy generando una consulta. pero cada uno de los div son de diferentes tamaños. ¿Cómo puedo hacer que los div generados tengan las mismas dimensiones o tamaños?

<?php
                while($fila = mysqli_fetch_array($resultado)){

                    $dolar_consulta = $conexion->query('select * from dolar')or die($conexion->error);
                $dolar = mysqli_fetch_row($dolar_consulta);
?>
              <div class="col-sm-6 col-lg-4 mb-4" data-aos="fade-up">
                <div class="block-4 text-center border">
                  <figure class="block-4-image">
                    <a href="shop-single.php?id=<?php echo $fila('id'); ?>"><img  src="images/<?php echo $fila('imagen'); ?>" alt="" <?php echo utf8_encode( $fila('nombre')); ?>" class="img-fluid"></a>
                  </figure>
                  <div class="block-4-text p-4">
                 
                  <h6><a href="shop-single.php?id=<?php echo $fila('id'); ?>"><?php echo utf8_encode($fila('nombre')); ?></a></h6>
                    <p class="mb-0"><?php echo utf8_encode($fila('descripcion0')) ; ?></p>
                    <p class="text-primary font-weight-bold"><?php echo number_format($fila('precio')*$dolar(1));  ?>  Bs.</p>
                    
                  </div>
                </div>
              </div>

windows forms – Font y tamaño de letra en C#

**Buenas, tengo una pregunta, ¿Cómo puedo ver el tamaño de la fuente en el diseño del formulario? Actualmente, uso esto para aumentar el tamaño:

        using (Font font = new Font("Arial", 15.0f))
        {
            label1.Font = font;
            label2.Font = font;
        }

Pero, esto solo funciona en tiempo de ejecución:

introducir la descripción de la imagen aquí

En el diseño no:

introducir la descripción de la imagen aquí

¿Alguno sabe como puedo hacer que se vea en diseño?

height – ¿como puedo hacer para que un contenedor o imagen cambie su tamaño con los distintos breakpoints usando flex-layout de Angular?

Estoy comenzando a entender flex-layout de Angular, pero hasta ahora no he visto como pudiera hacer para que un contenedor o una imagen cambie de tamaño dependiendo del tamaño de la pantalla?

Ejemplo:

    <div class="cont1" style="height: 400px; width: 400px">
        <img src="data:image/jpeg;base64,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" style="height: 100%; width: 100%;">
    </div>

y quisiera que al llegar al breakpoint xs, tuviese un height de 200px y width de 200px , en el breakpoint sm tuviese un height de 300px y width de 300px y así sucesivamente. ¿como podría lograr esto?

lo único que se me ha ocurrido es usar media queries en el CSS pero no estoy muy seguro de si es una buena práctica eso, sería buena práctica usar media queires en el CSS cuándo estás usando Flex-Layout?

Gracias a todos de antemano,

Saludos!

Como cambiar fuente, tamaño de fuente, color de un StaticText y de un TextField desde java para un informe de jasperreport

Como cambiar fuente, tamaño de fuente, color de un StaticText y de un TextField desde java para un informe de jasperreport

Laravel: Slide solo funciona si modificamos el tamaño de pantalla

Mi objetivo es hacer que el slice responda en todo momento, pero solo funciona cuando por ejemplo abro la consola de chrome y se modifica el tamaño de la pantalla, o si maximizo o minimizo el navegador…si se recarga pagina manteniendo el tamaño, deja de funcionar.

Adjunto codigo .blade:

<div class="tm-course-lesson">
    <!-- mobile-sidebar  -->
    <i class="fas fa-bars icon-large tm-side-right-mobile-icon uk-hidden@m" uk-toggle="target: #filters"></i>
    <!-- Your app page -->
    <div class="uk-grid-collapse" id="course-fliud" uk-grid>
        <!-- PreLoader -->
        <div id="spinneroverlay">
            <div class="spinner"></div>
        </div>
        <!-- Sidebar-->
        <div class="uk-width-1-4@m uk-offcanvas tm-filters uk-background-default tm-side-course uk-animation-slide-right-medium" id="filters" uk-offcanvas="overlay: true; container: false; flip: true">
            <div class="uk-offcanvas-bar uk-padding-remove uk-preserve-color">
                <!-- Sidebar menu-->
                <ul class="uk-child-width-expand uk-tab tm-side-course-nav uk-margin-remove uk-position-z-index" uk-switcher="animation: uk-animation-slide-left-medium, uk-animation-slide-right-small" style="box-shadow: -2px 0px 7px 1px gainsboro;" uk-switcher>
                    <li class="uk-active">
                        <a href="#" uk-tooltip="title: Course Videos ; delay: 200 ; pos: bottom-left ;animation:uk-animation-scale-up"> <i class="fas fa-chalkboard-teacher icon-medium"></i> Clases </a>
                    </li>
                </ul>
                <!-- Sidebar contents -->
                <ul class="uk-switcher">
                    <!-- Course Video tab  -->
                    <li>
                        <div class="demo1 tab-video" data-simplebar>
                            <ul uk-accordion>
                                <!-- section one -->
                                @foreach($clases as $clase_id => $clase)
                                    <li class="{{ ((int)$clase_id == $default_clase) ? 'uk-open' : '' }} tm-course-lesson-section uk-margin-remove-top uk-background-default">
                                        <a class="uk-accordion-title uk-padding-small" href="#"><h4 class="uk-margin-remove"> {{ $clase('nombre') }}</h4></a>
                                        <div class="uk-accordion-content uk-margin-remove-top">
                                            <div class="tm-course-section-list">
                                                <ul>
                                                    @if(!empty($clase('instrucciones')))
                                                        <a href="#" class="uk-link-reset tablinks" onclick="openTabs(event,'{{ 'instruciones_clase_'.$clase_id }}')" {{ ((int)$clase_id == $default_clase) ? 'id="defaultOpen"' : '' }} uk-toggle="target: #{{ 'clase-'.$clase_id.'-instrucciones' }}; cls: watched">
                                                            <li id="{{ 'clase-'.$clase_id.'-instrucciones' }}" {{ ((int)$clase_id == $default_clase) ? 'class="watched"' : '' }}>
                                                                <span class="uk-icon-button icon-play"> <i class="fas fa-play icon-small"></i> </span>
                                                                <div class="uk-panel uk-panel-box uk-text-truncate uk-margin-large-right">Instrucciones</div>
                                                                <a class="uk-icon-button uk-link-reset uk-margin-small-right uk-icon uk-button-success uk-position-center-right {{ ((int)$clase_id == $default_content) ? 'uk-animation-scale-up' : 'uk-animation-slide-right-small' }}" href="#" style="display:none"> <i class="fas fa-check-circle icon-small  uk-text-white"></i> </a>
                                                            </li>
                                                        </a>
                                                    @endif
                                                    @foreach($clase('contenidos') as $contenido_id => $contenido)

                                                        <a href="#" class="uk-link-reset" onclick="openTabs(event,'{{ 'contenido_'.$clase_id.'_'.$contenido_id }}',{{$contenido('id')}})" {{ (empty($clase('instrucciones')) && (int)$contenido_id == $default_content) ? 'id="defaultOpen"' : '' }} id2="{{$contenido('id')}}">
                                                            <li id="{{ 'clase-'.$clase_id.'-'.$contenido_id }}" >
                                                                <span class="uk-icon-button icon-play"> <i class="fas fa-play icon-small"></i></span>
                                                                <span style="float: right;"><input id="{{$contenido('id')}}" type="checkbox" class="checkVisto" name="checkVisto" value="{{$contenido('visto')}}" @if($contenido('visto')==1) checked @endif></span>
                                                                <div class="uk-panel uk-panel-box uk-text-truncate uk-margin-large-right">{{ $contenido('nombre') }}
                                                                </div>
                                                            </li>
                                                        </a>

                                                    @endforeach
                                                </ul>
                                            </div>
                                        </div>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

java – La lista retornada no tiene el tamaño esperado. Se esperaba 2, pero usted respondió 0

Cree el método darPasajerosConDuracionPromedioPeliculasMayorA(int duracion) en la clase Avion, que retorna una lista con los pasajeros cuya duración promedio de las películas es mayor a la dada como parámetro.


    public ArrayList<Pasajero> darPasajerosConDuracionPromedioPeliculasMayorA(int duracion)
  {
      
     ArrayList<Pasajero> pasajeros=new ArrayList<Pasajero>();
      Pasajero pasajerosduracionPromediopeliculas=null;
    
    
  for (int i=0;i< pasajeros.size();i++){
      
        if(pasajeros.get(i)!= null && pasajeros.get(i).calcularDuracionPromedioPeliculas() > duracion) 
           pasajerosduracionPromediopeliculas = pasajeros.get(i);
    }
    return pasajeros;
    
  }

estructuras de datos – En un TAD Lista en C++ ¿Qué diferencia existe entre el tamaño y la longitud de la lista?

Tengo un TAD Lista en C++ pero con una implementación vectorial pseudoestática.
Aquí puedes ver la interfaz y el constructor de las dudas que tengo tanto al inicializar la lista como en su parte privada:

template <typename T>
class Lista
{
public:
 typedef int posicion;
 explicit Lista(size_t TamaMax); // Constructor
 Lista(const Lista<T> l); //Constructor de copia
 void insertar(const T& x, posicion p);
 ..
 .
private:
 T *elementos; //Puntero que apunta para crear un vector de elementos
 int Lmax; //Tamaño del vector
 int n; //Longitud de la lista
};

template <typename T>
inline Lista<T>::Lista(size_t TamaMax): elementos(new T(TamaMax)), Lmax(TamaMax), n(0) {}

La cuestión es que yo sé que la forma de crear una lista de forma vectorial es que cada elemento estará en una posición del vector (en un índice del vector).

Pero lo que no entiendo es ¿qué significa realmente Lmax y qué significa n en su parte privada?

¿Alguien puede aclarármelo con un ejemplo?

Gracias!