Ir al contenido principal

Entradas

Mostrando entradas de 2016

Java Fecha Actual

    public static String currentDate () {         Calendar calendar = new GregorianCalendar ();         Formatter dia = new Formatter (). format ( "%02d" , calendar . get ( Calendar . DATE ));         Formatter mes = new Formatter (). format ( "%02d" , calendar . get ( Calendar . MONTH ));         Formatter annio = new Formatter (). format ( "%04d" , calendar . get ( Calendar . YEAR ));         return dia + "/" + mes + "/" + annio ;     }

Flex Layout

<!DOCTYPE html> <html lang= "en" >     <head>         <meta charset= "UTF-8" >         <title> test flex box </title>     </head>     <style>         html, body {             height : 100 % ;             width : 100 % ;             padding : 0 ;             margin : 0 ;         }         body {             display : flex;             flex - direction : column;         }         header {             height : auto ;         }         main {             flex : auto ;             background-color : #ccc ;         }         footer {             height : 25px ;         }     </style> <body>     <header> header </header>     <main> main </main>     <footer> footer </footer> </body> </html>

Ajustar alto de Iframe al contenido

    jQuery (window). on ( 'load' , function ( event ) {         document. getElementById ( "contenido" ). addEventListener ( "load" , autofitIframe );         //Ajusta el tamaño de un iframe al de su contenido interior para evitar scroll         function autofitIframe () {             if ( ! window. opera && document. all && document. getElementById ) {                 this . style . height = this . contentWindow .document. body . scrollHeight ;             } else if (document. getElementById ) {                 this . style . height = ( this . contentDocument . body . scrollHeight + 100 ) + "px" ;             }         }     });

Calculadora de Matrices

Primero que todo quiero agradecer a belial9826 por compartir su proyecto ya que gracias a la base creada por el pude extenderla funcionalidad de la aplicación para que opere fraccionarios naturalmente. http://jagonzalez.org/calculadora-de-matriz-en-java/ Esto fue una prueba didáctica para una clase de Álgebra Lineal. Descargar Fuente.

Custom File Input

CSS: div .album-files {     width : 100 % ;     height : 50px ;     float : left ;     font-family : 'Oswald' , sans-serif ; } div .album-files div .drag-drop {     float : left ;     height : 100 % ;     width : 100 % ;     text-align : center ;     position : relative ;     display : table;     overflow : hidden ;     background-color : #429FD8 ; } div .album-files div .drag-drop:hover , div .album-files div .drag-drop:hover:active {     background-color : #1C70B7 ; } div .album-files div .drag-drop input[type=file] {     height : 100 % ;     width : 100 % ;     position : absolute ;     cursor : pointer ;     opacity : 0 ;     top : 0 ;     left : 0 ;     z-index : 1 ; } div .album-files div .drag-drop span {     position : relative ;     display : table-cell ;     vertical-align : middle ;     color : #fff ;     text-align : center ;     font-size : 18px ;     line-height : 25px ;     fon

Limitar texto con CSS

HTML: <span class= "text" > Hello world this is a long sentence </span> CSS: .text {   display : block ;   width : 100px ;   overflow : hidden ;   white-space : nowrap ;   text - overflow : ellipsis; }  RESULTADO: Hello world t...

Centrar un verticalmente un Span dentro de un contenedor Div

En caso de ser una sola línea:     div {       height : 200px ;     }          span {       line-height : 200px ;     } En caso de desconocer cuantas líneas serán:     div {       display : table;     }           span {       display : table-cell ;       vertical-align : middle ;     }

line after div LESS

div {     position : relative ;     width : 300px ;     height : 150px ;     &: after {         content : "" ;         width : 2px ;         height : 100 % ;         background : red;         top : 0 ;         right : 0 ;         position : absolute ;         display : inline - block ;     } }

Estilo generico para select (todos los navegadores)

select :not ([multiple]) {     - webkit - appearance : none ;     - moz - appearance : none ;     background-position : right 50 % ;     background-repeat : no-repeat ;     background-image : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9Inht

Selector :nth-child CSS

Selector :nth-child CSS https://css-tricks.com/examples/nth-child-tester/ /* Seleccionar el elemento 5 */ li :nth-child (5) { ...   }   /* Seleccionar todos menos los primeros 5 elementos */ li :nth-child (n+6) {   ... }   /* Seleccionaar los primeros 5 elementos */ li :nth:child (-n+5) {   ... }   /* Seleccionar un elemento cada 4 */ li :nth-child (4n) {   ... }   /* Seleccionar solo los elementos impares */ li :nth-child (odd) {   ... }   /* Seleccionar solo los elementos pares */ li :nth-child (even) {   ... }   /* Seleccionar el último elemento */ li :last-child {   ... }   /* Seleccionar el penúltimo elemento */ li :nth-last-child (2) { ... }

resize amCharts

<! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < title > AmCharts < /title>     < style >         # chartdiv {             width         : 90 % ;             height         : 500 px ;             font - size     : 11 px ;               overflow     : auto ;             position     : absolute ;             resize       : both ;         }                                                 < /style> < /head> < body > < script src = "https://www.amcharts.com/lib/3/amcharts.js" >< /script> < script src = "https://www.amcharts.com/lib/3/serial.js" >< /script> < script src = "https://www.amcharts.com/lib/3/themes/light.js" >< /script> < div id = "chartdiv" >< /div> < script > var chart = AmCharts . makeChart ( "chartdiv" , {   &quo