Hola amigos hoy acá les dejo como poder modificar los tags que genera CakePHP con el HelperHTML sean los de HTML5 para tener una estructura robusta y sin mesclar los tipo de tgas xHTML con los de HTML5.
$this->Html->loadConfig('tags.php');
Código: app/Controller/AppController.php
Código: app/Config/html5_tags.php
2013-04-17
2013-04-15
Bootstrap-wysihtml5 es nuestro simple WYSIWYG para Bootstrap
Bootstrap-wysihtml5 es nuestro simple WYSIWYG para poner en nuestro desarrollo con Bootstrap no para de aparece componente que no ayudan a tener una UI clara y simple.
2013-04-14
40 Recursos para combinar con nuestro desarrollo web basado en Bootstrap
Diseño y tematización.
Uno de los principales critisms cuando se utiliza un marco con botones prediseñados y widgets - es que el producto final puede empezar a buscar cansinas. Bootswatch es un mercado libre tema que tiene por objeto evitar que, con un número de implementaciones de rutina de carga a medida disponibles para descargar de forma gratuita. Su todavía el producto Bootstrap núcleo - sólo con una piel diferente aplicado. Para los diseñadores que necesitan inspiración sobre qué nivel de personalización está disponible, Bootswatch es un buen lugar para comenzar.
Siguiendo en la misma línea - WrapBootstrap es un mercado temático comercial, en la que podrás comprar y vender su tema Bootstrap. Es un gran ejemplo de las crecientes comunidades de nicho en la web alrededor del producto, y ofrece la posibilidad de ver cómo muchas otras personas también han adquirido el mismo tema.
¿Te apetece un enfoque más DIY para requisitos particulares? Bootswatchr proporciona una interfaz visual para que usted pueda utilizar para personalizar los temas de rutina de carga desde cero. Piense en ello como un tema-rodillo (ala jQuery UI ) - que le permite ver de forma interactiva los elementos que se están personalizados en frente de tus ojos. Tres práctico.
También ofrece un conjunto de herramientas de personalización, con la ventaja de que las URL individuales creados se pueden compartir con los demás, mostrando su tema.
URL: http://jetstrap.com/
JetStrap ofrece una manera fácil extremadamente limpia para construir interfaces de bootstrap, y generar el código de trabajo Bootstrap por el otro lado. Está en algún lugar entre una maqueta y una herramienta de creación de la interfaz, que lleva el manual de codificación de distancia, y hace que sea muy fácil de arrastrar y soltar los componentes Bootstrap en su página y generar una interfaz de trabajo de HTML. Si se encuentra en las primeras etapas de desarrollo de productos, y estamos convencidos de que Manos a la Obra es el marco perfecto para usted en el futuro, entonces te encantará la rapidez JetStrap lo ponga en movimiento.
Ofertas PaintStrap y el enfoque alternativo a Bootstrap tematización. Si usted es un ávidoColourLovers o Adobe Kuler usuario, entonces usted simplemente puede introducir el tema directamente en PaintStrap, y Wacks un tema Bootstrap con esos colores bellamente escogidos. Una manera muy simple, pero muy eficaz para hacer que el sitio se vea la parte.
A menudo el caso con los marcos temáticos es que se centran en lo que se necesita desde la perspectiva del diseño FrontEnd. Jump Start han tomado el tema de Manos a la Obra, y lo aplicó a las interfaces de administración, que ofrece implementaciones de primera calidad Bootstrap diseñadas para hacer que sus sistemas backend realmente brillan.
BootTheme es otra herramienta de generación de Tema, sin embargo Boottheme ofrece un enfoque vista previa instantánea, lo que le permite ver los efectos de los cambios en tiempo real. También puede ver cómo los cambios se realizan directamente en varios dispositivos de una manera sensible, lo que lo hace útil en la toma de decisión inicial de diseño.
Kickstrap es un proyecto impulsado por la comunidad añadiendo mejoras a la interfaz Bootstrap marco de interfaz de usuario. Manos a la Obra ha sido adoptado con los brazos abiertos por la mayoría de los desarrolladores de la web. Si bien todas las funciones, algunos pensaron que podrían hacer mejor, y mientras sus sugerencias y peticiones no podría haber llegado a la central de distribución Bootstrap, se han encontrado un hogar en Kickstrap.
Fuentes y tipografía
Con las fuentes haciendo una diferencia fundamental con la aplicación BootStrap estándar, no hay excusa para no personalizar. Este gran artículo te llevará a través de los pasos para lograr que, con una biblioteca de iconos personalizados. En este caso particular, se ha utilizado la popular FamFam conjunto de iconos, pero usted sería factible usar otra cosa.
Fuente impresionante es un proyecto diseñado icono para agregar un cierto nivel de diferenciación de Manos a la Obra. Con la integración en un sinch Manos a la Obra, Font Impresionante también proporciona una hoja de estilo CSS personalizado para su proyecto, así que es una combinación de ambos códigos, y el icono snazziness.
Al igual que sus iconos más, así mínimos? Iconos OpenWeb comenzó a usar fuente impresionante de inspiración, pero se transformó en una colección de iconos de otros fantásticos, especialmente brillantes en escala de grises para más temas.
URL: http://fontello.com/
Esta herramienta le permite combinar WebFonts icónicos para su propio proyecto. Con fontello puede acceder a grandes conjuntos de iconos de calidad profesional de código abierto para su uso dentro de bootstrap.
Fragmentos de código.
BootSnippr proporciona gratuitamente fragmentos de HTML para su uso con Bootstrap. Con todo, desde formularios de registro de perfiles de usuario, que, literalmente, puede copiar y pegar juntos un prototipo de trabajo con el mínimo de código, lo que le permite seguir adelante con las cosas del lado del servidor.
Los fans de Joomla estarán encantados de encontrar que los temas de arranque, componentes y fragmentos de código para Joomla están disponibles en JooStrap. A debe marcar para los desarrolladores de Joomla.
BootStrap WordPress es - sí que has adivinado, un tema de WordPress BootStrap listo.
Plantillas de diseño
Si quieres ir a por todas y personalizar todo alrededor de arranque, entonces puede ser digno de conseguir su diseñador eche un vistazo a algunas de ellas. Con Adobe plantillas PSD, PNG escalabilidad con fuegos artificiales a la asistencia wireframing, estos enlaces deben ayudar con el aspecto más granular de personalización Bootstrap.
Este fantástico Adobe Fireworks ofrece un archivo de base de kit de herramientas de interfaz de usuario de Twitter Bootstrap con la interfaz de usuario completa recreado como imágenes vectoriales en Adobe Fireworks.
Los fans de Photoshop, no se preocupe - hay un montón de PSD que hay ahí fuera para la personalización de Manos a la Obra. Este uno de RepixDesign, es especialmente bien juntos y ser Vector base hace que sea fácilmente escalable.
OmniGraffle si usted no está familiarizado, es una maqueta brillante y una herramienta de wireframes. Esta plantilla proporciona ahora mucha necesidad UI Bootstrap y elementos de navegación a sus plantillas.
Si usted es más de un niño ilustrador, entonces esto EPS debe proporcionar un buen comienzo para la creación de diseños listos Bootstrap.
Componentes de interfaz de usuario
Combustible UX agrega algunos componentes adicionales ordenadas Javascript para Manos a la Obra, incluyendo un ComboBox, DataGrid, Fortín, Buscar y Spinner. Definitivamente vale la pena una visita incluso para un nivel adicional de uñas.
Botones
Proporciona 'Customiser' un botón similar al que se encuentra en algunas de las themers Bootstrap mencionadas antes
Bootstrap Toggle Buttons, por más sexy iPhone interruptores esq.
Editores WYSIWYG para Bootstrap
BootStrap vivo Editor
Tenedor PageDown desarrollado para ajustarse a los principios de Manos a la Obra.
Si en la edición de la página es más su cosa, "Manos a la Obra Editable" es un componente fantástico para el CMS.
Notificaciones / Popups
Aunque Bootstrap tiene su propio motor de notificación, el código para la creación de ellos no es tan simple como añadir una clase CSS. Esto es lo que notify BootStrap trae a la fiesta.
Bootbox.js es una pequeña biblioteca JavaScript que le permite crear cuadros de diálogo utilizando verbos modales programáticas de Twitter Bootstrap, sin tener que preocuparse por la creación, gestión o eliminación de cualquiera de los necesarios elementos DOM o JS controladores de eventos
Pensando en dar recorridos de productos dentro de la aplicación para los nuevos usuarios? Tour de Manos a la Obra es una herramienta fácil de configurar tu Web asistente que guía y orienta a su usuario en torno a su interfaz, enseñándoles las partes Tricker de su interfaz.
Casi todas las aplicaciones requieren una aplicación lightbox de algún tipo. Ya se trate de un cuadro de diálogo modal para iniciar sesión sin salir de la misma página, o para la exhibición de imágenes de gran tamaño.
Selectbox / Combobox / Pickers
Select2 es un reemplazo basado en jQuery para cuadros de selección. Es compatible con la búsqueda, los conjuntos de datos a distancia y el desplazamiento infinito de resultados. Ver y sentir de Select2 se basa en la excelente Elegido biblioteca.
Probablemente el Selector de fecha más cool gama encontrarás en la web, y listo de nuevo su mejor Bootstrap.
Si su solicitud tiene entrada sensible al tiempo, entonces TimePicker BootStrap es una mejora de la interfaz de usuario poco aseado que ayuda a asegurar lado más precisa cliente del usuario.
Combobox Bootstrap mejora la combinación estándar, permitiendo que los usuarios escriban su entrada en el teclado, y selecciona automáticamente la entrada correspondiente. Sutil, pero eficaz.
A colourpicker y datepicker de arranque. El colourpicker es particularmente agradable.
Otros extras
¿Necesitas flechas en su interfaz de usuario? Este plugin jQuery simple proporciona Manos a la Obra con una manera fácil de incluir flechas prediseñadas en cualquier ángulo dentro de sus diseños, todo a través del uso de determinadas clases CSS.
BootPag es un plugin jQuery paginación dinámico para bootstrap twitter.
Galería Bootstrap La imagen es una extensión para el cuadro de diálogo modal del conjunto de herramientas Bootstrap de Twitter, para facilitar la navegación entre un conjunto de imágenes de la galería. Cuenta con el ratón y el teclado de navegación, efectos de transición, modo de pantalla completa y la funcionalidad de presentación de diapositivas.
Inspirado por la última encarnación de Windows Metro apps, Bootmetro ofrece la apariencia de ontop Metro de la oferta Bootstrap núcleo. A pesar de que está claro que hay algunos problemas pendientes de ser resueltos (de una sensible POV) sigue siendo un recurso valioso para aquellos que buscan algo diferente estilo sabio.
Arrastrar y soltar constructor de formulario para arranque, que genera el código HTML que hay que traer a la vida. Handy.
Algunos diseños de página adicionales no incluidos en el marco de arranque. Las muestras se pueden ver rápidamente aquí.
2013-02-10
Icon Slave es un sitio web con una herramienta para generar de una imagen multiples iconos
Icon Slaver, es un estupendo sitio web que nos facilita la generación de múltiple iconos para los distintos dispositivos y resoluciones que hoy existe, como Android, iOS, Desktop, Tables, SmartTV, etc..
Cargue tu icono de 1024px en Icono Slayer, elija tus opciones, a continuación, exportar una colección ordenada "listas para trabajar" en su entorno de desarrollo. Todo en un archivo .zip se baja, muy simple.
Link: Icon Slayer
Cargue tu icono de 1024px en Icono Slayer, elija tus opciones, a continuación, exportar una colección ordenada "listas para trabajar" en su entorno de desarrollo. Todo en un archivo .zip se baja, muy simple.
Link: Icon Slayer
2013-02-07
microjs:: Estupendo sitio con cientos de micro libreria JavaScript
MicroJs.com es un estupendo sitio, con ciento de libreria JavaScript para poder utilizar en nuestro proyectos web. Hay de todo y cada dia aparecen mas y mas.. Con este sitio es simple buscar una alternativa a nuestros problema.
Alternativas a TinyGrab, GreenShot y ScreenPresso
Aca dejo los programa mas para hacer print de pantalla, como alternativa a TinyGrab, esto son gratis tambien pero tiene mas opciones. En gusto yo me quedo con GreenShot que es codigo abierto y tiene muchos plugin para captura y subir al instante la foto capturada y nos copia el link al porta papeles, para pegar en un email o chat.
Los dos estan en castellano y son multi-idiomas
¿Qué es Greenshot?
Greenshot es una herramienta ligera de captura de pantalla para Windows con las características esenciales:
Creación rápida de capturas de una región seleccionado, una ventana o toda la pantalla; se puede incluso capturar (desplazando) páginas completas de Internet Explorer.Anotación, resalte y ocultación de partes de la captura de pantalla fácilmente.Exportar la captura de pantalla de diversas maneras: guardar en archivo, imprimir, copiar al portapapeles, adjuntar a un correo electrónico, enviar a programa de Office o subir a sitios de fotos como Flickr o Picasa, entre otros.… y muchas más opciones para simplificar el día a día en la creación y el trabajo con capturas de pantalla.
Características principales
Captura de imágenes
Captura de pantalla completa, parte de la pantalla o una ventana específica con el mismo atajo. Captura parte desplazamiento
No puede caber en la pantalla? Hacer una imagen gracias únicos al mecanismo de costura. Captura de vídeos de alta definición
Graba tu pantalla en vídeo (MP4, WebM, WMV, OGG) y la exportación en HTML5 Built-in editor de imágenes
Recortar, destacar un área partes o comentario de una imagen capturada,
añadir sombra, esquinas redondeadas, reflexión y mucho más. Espacio de trabajo
No se moleste en guardar imágenes o videos en su disco, Screenpresso lo hace por usted. Compartir imágenes
Comparta fácilmente sus imágenes a través de Evernote, Box, Twitter,
Facebook, G-Mail, Flickr, Minus, Dropbox, Imgur, ImageShack, YouSendIt o
FTP. Comparte vídeos en YouTube
Quick enviar la captura de pantalla HD en YouTube para crear elenco pantalla. Aplicación Portable
No es necesario instalar la aplicación, se puede ejecutar directamente después de la descarga.2012-12-19
Nerdi - Muchos recursos para WebMaster ordenados de manera clara y a simple vista.
2012-11-27
Team Foundation Service "GRATIS", sale a competir de manera dura, contra GitHub, BitBucket entre otros servicios del mismo tipo.
|
|
|
|||||
|
2012-11-26
Dos Libros sobre Python + Django en Castellano, Español, Spanish
Aca navegando por Scribd, me encontre con dos estupendo libre en castellano, que explican como desarrollar sitios web desde cero con Django, son libro vastanate nuevos.
Espero que le sean util.
Libro 1: Maestros Del Web Curso Django en Español
Libro 2: Django La Guia Definitiva en Español
2012-11-24
Guia Rapida para iniciarce con Git y trabajar con GitHub
- Cambios locales se refiere a los ficheros del directorio de trabajo (working dir) que hayan sido modificados desde el último commit.
- COMMIT es un indicador cualquiera en el repositorio: SHA1 de un commit, tag, HEAD (ultimo commit de la rama actual), HEAD~1 (antecesor de HEAD)… La mayoría de las veces, si no se indica se asume HEAD (último commit de la rama actual).
Inicializar repositorio
$ git init
$ git add .
$ git commit -m "Estado inicial"
Crear ramas
# Crear la rama en el punto actual. Es necesario hacer checkout a la misma.
$ git branch <nombre>
# Crea la rama a partir del commit dado. Es necesario hacer checkout.
$ git branch <nombre> <COMMIT>
# Crear rama en el punto actual y hacerle checkout.
$ git checkout -b <nombre>
# Crear la rama a partir del commit dado y hacerle checkout.
$ git checkout -b <nombre> <COMMIT>
# Renombrar la rama.
$ git branch -m <actual> <nuevo>
Al crear una rama nueva y hacerle checkout los cambios locales se
trasladan a esa rama, con lo que el siguiente commit será sobre la rama
nueva.Moverse a una rama o a un commit específico
$ git checkout <COMMIT> # No toca los cambios locales
$ git checkout -f <COMMIT> # Sobreescribe los cambios locales
Se puede hacer una rama desde el commit actual para continuar el
desarrollo (git branch). Si se hacen cambios en un commit intermedio (no
es un HEAD) y se commitean sin hacer una rama, se crea un commit separado que sale del actual (rama sin nombre).Fusionar ramas (merge)
$ git merge <nombre> # Fusiona la rama indicada en la rama actual
Las diferencias se resuelven automáticamente si es posible. En caso
de conflictos (código o ficheros binarios modificados en ambas ramas) el
proceso se detiene (merging) a la espera de una resolución manual.Resolver conflictos de fusionado:
Dentro de cada fichero en conflicto se añaden marcas alrededor del código conflictivo, mostrando al mismo tiempo la versión de una y otra rama (excepto en ficheros binarios).
$ git status # Muestra la situación actual del merge (Unmerged paths)
$ git diff # Muestra los ficheros conflictivos y las diferencias
$ git add <file> # Marca el fichero como corregido una vez resuelto el conflicto
$ git rm <file> # Marca el fichero como eliminado en la revisión resuelta
La sección “Unmerged paths” de git status muestra los
ficheros que requieren atención. Debe resolverse cada conflicto
manualmente dentro del fichero (eliminando las marcas agregadas por git)
y marcarlo como resuelto con git add.En vez de editar los ficheros es posible escoger una de las dos versiones disponibles (rama actual o rama que se está fusionando):
# Obtener la versión del fichero en la rama actual
$ git checkout --ours -- <file>
# Obtener la versión del fichero en la rama que se está fusionando con la actual
$ git checkout --theirs -- <file>
Para abortar la acción o anularla una vez realizada:# Abortar el proceso y volver a la situación anterior al intento de merge
$ git reset --hard HEAD
# Deshacer si ya se había confirmado con git commit$ git reset --hard ORIG_HEAD
Una vez resueltos todos los conflictos se confirma el proceso:# Confirmar la fusión (merge) una vez resueltos todos los conflictos
$ git commit
Resolución gráfica de conflictos:# Inicia la herramienta gráfica de resolución de conflictos
$ git mergetool
La herramienta crea ficheros adicionales por cada fichero en
conflicto (backup, base, local, remote) para que la herramienta de
resolución pueda mostrarlos al usuario al mismo tiempo y éste establecer
la versión final. Estos ficheros deberían borrarse automáticamente tras
la edición (en caso de que persistan es necesario borrarlos
manualmente).La resolución básica sólo sirve para ficheros de texto. En ficheros binarios usar git checkout –ours o git checkout –theirs para escoger una de las dos versiones disponibles.
Configurar una herramienta gráfica para resolver conflictos: http://www.davesquared.net/2010/03/easier-way-to-set-up-diff-and-merge.html (Windows) http://gitguru.com/2009/02/22/integrating-git-with-a-visual-merge-tool (Mac)
Deshacer cambios
# La recuperación hace un nuevo commit en la rama actual sin ir "hacia atrás" en la historia
$ git revert <COMMIT>
$ git reset --hard # Deshace los cambios locales
$ git reset --hard HEAD~1 # Elimina el último commit
Recuperar una versión determinada de un fichero o path:$ git reset <COMMIT> -- <path> # git reset NO sobreescribe cambios locales
$ git reset -p <COMMIT> -- <path> # Seleccionar interactivamente las partes a restaurar
$ git checkout <COMMIT> -- <path> # Sobreescribe cambios locales sin preguntar
En Windows se puede abrir git-bash directamente en cualquier
subcarpeta carpeta del proyecto (boton derecho – git bash here).
Entonces para recuperar un fichero o path local:$ git checkout <COMMIT> -- ./<path>
Conocer el historial de un fichero
# Mostrar todos los commits para un fichero especifico con info detallada
$ git log <path>
# Mostrar sólo los dos últimos commits para ese fichero
$ git log -n 2 -- <path>
# Formato abreviado con id de commit y comentario
$ git log -oneline -- <path>
# Mostrar los commits para ese fichero entre dos commits indicados
$ git log <SINCE>..<UNTIL> -- <path>
Abrir GITK mostrando gráficamente el historial para un fichero o ruta dado:$ gitk <path>
Guardar cambios actuales para recuperarlos después
Guarda los cambios desde el último commit. Al recuperarlos, si hay colisiones se hace un merge.$ git stash # Guarda cambios hechos desde el ultimo commit
$ git stash pop # Recupera los cambios guardados
$ git stash list # Lista los estados guardados
$ git stash apply # Aplica cambios guardados sin borrarlos de la lista
Marcar el commit actual (Tag)
$ git tag -s <nombre> -m <mensaje>
El tag queda firmado usando la firma GPG asociada al autor (ver Creating SSH keys).El nombre identifica al tag y se usa en los demás comandos (ej. git checkout). Por ejemplo, v2.32.45r1
$ git tag # Mostrar lista de tags
$ git tag -n # Mostrar lista y descripción
$ git tag -d <nombre> # Eliminar Tag
$ git tag -a <nombre> # Crear Tag no firmado
$ git push --tags # Subir Tags al repositorio remoto
$ git push origin :refs/tags/<nombre> # Eliminar Tag borrado localmente
Localizar ficheros con una cadena de texto
$ git grep <texto> # Mira en todos los ficheros del repositorio
$ git grep <texto> -- <ruta> # Mira sólo en la ruta o rutas especificadas
# Admite patrones (ej. *.cpp)
Trabajo con repositorios remotos
Obtener el repositorio desde otra localización (fork):
# Clonar y hacer checkout del HEAD de la rama actual
$ git clone <ruta al repositorio>
# Clonar pero no hacer checkout
$ git clone -n <ruta al repositorio
No hay que hacer git init ni crear directorio (se crea
automáticamente a partir de la carpeta actual). La ruta puede ser una
carpeta local, carpeta en red, URL, o cualquier otra referencia a un
repositorio remoto. Si es privado será necesario tener la clave SSH
configurada adecuadamente (ejemplo).Recibir los cambios desde el repositorio original:
$ git pull
Es equivalente a:$ git fetch # Trae los cambios
$ git merge origin # Fusionarlos con la versión actual
Subir cambios al repositorio:
$ git push origin <branch> # Subir sólo la rama indicada
$ git push --all # Subir y actualizar todas las referencias remotas
Gestionar Tags en el repositorio:
$ git push --tags # Subir Tags (no suben de otra forma)
$ git push origin :refs/tags/<nombre> # Eliminar Tag borrado localmente
Borrar una rama remota:
$ git push origin :<branch>
$ git push origin --delete <branch> # GIT versión 1.7.0+
Listar los repositorios remotos y sus URLs:
$ git remote -v show
Cambiar la URL de un repositorio remoto (cambia ambos fetch y push)
$ git remote set-url origin <nueva URL>
Revertir un commit en local y también en el repositorio remoto:
(lo lógico es que no hubiera sido subido)$ git reset --hard HEAD~1
$ git push origin +master:master
“The +master:master thing is necessary to tell git that you
really do want to rewind the history here, (it’s definitely not part of
the normal flow).”Tutorial
Push and delete branches
Tareas especiales
Añadir un nuevo fichero o patrón a .gitignore
Añadirlo a .gitignore sigue controlando aquellos ficheros que ya están en el repositorio, ygit rm <file>
eliminaría el fichero del directorio de trabajo.Para dejar de controlar el fichero o patrón manteniendo las copias actuales añadirlo a .gitignore y entonces:
$ git rm --cached <file>
$ git rm --cached -r <pattern> # Eliminar ocurrencias en todo el arbol
Borrar el fichero completamente del repositorio implica reescribir toda la historia. Nada recomendable.Localizar el cambio que originó un problema:
$ git bisect start
$ git bisect bad # La versión actual va mal
$ git bisect good v2.6.13-rc2 # Esta versión es buena
Autor Link
Suscribirse a:
Entradas (Atom)