miércoles, 31 de julio de 2013

añade a tu Blog una Barra lateral con estilo ModernUI de windows 8 con CSS

Damian 7/31/2013

Para aquellos webmaster que esten creando un sitio con estilo ModernUI de windows 8 ,hoy les traigo un código simple en CSS pero ver un ejemplo aquí mismo.

  • Instalaciónen Blogger
Primero vamos añadir el CSS a la plantilla que deseemos nos dirigimos ala opción plantilla--Editar Html--luego hacemos click dentro del editor y realizamos la combinación de teclas CTRL+F para abrir el buscador y buscamos la etiqueta/b:skin ,una vez encontrada justo arriba de ella pegue el siguiente código CSS.

.barra_modernUI { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEHkAI2Oj7AOGw64HPu0BANe7cFws5x1f2qP5kmj_0ndoxWFZfF97_1pXukaLxBIB4r4_7N0UpqCoaqE-eC31bxZDPYJ3bCVaF8AFGme_JXfTTvkTEuKZL-qflab40z4YTFdc5XKfiIfs9/s1600/noise.png), linear-gradient(to right, #000000, #000000); bottom: 0; list-style: none outside none !important; margin: 0 !important; padding: 20px 0 0 !important; position: fixed; top: 0; transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; width: 76px; opacity:0; } .barra_modernUI.left {left: -60px;} .barra_modernUI.left:hover {left: 0;} .barra_modernUI.right {right: -60px;} .barra_modernUI.right:hover {right: 0;} .barra_modernUI:hover { right:0; opacity:1; } .barra_modernUI li { background-position: 50% 10px; background-repeat: no-repeat; cursor: pointer; height: 84px; position: relative; text-align: center; } .barra_modernUI li a { color: #FFFFFF; display: block; font-family: "Segoe UI",arial,helvetica; font-size: 11px; line-height: 1.2 !important; padding: 61px 0 10px; text-decoration: none; } .nomb_admin{ position:relative; width:90%; float:left; top:75%; color: #ffffff; padding:4px 4px 4px 4px; font-family: "Segoe UI",arial,helvetica; font-size: 11px; background-color:#e214ea; } .barra_modernUI li.admin { background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAgpI85s1bz79LkdxpGsyxJrAiDAzlYER3sZ4ifSPKNtzWlwab6NMivPquUtiJ1_DvXWwWMOH6UybIhzjBWwwmlkR3WMrQmHrrF2LV2Pq1g1MWP-fJULakZQT7hfYxtJgg1mgQiM1y_Aw/s176-no/30754_421559121243112_310972398_n.jpg"); background-position:0px top; background-size:100% 100%; } .barra_modernUI li.refrescar { background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizc2S_fhLW2iYUz0ozoB69JGZtRS32KjnYT2smxQDUTE__xlOgT2fKs9auqDRdrTwqY7ryfwMBjVWNec8pWGcO6X_SXwVxn26C_ZifeDKwYkVwJJpgLb6Rx3NqLGNut2QxP29Yoe_29ulc/s1600/refrescar.png"); } .barra_modernUI li.atras { background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCAxYyZFn_doucIs9CxmtTZficTLw5cpXj96EYPUBmMW7hGy_k3uERyQzd8QkDOiskwTp5-jOQlvNZPl2uYDYGWwx-8cMpAlzQVcnUhxh32Snb6QVRFrrFxdAcQ4KdSPIzZKfFYI-_LpsQ/s1600/atras.png"); } .barra_modernUI li.siguiente { background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-UAX-0pU5e3vcXo0bTNJv5-25xVRB8_tK7Wusomb-3YyZdakow8AZW_Hegmp0du8nGb2Fim05zCaL34aiFSbl9nLnflR2wKAbta2XcmUmFZO83DeH-1RPayuPDTQ6A5dSCpbfQQvOIKNZ/s1600/siguiente.png"); } .barra_modernUI li:hover { background-color: #232323; }


luego de haber pegado el CSS ,procedemos a añadir el codigo HTML donde usted desee puede ser dentro de la plantilla dentro delbody o dentro de un gadget .

ul class="barra_modernUI right" li class="admin"span class='nomb_admin'Admin/span/li li class="refrescar"a href="#"refrescar/a/li li class="atras"a href="#"Atras/a/li li class="siguiente"a href="#"Siguiente/a/li /ul

si usted quisiera cambiar la posicion de la barra puede cambiar el nombre de la clase enclass="barra_modernUI right"porclass="barra_modernUI right", tambien dejo el codigo fuente completo para su descarga.



DESCARGAR







Crea ejecutables con base de datos en java con Packjacket mas video tutorial

Damian 7/31/2013
PackJacket es una interfaz gráfica para el proyecto IzPack. Está construido con Java Swing y crea un instalador para su aplicación. Los instaladores creados por este programa son multi-plataforma y multi-idioma. Usted puede utilizar PackJacket para crear instaladores para satisfacer sus necesidades.


  • Información general (es decir, nombre, versión, sitio web)
  • Los autores de la aplicación
  • Los paneles de la licencia y la información en forma de texto o html
  • Dimensiones del instalador
  • Idiomas instalador estará disponible en
  • Surtido de paneles comunes
  • De Windows / Unix atajos
  • Cambie Aspecto dependiendo del sistema operativo del usuario
  • Texto de encabezado y las imágenes de instalación
  • Contador de pasos (por ejemplo Paso 3 de 7) en forma de texto o de barra de progreso
  • Logo en la pantalla de selección de idioma
  • Imagen del lado del instalador
  • Instalador puede dividir
  • Packs, más abajo
  • Entrada de usuario para conseguir algo de la entrada del usuario
  • Los procesos en ejecución
  • Multiplataforma GUI - Confirmado para trabajar en Windows Vista y Ubuntu
  • Guardar configuraciones
  • Cree XML, JAR, instaladores EXE
  • Código abierto - licenciado bajo GPL


DESCARGAR



,

martes, 30 de julio de 2013

Añade a tus proyectos Notificaciones con estilo con CSS3 y JQuery

Damian 7/30/2013

Hace un mes utilice este plugin desarrollado porSaleem(codebasehero) ,para mostrar notificaciones cuando un visitante dejara un comentario de facebook lo cual enseñare como hacerlo con las API de Facebook mas adelante.

Son notificaciones que se muestran en la parte inferior derecha o izquierda según se desee y tienen la propiedad de cerrarse automáticamente cada n tiempo.

  • Instalación
su instalación es sencilla como cualquier otro plugin solo necesitamos alojar el archivo en algun host de su preferencia .

script type="text/javascript" src="jquery-1.6.1.min.js"/script script type="text/javascript" src="../plugin/ttw-simple-notifications-min.js"/script script type="text/javascript" $(document).ready(function() { var notifications = $('body').ttwSimpleNotifications(); notifications.show({msg:'Lucho Borja hizo un comentario'+'br/'+'Me gusto mucho la presentacion para mi esta super bien', icon:'images/icon.png', autoHide:false}); }); /script


de esta forma se presentara una notificación,este plugin tiene los siguiente parámetros para poder configurar las notificaciones.

msg: el mensaje que se desee presentar
autoHideDelay: valor entero,tiempo que se desee que la notificación se cierre
autoHide: valor booleano,si se desea que la notificación no se cierre automáticamente
icon: URL, icono o imagen que se desee lleve la notificación
position: "bottom right'" , si se desea cambiar de posición cuando aparezca la notificación

incluye un demo.


DESCARGAR





, ,

Descargate y diseña con el nuevo Adobe Photoshop CC Multilenguaje FULL

Damian 7/30/2013
La versión actual de Photoshop tiene mayor libertad, velocidad y potencia para hacer realidad imágenes increíbles. Conseguirás decenas de funciones nuevas y renovadas, entre las que se incluye la herramienta de enfoque más avanzada. Comparte tu trabajo directamente desde Photoshop® CC en Behance® para recibir comentarios y mostrar tus propios proyectos.
tiene más de una docena de nuevas características que amplían significativamente las opciones para trabajar con imágenes.
  • Herramientas Afilado
  • Cámara Herramientas primas
  • herramientas mejoradas para trabajar con objetos vectoriales
  • copia de atributos de estilo CSS
  • mejoraron barra de herramientas para trabajar con objetos 3D y pintura textura
  • Enfoque suavizado completamente nuevo


DESCARGAR




JPanelCustom personaliza tus JPanel a tu gusto en java(Parte 1)

Damian 7/30/2013

Hace poco vimos comopersonalizar un JButton y convertirlo en una esfera,ahora vamos a personalizar un JPanel a tal punto de poder crear diferentes formas con el este va hacer uno de los varios tutoriales que les presentare para modificar un JPanel sin sobrecargar la aplicación donde vayan a implementar dicho componente.

Efectos que tiene esteJPanelCustom:

  • Imagen de fondo
  • colores en degradado
  • bordes en alto relieve
por ahora veremos como crear esos efectos con el tiempo iremos añadiendo muchos otros .

  • Como Añadir imagen de Fondo
Utilizando la claseGraphics2D implemento o llamo al métododrawImage este método me permite pintar una imagen de fondo dentro del JPanel y al hacer esto no importa el tamaño que tenga el panel la imagen de fondo se re dimensionara automáticamente esto es una de las ventajas de usar este metodo ya que no sera necesario usar un JLabel para añadir imágenes.

g2d.drawImage(image, 0, 0, w,h,this);


este método me recibe los valores de la variable Image donde esta alojada la imagen de fondo,y las coordenadas de donde queremos que se posicione o muestra la imagen y el tamaño de dicha imagen por lo general se utiliza los valores getHeight(); y getWidth(); para saber el tamaño del JPanel si el jpanel cambia de tamaño también lo hará la imagen(se re dimensiona).


  • Como añadir Colores en Degradado
con los ejemplos que eh presentado ya sabemos el uso del degradado.simplemente necesitamos construir una claseGradientPaint y asignarle los valores correspondientes.

bgColor = new GradientPaint(0, 0,getBackgroundTop() ,0, h, getBackgroundBotton());



  • Como añadir Bordes en alto relieve
para añadir este efecto el cual hace vistoso al panel ,vamos a utilizar primeroRectangle2D que sera el encargado de dibujar un rectángulo o darle la forma de rectángulo a nuestro panelRectangle2D es una clase que me recibe 4 sencillos valores las coordenadas X y Y que serán los valores de donde quiero que se posicione el rectángulo que en este caso serán 0 ambas, por que quiero que se posicione el rectángulo desde el inicio del JPanel ,luego los valoresWidth(ancho) yHeight(alto) serán los valores del tamaño real de nuestro JPanel.

Rectangle2D.Float r2d = new Rectangle2D.Float(0, 0, w - 1, h - 1); Shape clip = g2d.getClip(); g2d.clip(r2d); g2d.setPaint(color); g2d.fillRect(0, 0, w, h); g2d.setClip(clip); g2d.setColor(new Color(100, 100, 100));//primer relieve g2d.drawRect(0, 0, w - 1, h - 1); g2d.setColor(new Color(255, 255, 255, 50));//segundo relieve g2d.drawRect(1, 1, w - 3, h - 3);


luego necesito añadir un fillRect este método me permite dibujar un rectángulo con la capacidad de añadir el degradado o el fondo lo que se esta haciendo aquí en añadir un rectángulo encima de otro,luego para dar el efecto de relieve necesito añadir el métododrawRect que me dibuja el contorno del rectángulo dando asi el efecto de alto relieve.

les dejo el código fuente completo .


DESCARGAR






,

JButtonBall añade y aprende como hacer un JButton tipo esfera en java

Damian 7/30/2013

Hace poco vimos como crear unJButton translucido o transparente, aquí vamos a utilizar una lógica similar primero necesito quitar los efectos por defecto que tiene el JButton ya sabemos que utilizando los métodos .
  • setFocusable(false);
  • setContentAreaFilled(false);
  • setBorderPainted(false);
nos permite quitar esos valores, entonces vamos utilizar la claseGraphics2D nuevamente y hago uso defillOval este método me permite dibujar un circulo donde añado o dibujo un gradiente con la claseGradientPaint que sera el fondo del JButton y otro circulo que estará situado en la parte superior este circulo sera el efecto de reflejo de la esfera también pintado con unGradientPaint,ahora lo nuevo aquí es el efecto de luz inferior de la esfera es una clase llamadaRadialGradientPaint la cual puede formar un gradiente pero de tipo radial es decir de tipo esférico sin la necesitada de recurrir alfillOval.

RadialGradientPaint p = new RadialGradientPaint(new Point2D.Double( getWidth() / 2.0, getHeight() * 1.5), getWidth() / 2.3f, new Point2D.Double(getWidth() / 2.0, getHeight() * 1.75 + 6), new float[] { 0.0f, 0.8f }, new Color[] { destelloinicial,destellofinal}, RadialGradientPaint.CycleMethod.NO_CYCLE, RadialGradientPaint.ColorSpaceType.SRGB, AffineTransform.getScaleInstance(1.0, 0.5));


esteRadialGradientPaint me recibe dos valores que la clasePoint2D.Double me proporciona estos valores serán la forma y la posición que yo necesito para situar el Radial ,luego me permite añadir valoresflotantes que seran valores de transparencia del Radial seguido de dos valores de tipoColorpara formar el gradiente.

Graphics2D g2d = (Graphics2D) g.create(); g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING,RenderingHints.VALUE_ANTIALIAS_ON); int h = getHeight(); int height = getHeight(); ButtonModel modelo = getModel(); GradientPaint reflejo_superior = null; GradientPaint fondo_boton = null; /********************************/ reflejo_superior = new GradientPaint(0, 0, new Color(255, 255, 255),0, height / 2, new Color(120, 137, 145, 20)); /********************************/ fondo_boton = new GradientPaint(0, h / 2, getBackgroundTop(), 0, h, getBackgroundBotton()); setForeground(Color.WHITE); if(modelo.isPressed()) { /**SI EL BUTON FUE PRESIONADO*/ fondo_boton = new GradientPaint(0, h / 2, getBackgroundTop(), 0, h, getBackgroundBotton()); }else if(modelo.isRollover()) { /*****SI PASA POR ENCIMA*****/ fondo_boton = new GradientPaint(0, h / 2, getBackgroundTopHover(), 0, h, getBackgroundBottonHover()); } /*************************/ g2d.setPaint(fondo_boton); g2d.fillOval(0, 0, getWidth(), getHeight()); /**********REFLEJO SUPERIOR*************/ g2d.setPaint(reflejo_superior); g2d.fillOval(getWidth() / 3, 6, getWidth() / 3, getHeight() / 6); /*********DESTELLO*****************/ RadialGradientPaint p = new RadialGradientPaint(new Point2D.Double(getWidth() / 2.0, getHeight() * 1.5), getWidth() / 2.3f, new Point2D.Double(getWidth() / 2.0, getHeight() * 1.75 + 6), new float[] { 0.0f, 0.8f }, new Color[] { destelloinicial,destellofinal}, RadialGradientPaint.CycleMethod.NO_CYCLE, RadialGradientPaint.ColorSpaceType.SRGB, AffineTransform.getScaleInstance(1.0, 0.5)); g2d.setPaint(p); g2d.fillOval(0, 0, getWidth() - 1, getHeight() - 1);


les dejo el código fuente completo con métodos para cambiar el color de las esferas.


DESCARGAR


,

lunes, 29 de julio de 2013

Añade a tu sitio un estilo Metro con este Pack de botones windows 8 en CSS3

Damian 7/29/2013

Este pack de botones me hubiese servidor cuando tenia el blog con estilo Metro pero ahora tu los puedes usar , si estas construyendo un sitio con ese estilo estos botones son para ti.
Francisco Neves fue el creador de estos botones con estilo Metro en este pack podrás encontrar todos los colores del windows 8 mas lasfuentes necesarias para tu sitio.

DESCARGAR






, ,

Descargate y añade a tu sitio este Pack de Botones Css3

Damian 7/29/2013

Se lo difícil que es cuando estas desarrollando un proyecto web y no tienes idea de que estilo personalizar lo enlaces o vínculos del sitio estos deben de combinar con los colores del sitio y al hacer esto te lleva un poco de tiempo,para ello les traigo un pack de botones en css3 desarrollados porDzyngiri .

en este Pack podrás encontrar estilos para:
  • Favoritos
  • Descargar
  • Subir
  • calendario
  • estadísticas
  • información
  • Facebook
  • Twitter
  • etc

DESCARGAR




, ,

JButtonTrans añade a tus proyectos java un JButton transparente en java

Damian 7/29/2013

Ya tenia mucho tiempo que no posteaba nada referente a java, hoy les traigo un JButton modificado totalmente translucido y no muy difícil de lograr.
para modificar o personalizar cualquier Objeto que nos ofrece java necesito la utilizar la claseGraphics2D , lo que eh hecho para modificar el JButton es primero eliminar el fondo y el borde por defecto deshabilitar el focus o rollover(efecto que se muestra al pasar el mouse) llamando a los siguientes métodos.
  • setContentAreaFilled(false);
  • setFocusPainted(false);
  • setBorderPainted(false);
  • setOpaque(false);

con estos métodos tendré un JButton transparente en su totalidad pero aun no tiene el efecto que necesito asi que utilizo la interfazShape que me permite dibujar una forma en este caso quiero que se dibuje un rectángulo con bordes redondeados para ello necesito construir y llamar a la claseRoundRectangle2D esta clase me recibe 6 valores los dos primero las coordenadas X y Y luego el ancho(Width) y alto(Height) que tendra el boton y por ultimo dos valores que serán el radio o los valores para redondear las esquinas.

Shape area = new RoundRectangle2D.Float(x, y, w-1, h-1, getRadioButton(), getRadioButton());

de esta forma tendré dibujado en mi botón un rectángulo con bordes redondeados, ahora para pintar el JButton necesito definir o declaras 4 variables Color donde cada una tendrá valores flotantes del 0 al 1 estos valores serán los colores translucidos donde tendré que combinarlos para formar un gradiente, para eso necesito pintar al JButton con el métodosetPaint() un gradiente es decir tendré que construir o llamar ala claseGradientPaint esta clase me permita pintar o dibujar un gradiente recibiendo las coordenadas X y Y del botón mas los colores.

protected void paintComponent(Graphics g) { int x = 0; int y = 0; int w = getWidth(); int h = getHeight(); Graphics2D g2 = (Graphics2D)g.create(); g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON); Shape area = new RoundRectangle2D.Float(x, y, w-1, h-1, getRadioButton(), getRadioButton()); color_1 = color_trans_1; color_2 = color_trans_2; ButtonModel m = getModel(); if(m.isPressed()) { /**SI EL BUTON FUE PRESIONADO*/ color_1 = color_trans_4; color_2 = color_trans_3; }else if(m.isRollover()) { /*****SI PASA POR ENCIMA*****/ color_1 = color_trans_3; color_2 = color_trans_4; } /*****creo un gradiente*******/ g2.setPaint(new GradientPaint(x, y, color_1, x, y+h, color_2, true)); g2.fill(area); g2.setPaint(color_trans_2); g2.draw(area); g2.dispose(); super.paintComponent(g); }

Tambien para dar un efecto mas notable hago uso de un Modelo del JButton,llamo a la claseButtonModel para detectar cuando el boton fue presionado o el cursor esta encima de boton de esta forma puedo cambiar los colores y dar otro efecto.

les dejo el codigo fuente completo.


DESCARGAR


Descargate y aprende todo sobre Adobe Flash CC Primeros pasos, diseño, dibujo y color

Damian 7/29/2013

Flash ha sido un referente en la creación decontenidos interactivos, ya sea como programa de animación, comocreador de juegos, comogenerador de apps para dispositivos o como reproductor de vídeos.
aunque con el gran cambio de las web gracias alHTML5 que ha entrado con fuerza, Flash sigue siendo la herramienta fundamental para crear juegos para diferentes plataformas y apps para dispositivos.

Aprende en este curso los principios del diseño y el color con Flash, y lleva a cabo tus primeros trabajos con esta herramienta de Adobe, parte de Creative Cloud.
Jorge González Villanueva te presenta su curso Flash CC 1:Primeros pasos, diseño, dibujo y color. Conceptos básicos, creación y transformación de vectores.

este curso video2brain conocerás el entorno de trabajo de Adobe Flash. aprenderás a personalizarlo y descubrirás dónde se encuentran los paneles y herramientas. también cómo funcionan los contenidos vectoriales de Flash y usaremos las herramientas de dibujo para crear ilustración y animación.

DESCARGAR





Descargate y aprende como crear WebAPP para iPhone

Damian 7/29/2013

Aprenderás a crear aplicaciones paraiPhone desde cero, que pueden estar en el menú de aplicaciones del equipo, enteramente con HTML, CSS y JavaScript y las extensiones que Safari provee en este dispositivo.

aprenderás todo acerca del iPhone, su navegador Safari, los estándares que soporta y las extensiones disponibles para CSS y HTML. Aprenderás a crear un ícono para el menú de aplicaciones y a quitar la interfaz del navegador trabajando a pantalla completa. Aprenderás a enviar SMS y comunicarte con otras aplicaciones instaladas, cómo diseñar formularios para estos equipos con HTML 5 y cómo crear efectos y animaciones utilizando solamente CSS.

  • iPhone. Qué son las webapps y qué las diferencia de un sitio web normal. Estándares soportados. Uso del Simulador de iPhone. Configurando Dreamweaver para previsualizar sitios web en el simulador.
  • Webapps. Definiendo nuevos meta tags para webapps, el viewport para manipular el nivel de zoom y quitamos a safari de la interfaz de usuario. Aprendemos a visualizar PDF y archivos de Office y a comunicarnos con el equipo.
  • HTML y CSS. Qué son las media queries, manipulación de tipografías en iPhone, efectos y bordes con CSS, diseño de formularios, gradientes y extensiones de WebKit. Cómo animar usando CSS sin ninguna librería.
  • JavaScript y RIA. HTML 5 en el iPhone, cómo detectar el iPhone desde JavaScript, cómo capturar eventos de multitouch y gestos sobre la pantalla. Uso de librerías para crear webapps.


DESCARGAR


domingo, 28 de julio de 2013

Descargate y aprende todo sobre Sql Server con este video tutorial

Damian 7/28/2013


Aprende a crear base de datos, modifícalas, añádeles contenido y aprende a realizar peticiones con este curso video2brain de SQL Server 2012, en donde aprenderas el lenguaje SQL y sus operadores y funciones avanzadas. ademas conocerás qué esTransact-SQL, el lenguaje que te permite añadir capacidades de programación dentro de SQL Server para que no tengas que depender de un entorno de programación externo y trabajes de forma más productiva.

José Vicente Carratalá te presenta su curso SQL Server 2012. Aprende a crear bases de datos, gestionarlas y realizar peticiones.

aprenderás paso a paso a crear tus propias bases de datos, y a realizar peticiones complejas a los datos contenidos en ellas, usando el motor SQL Server 2012 a través del entorno Management Studio.

Aprenderas
  • Entorno de SQL Server Management Studio
  • Creación de bases de datos, tablas y columnas
  • Introducción de datos
  • Realizacion de peticiones en lenguaje SQL
  • Peticiones avanzadas
  • Funciones y peticiones complejas usando Transact-SQL


DESCARGAR


sábado, 27 de julio de 2013

Descargate Sublime Text version 3.033 FULL

Damian 7/27/2013

Apeticion deClusterba seguidor en Facebook .
Hoy te traigo Sublime Text version 3.033 te ofrece la posibilidad de gestionar una amplia gama de tipos de archivos, ya que soporta resaltado de sintaxis para C, C + +, C #, CSS, D, Haskell, Erlang, Java, HTML, Javascript, HTML, Groovy, LaTeX y muchos más.

características clave de "Sublime Text":

Hermosa Interfaz de usuario:
  • Junto edición multi-panel
  • Minimapa: ver el código de 10,000 pies
  • Modo de pantalla completa: utilizar todos sus píxeles, todo el tiempo
  • Nada más que el modo de texto: el texto, todo el texto, y nada más que el texto
  • El resaltado de sintaxis para muchos idiomas con C, C + +, C #, CSS, D, Erlang, HTML, Groovy, Haskell, HTML, Java, Javascript, LaTeX, Lisp, Lua, Markdown, Matlab, OCaml, Perl, PHP, Python, R , Ruby, SQL, TCL, Textil y XML soportadas fuera de la caja, y más disponible para su descarga
  • Combinaciones de colores múltiples, con varios incluidos, y muchos más disponibles para su descarga
  • Soporte de resaltado
  • Auto guardar: nunca perderá sus cambios, ni siquiera si el perro piensa que los cables de alimentación son sabrosos
Edición de Sublime:
  • Selección rica de comandos de edición, incluyendo sangrado / ausencia lo del párrafo reformateo, la línea que une y mucho más
  • Múltiples opciones: simplificar muchas tareas que antes requerían macros o expresiones regulares
  • Columna de selección
  • Regular búsqueda de expresiones y reemplazar
  • Incremental búsqueda mientras se escribe
  • Preservar el caso de reemplazar
  • Marcadores: hace que la navegación a través de largas filas de una brisa
  • Ortografía al escribir
  • Soporte a juego
  • Al comentar y descomentar bloques de texto
  • Carga de archivos asincrónica, por lo que nunca está bloqueado al cargar archivos fuera de las unidades de red lentas
Personalización:
  • Asociaciones de teclas totalmente personalizables, menús y barra de herramientas
  • Lenguaje combinación de teclas Rich incluyendo secuenciados asociaciones de teclas, expresión partidos claves regulares, enlaces contextuales y enlaces parametrizados
  • Plugins Python con una API
Automatización:
  • Macros
  • Fragmentos
  • Auto completo
  • Repetir la última acción
  • Construir la integración de herramientas
  • Automático build al guardar
  • Integración WinSCP para la edición de archivos remotos a través de SCP y FTP


DESCARGAR



viernes, 26 de julio de 2013

Descargate este HiperPack de cursos HTML5 para diseñadores (96 cursos)

Damian 7/26/2013

Este HiperPack de 96 cursos HTML5esta compuesto por todos los cursos existentes sobre HTML5 desde el 2010 asta el 2013 el mas completo que eh visto asta el momento(RECOMENDADO)

Contenido del HiperPack

  • A Book Apart Publishing HTML5 for Web Designers (2010)
  • Addison-Wesley HTML5 Developers Cookbook (2012)
  • Addison-Wesley HTML5 Guidelines for Web Developers (2011)
  • Addison-Wesley Learning HTML5 Game Programming, A Hands-on Guide to Building Online Games Using Canvas SVG and WebGL (2012)
  • Adobe Press Dreamweaver CS5.5, Designing and Developing for Mobile with jQuery HTML5 and CSS3 (2011)
  • Apress Beginning Android Web Apps Development, Develop for Android using HTML5 CSS3 and Javascript (2012)
  • Apress Beginning HTML5 and CSS3 (2012)
  • Apress Beginning iPhone and iPad Web Apps, Scripting with HTML5 CSS3 and JavaScript (2010)
  • Apress Beginning Nokia Apps Development, Qt and HTML5 for Symbian and MeeGo (2010)
  • Apress Beginning PhoneGap, Mobile Web Framework for JavaScript and HTML5 (2012)
  • Apress Beginning WebGL for HTML5 (2012)
  • Apress Foundation HTML5 Animation with JavaScript (2011)
  • Apress Foundation HTML5 Canvas, For Games and Entertainment (2011)
  • Apress Foundation HTML5 with CSS3 (2012)
  • Apress Foundation Website Creation with HTML5, CSS3 and JavaScript (2012)
  • Apress HTML5 Advertising (2013)
  • Apress HTML5 and JavaScript Projects (2011)
  • Apress HTML5 Games Most Wanted, Build the Best HTML5 Games (2012)
  • Apress HTML5 Mastery, Semantics Standards and Styling (2011)
  • Apress HTML5 Programming for ASP.NET Developers (2012)
  • Apress HTML5 Solutions, Essential Techniques for HTML5 Developers (2011)
  • Apress Learn GameSalad for iOS, Game Development for iPhone iPad and HTML5 (2012)
  • Apress Learn HTML5 and JavaScript for Android (2012)
  • Apress Learn HTML5 and JavaScript for iOS (2012)
  • Apress Metro Revealed, Building Windows 8 Apps with HTML5 and JavaScript (2012)
  • Apress Practical HTML5 Projects (2012)
  • Apress Pro Android Web Apps, Develop for Android Using HTML5 CSS3 and JavaScript (2011)
  • Apress Pro Android Web Game Apps, Using HTML5 CSS3 and JavaScript (2012)
  • Apress Pro HTML5 Accessibility, Building an Inclusive Web (2012)
  • Apress Pro HTML5 and CSS3 Design Patterns (2011)
  • Apress Pro HTML5 Games (2012)
  • Apress Pro HTML5 Performance (2012)
  • Apress Pro HTML5 Programming 2nd (2011)
  • Apress Pro HTML5 Programming, Powerful APIs for Richer Internet Application Development (2010)
  • Apress Pro HTML5 with Visual Studio 2012 (2012)
  • Apress Pro iOS Web Design and Development, HTML5 CSS3 and JavaScript with Safari (2011)
  • Apress Pro Windows 8 Development with HTML5 and JavaScript (2012)
  • Apress The Definitive Guide to HTML5 (2011)
  • Apress The Definitive Guide to HTML5 Video (2010)
  • Apress The Essential Guide to HTML5 and CSS3 Web Design (2012)
  • Apress The Essential Guide to HTML5, Using Games to Learn HTML5 and JavaScript (2010)
  • Apress Web Standards, Mastering HTML5 CSS3 and XML (2011)
  • CreateSpace Publishing The Truth about HTML5 (2012)
  • Focal Press Building Websites with HTML5 to Work with Mobile Phones (2011)
  • Focal Press HTML5, Designing Rich Internet Applications (2010)
  • Focal Press Rendering HTML5 Illustration (2010)
  • Manning Hello HTML5 and CSS3, A User Friendly Reference Guide (2013)
  • Microsoft Press HTML5, Step by Step (2011)
  • Microsoft Press Start Here, Learn HTML5 (2013)
  • New Riders Publishing Introducing HTML5 (2011)
  • New Riders Publishing Introducing HTML5 2nd (2012)
  • OReilly Building Hypermedia APIs with HTML5 and Node (2012)
  • OReilly Creating HTML5 Animations with Flash and Wallaby (2011)
  • OReilly Head First HTML5 Programming (2011)
  • OReilly HTML5 and JavaScript Web Apps (2013)
  • OReilly HTML5 Architecture (2012) [beta release]
  • OReilly HTML5 Canvas, Native Interactivity and Animation for the Web (2011)
  • OReilly HTML5 Cookbook (2011)
  • OReilly HTML5 for Publishers (2011)
  • OReilly HTML5 Geolocation (2011)
  • OReilly HTML5 Hacks (2013)
  • OReilly HTML5 Media (2011)
  • OReilly HTML5, The Missing Manual (2011)
  • OReilly HTML5, Up and Running (2010)
  • OReilly Introducing HTML5 Game Development (2012)
  • OReilly Making Isometric Social Real-Time Games with HTML5 CSS3 and Javascript (2011)
  • OReilly Programming HTML5 Applications (2011)
  • OReilly Supercharged JavaScript Graphics, With HTML5 Canvas and jQuery (2011)
  • OReilly Using the HTML5 Filesystem API (2011)
  • OReilly What Is HTML5 (2011)
  • Packt Publishing Dreamweaver CS5.5 Mobile and Web Development with HTML5, CSS3 and jQuery (2011)
  • Packt Publishing HTML5 Boilerplate Web Development (2012)
  • Packt Publishing HTML5 Canvas Cookbook (2011)
  • Packt Publishing HTML5 Games Development by Example, Beginner's Guide (2011)
  • Packt Publishing HTML5 Graphing and Data Visualization Cookbook (2012)
  • Packt Publishing HTML5 Mobile Development Cookbook (2012)
  • Packt Publishing HTML5 Multimedia Development Cookbook (2011)
  • Packt Publishing HTML5 Video How-To (2012)
  • Packt Publishing Instant Migration to HTML5 and CSS3 How-to (2013)
  • Packt Publishing Responsive Web Design with HTML5 and CSS3 (2012)
  • Peachpit Press HTML5 Multimedia, Develop and Design (2012)
  • Peachpit Press Visual QuickStart Guide HTML5 and CSS3 7th (2012)
  • Pragmatic Bookshelf Publishing HTML5 and CSS3, Develop with Tomorrow's Standards Today (2010)
  • Prentice Hall Core HTML5 Canvas, Graphics Animation and Game Development (2012)
  • Rockable Press Decoding HTML5 (2012)
  • SAMS Teach Yourself HTML5 in 10 Minutes (2011)
  • SAMS Teach Yourself HTML5 Mobile Application Development in 24 Hours (2012)
  • SitePoint HTML5 and CSS3 for the Real World (2011)
  • Wiley HTML5 Digital Classroom (2011)
  • Wiley HTML5 for Dummies Quick Reference (2011)
  • Wiley HTML5 Games, Creating Fun with HTML5 CSS3 and WebGL (2012)
  • Wiley HTML5, Your Visual Blueprint for Designing Rich Web Pages and Applications (2012)
  • Wiley Smashing HTML5 (2011)
  • Wiley Teach Yourself VISUALLY HTML5 (2011)
  • Wrox Press HTML5 24-Hour Trainer (2011)
  • Wrox Press Professional HTML5 Mobile Game Development (2012)


DESCARGAR





Publica contenido y añadir comentario en cualquier grupo del usuario con la API de Facebook en javascript

Damian 7/26/2013

haces unos minutos vimos como mostrarinformación del usuario y listar los grupos donde es miembroahora veremos como publicar un contenido en cualquier grupo que el usuario es miembro para ello necesito los permisospublish_stream, read_stream, user_groups los cuales ya sabemos para que sirven.

  • Como publicar contenido en un grupo
para publicar cualquier contenido necesito saber primero el ID del grupo y utilizar los métodos/feed ypost luego necesitare los parámetros o recipientes donde voy a colocar el contenido que necesito publicarmessage,picture,icon,link,name,description estos parámetros lo hemos utilizado en comopublicar contenido de un web en el muro de un usuario



function publicar_grupo(ID) { FB.api("/"+ID+"/feed", 'post', { message: 'Geniaaal..!!ya puedo publicar con la API DE FACEBOOK ooohh SIIᕙ(`▽´)ᕗ,!', picture :'https://lh5.googleusercontent.com/-lEKhKIIiobo/UeqlGLHT0xI/AAAAAAAABP8/5FMS0IY3Ghk/s128-no/ima_128.png', icon:'http://lh5.googleusercontent.com/-YpHyKKZjhr0/UeqlPyqAImI/AAAAAAAABQY/a65TrOZrLQI/s16-no/ima_16.png', link : 'http://www.javaface-elblogdelprogramador.com/', name : 'JavaFace-elblogdelprogramador: aprende usar la api de facebook', description : 'Aprende como usar la API de facebook y sincroniza tu web con facebook!!' }, function(response) { if (!response || response.error) { console.log('Error al publicar en grupo'); } else { comentar(response.id); console.log('Publicado en grupo: ' + response.id); } }); }


utilizando el método/feed ypost podre publicar un contenido en el grupo pero también puedo añadir un comentario a la publicación, les dejo el código fuente completo.


DESCARGAR




, ,
Suscribirse a: Entradas (Atom)