Ayuda con diseño de portafolios y web con proyectos.

[@XSStringManolo]

Hola, estaba pensando en actualizar el portafolios profesional orientado a otro tipo de software con mis conocimientos actuales y proyectos en los que e participado. La idea que tengo en mente es una presentación en texto bastante sencilla y directa, en una web acerca de mis conocimientos, experiencia, metodología de trabajo y cualidades junto a mi nombre, que tipo de proyectos realizo y datos de contacto junto a un formulario. En la misma página añadir un botón para saltar abajo como si fuese un libro en formato pdf en el que cambias de página. En esta otra "pagina" (es el mismo index.html, opto por esta opción para que cargen todas las aplicaciones mientras el visitante lee el texto) me gustaría pooner varios proyectos interactivos de aplicaciones web totalmente funcionales con su interfaz, infogramas, etc. Todo front-end.

A ver si me podeis hechar un cable con los siguientes temas:

-Aplicaciones web. Qué tipo de aplicaciones web front-end usais de forma frecuente? Qué tipo de aplicaciones pondriais? Cuales se os ocurren que sean muy vistosas? A poder ser que sean aplicaciones que resulten llamativas, intuitivas y útiles para cualquiera. No tengo nada claro que tipo de aplicaciones crear para el portfolio.

-Debería integrar todo en la misma página o agrupar las aplicaciones según su funcionalidad en distintas páginas?

-Algo que tendrías en cuenta o os parece indispensable/primario?

-Al hacer todo front-end debería crear un diseño único adaptado a la configuración del navegador o un subdominio a parte m. para dispositivos móviles?

Lo que más me preocupa es que tipo de aplicaciones web crear para el portafolios. Gracias!

[#!drvy]

Qué tipo de aplicaciones web front-end usais de forma frecuente?

- Notas (lo que uso yo obviamente lleva backend pero puedes usar la API de LocalStorage para guardarlas.
- Generador y/o Gestor de Contraseñas (tengo uno que estoy desarrollando yo mismo en puro JS).
- Conversores (de unidades)
- Utilidades de texto (por ejemplo en el foro uso mucho una herramienta que "normaliza" el texto, en plan si le pasas texto todo en mayusculas te lo pone más o menos bien respetando reglas de ortografia basicas).
- En mi trabajo usamos una herramienta que nos dice el nombre del color y su pariente para así asignarla como variable, muy util.
- Visualizador y más importante formateador de JSON... super conviniente que te pueda "beautificar" un input JSON minificado.
- Editor de texto wysiwyg. Hay muchos, uno que me gusta bastante es este: http://wysihtml.com/
- Suelo escuchar Noisli (Reproductor de ruido blanco y similares) o parecido y tambien suelo tener un contador Pomodoro puesto aunque este llevar backend.
- Tambien puedes hacer un editor de imagenes, algo básico aunque solo sean efectos.

-Debería integrar todo en la misma página o agrupar las aplicaciones según su funcionalidad en distintas páginas?

No, ordenalos bien pero que sean visibles y facilmente accesibles.

-Algo que tendrías en cuenta o os parece indispensable/primario?

Diseño. Tiene que ser llamativo, moderno funcional y simple.

-Al hacer todo front-end debería crear un diseño único adaptado a la configuración del navegador o un subdominio a parte m. para dispositivos móviles?

No hagas nunca eso. Hay muy muy muy muy pocos casos en los que seria recomendable hacer un subdominio especifico para moviles.. y ninguno de esos casos se da en proyectos nuevos. Usa siempre diseño responsive.


Saludos

[@XSStringManolo]

Buaa, muchísimas gracias por la respuesta y por tu tiempo. Muy currada y todo lo que comentas me va a resultar muy útil! Junto alguna ideas que tengo seguro que queda impresionante! La verdad es que no se le ocurrió nada de eso. Tenía vagamente la idea de algo tipo word con sus reglas. Algún documento que pudiese poner info y te hiciese infogramas usando D3js y junto al software que expones ya tendré suficiente. Tampoco creo que quede bien meter mucha cosa. Igual hago algo pequeño de animación y algo 2D con webGl y lo integro en un banner o algo así. Un texto muy sencillo con algunos efectos muy minimalistas.