Warning: Use of undefined constant getILikeThis - assumed 'getILikeThis' (this will throw an Error in a future version of PHP) in /home/madcod5/public_html/wp-content/themes/smooth/index.php on line 14

Sudoku Screen Design

Material == Paper

material_paper


Warning: Use of undefined constant getILikeThis - assumed 'getILikeThis' (this will throw an Error in a future version of PHP) in /home/madcod5/public_html/wp-content/themes/smooth/index.php on line 14

Sudoku, Android, Material and a new version…..

Well, the Sudoku Application was our first Android application.

I made it in 2011, yes three years ago, a lot of things changed since then.  Now for others works I have to program in the new Material form, and I thought that it’s a really good idea to practice the new stuff with the old, really old Proverb Sudoku.

entrada_1I started to read all the information and to view a lot of videos about Material,  there are several very good talks on youtube, especially the Google’s  I/O and the ‘Android Design in Action: Google I/O 2014 App’.

With this last one, I realized that the development of the new version would have to follow all the steps of a new development,  not jump directly to the new functionality of Android 5.

So, I started with the investigation phase: what are the things that work in the best Sudoku, what are the features that appeal to the users.

The next step was to design the entire flow of the application. All at a high level, no details of each screen.

With that done, now is the time to move the flow to the actual screens. For this I will use the whiteFrames provided by the Material design page. First screens and then the choice of colors.

So that is, one step at a time.


Warning: Use of undefined constant getILikeThis - assumed 'getILikeThis' (this will throw an Error in a future version of PHP) in /home/madcod5/public_html/wp-content/themes/smooth/index.php on line 14

El desafío de diseñar sitios que se adapten a diferentes displays

Antes sólo teníamos que preocuparnos por la resolución de pantalla del monitor de nuestros visitantes. Con tomar una resolución mínima a contemplar, estabamos hechos: 800×600 o 1024×768, pensar en el caso de pantallas widescreen y listo.

Teníamos además espacio suficiente como para que éste no fuera una limitante. Cómodamente se podían definir diseños a dos o tres columnas, usar grandes imágenes, etc.

Ahora que los dispositivos móviles son más capaces y sus navegadores están prácticamente al mismo nivel de los de las computadoras de escritorio o portátiles, el abanico de displays y tamaños de pantalla se abre considerablemente. Pasamos a tener que contemplar qué pasa cuando a nuestro sitio se lo ve desde una resolución de 320×480, o incluso resoluciones más pequeñas, pasando por el intermedio de los displays de las tablets,  sumando las pequeñas variantes según el modelo y marca del dispositivo, densidad de pantalla, etc.

En muchos casos no es posible pensar en un unico diseño que pueda verse bien en todas estas resoluciones. Ahi es donde surge el concepto de diseñar sitios que ‘se adapten’. En la investigación sobre esta idea, nos cruzamos con este framework: Less Framework.

La idea detrás de Less es plantear el diseño en base a una grilla de columnas, que se pueden ir adaptando a los diferentes tamaños de display. Less contempla un diseño ‘Default’ para displays grandes, y luego de éste se van derivando otros diseños para los displays más pequeños.

Una idea que vamos afianzando a medida que ganamos experiencia en este tipo de diseños, es que es fundamental pensar el diseño en todas sus variantes desde un principio, y también que lo más fácil es comenzar por diseñar para los displays más pequeños y luego progresar desde ahí. Lo más difícil es cómo mostrar la información en tan poco espacio, y luego es más fácil poder ir ‘expandiendo’ ese diseño. Es además una práctica que nos hace pensar detenidamente en los niveles de importancia y la jerarquización de la información que debemos mostrar.


Warning: Use of undefined constant getILikeThis - assumed 'getILikeThis' (this will throw an Error in a future version of PHP) in /home/madcod5/public_html/wp-content/themes/smooth/index.php on line 14

Mad Code estrena sitio!

Ya tenemos nuestro lugar en la web!

Agradecemos a Paula Buccolieri por el diseño de logo, sitio y tarjetas.


Warning: Use of undefined constant getILikeThis - assumed 'getILikeThis' (this will throw an Error in a future version of PHP) in /home/madcod5/public_html/wp-content/themes/smooth/index.php on line 14

Google Developer Day Argentina 2011

Ya hay fecha para el Google Developer Day de este año, se realizará el 19 y 20 de septiembre.  Dos días dedicados al desarrollo web, HTML5, herramientas de Google, y Android! Espero poder estar allí, como el año pasado.

Datos del evento y registración: aquí


Warning: Use of undefined constant getILikeThis - assumed 'getILikeThis' (this will throw an Error in a future version of PHP) in /home/madcod5/public_html/wp-content/themes/smooth/index.php on line 14

Conoce un poco mejor cómo funciona Twitter

Me pasaron este link el otro día, bajo el título «mom, this is how twitter works» y es recomendable para nuestras madres o cualquiera que no use Twitter intensamente. Leer →