Completa interfaz de Bootstrap 3 en PSD con licencia de uso comercial

Desde DesignShock se han tomado el trabajo de crear un excelente recurso para entusiastas de la web, un set completo en formato PSD (Photoshop) que contiene todos los elementos presentes en la interfaz gráfica renovada de Bootstrap 3. La nueva versión de Bootstrap ha causado sensación y no son pocos los sitios que ya están empezando a aprovechar sus ventajas.

El archivo emula el estilo de Bootstrap y contiene todos los elementos incluidos en la última version del popular framework, un set como éste es perfecto para crear fácilmente maquetas de temas, aplicaciones web y móbiles de manera extremadamente fácil, olví­date del código y empieza a arrastrar los elementos a tu gusto, si quieres pasar la idea de una página, tema o aplicación a un desarrollador y quieres asegurarte de que la idea está clara, esta interfaz puede serte de gran ayuda.

Describimos a continuación las caracterí­sticas de este set:

– El archivo esta organizado cuidadosamente en capas y agrupado para que sea fácil encontrar y usar todos los elementos que se necesiten.

– Los elementos del archivo fueron creados usando diseño pixel perfect, con lo cual las lineas están ajustadas al pixel, dotando de nitidez y definición cada uno de los diseños incluidos.

– El archivo cuenta con la misma licencia de uso de Bootstrap: Apache 2.0, con lo cual puede ser usado para cualquier proyecto incluso con fines comerciales.

Un recurso para descargar lo antes posible y aprovechar al máximo, espero lo disfruten. Descárgalo aquí­.

bootstrap1

bootstrap2

bootstrap3

bootstrap4

Fantásticos elementos de todo tipo para embellecer tu web (I)

En el siguiente listado encontraras una gran colección de diferentes recursos web de todo tipo, recopilados especialmente para proporcionar una ayuda a los diseñadores o desarrolladores dedicados al fantástico mundo del internet.

Creativos elementos gráficos:

Lo que necesitas para tus próximas presentaciones: maquetas, fondos, fuentes y demás.

Maqueta del iPhone 5: bonita maqueta en photoshop para el iPhone 5.

iPhone 5 Mockup PSD

Sombras largas: objeto inteligente de Photoshop para generar sombras largas a diferentes elementos.

Patrones oscuros: pequeña colección de patrones oscuros para tu sitio web.

patrones oscuros

Plantilla para logos: con este elemento de Photoshop podrás personalizar tu logo de una manera sencilla.

logo plantilla

Maqueta del Samsumg Galaxy S4: excelente maqueta en Photoshop del Samsumg Galaxy S4.

Maqueta del Samsumg Galaxy S4

Wanted: bonita fuente de texto al estilo del viejo oeste.

Wanted: fuente de texto

Maqueta de marca o identidad: útil set de elementos gráficos para el diseñador web.

Maqueta de marca o identidad

Formularios de registro: pequeña colección de 7 plantillas en PSD de formularios de registro.

Formularios de registro

Plantillas para el iPad: 3 diferentes maquetas súper útiles del iPad en PSD.

Plantillas para el iPad

Maqueta de marca en PSD: útil colección de elementos para mostrar tus últimos proyectos.

Maqueta de marca en PSD

Modernas GUI para desarrolladores y diseñadores:

Todo tipo de elementos para desarrollar de manera fácil tu próxima aplicación.

Marble GUI: colección de diferentes elementos útiles para tu web.

Marble GUI

Light GUI kit: pequeña y simple colección de elementos de interfaz para tu web.

Light GUI kit

GUI minimalista: excelente concepto de interfaz de usuario minimalista en archivo PSD.

GUI minimalista

99Lime UI: completo set de diferentes elementos minimalistas para la web.

99Lime UI

iPad GUI: kit de diferentes elementos de interfaz del iPad para diseñadores.

iPad GUI

Modern Touch UI: gran colección de elementos de interfaz con un estilo metro (win 8).

Modern Touch UI Kit

Android GUI: completo set de más de 1000 elementos de interfaz totalmente editable.

Android GUI

íconos de gran calidad:

Las siguientes son colecciones de í­conos creados siguiendo las últimas tendencias de la web.

Maki í­conos: completo paquete de 95 í­conos en SVG para utilizarlos en MapBox.

Iconos para mapas

Ultimate Icon: Gran set de í­conos con más de 1000 unidades totalmente gratis.

Ultimate Icon set

íconos de Adobe: pequeño set de 8 diferentes í­conos de adobe en PSD.

Set Iconos de Adobe

íconos Planos: hermoso conjunto de í­conos con un estilo plano en formato PSD.

Set de Iconos Planos

íconos SEO: kit de 12 diferentes í­conos SEO de estilo plano.

12 icons SEO

Kit de í­conos planos: pequeña pero bonita colección de 6 í­conos con un estilo moderno.

Kit de iconos planos

íconos redondos: moderno paquete de í­conos para las diferentes redes sociales.

Iconos redondos

Surfing í­cons: simple y bonita colección de 12 diferentes í­conos en PSD.

Iconos al estilo Surf

íconos de iOS 7: útil colección de 32 í­conos de barra para el iOS 7.

Iconos de iOS 7

íconos sociales: moderno set de í­conos sociales para tu sitio web.

Iconos sociales

íconos en CSS: increí­ble colección de í­conos creados totalmente en CSS.

Iconos en CSS

Plantillas web en variados formatos:

En la siguiente lista se podrá encontrar plantillas en PSD para tu inspiración, así­ mismo encontrarás plantillas en HTML y temas para WordPress.

BlueBox: moderna plantilla para sitio web de estilo plano en PSD.

BlueBox

Coorpin: útil portafolio para WordPress con un estilo minimalista.

portafolio para WordPress

Pronto: tema para WordPress con un diseño en grilla.

diseño en grilla

Celestino: limpio y creativo tema tipo portafolio para WordPress.

portafolio para WordPress

Carbon: plantilla web HTML + CSS adaptable a diferentes dispositivos.

plantilla web HTML + CSS

Pinball: plantilla para blog en PSD con un estilo de grilla y con versión responsiva.

plantilla para blog

Adapt: portafolio para WordPress totalmente responsivo.

portafolio para WordPress

Display: plantilla web en PSD con un estilo limpio y minimalista.

plantilla web en PSD

Impero: tema simple y minimalista para WordPress perfecto para restaurantes.

tema minimalista para WordPress

Pinbin: moderno tema para WordPress al mejor estilo de Pinterest.

moderno tema para WordPress

Skybox: elegante plantilla web multipropósito en archivo PSD.

plantilla web multipropósito

Creativos experimentos o complementos para tu web:

La lista de abajo contiene fragmentos de código y diferentes complementos pensados para embellecer la web.

Mason.js: plugin de jQuery para la creación de grillas perfectas con JavaScript.

plugin de jQuery

UI Transitions: plugin que nos permite crear y eliminar los í­tems de una lista con animación.

listas con animacion

Animaciones CSS3: excelente plugin con una colección de diferentes animaciones en CSS3.

Animaciones CSS

Cubo 3D: galerí­a de imágenes en un cubo 3D construido totalmente en CSS.

Cubo CSS 3D

Ficha de información: 7 bonitos efectos para mostrar información de un elemento.

Ficha de información

Flipswitch: generador online de interruptores con animación en puro CSS3.

Generador online de interruptores CSS3

Libros animados: excelente tutorial para crear la animación de un libro que se despliega al pasar el cursor sobre este.

Libros animados CSS3

Galerí­a de imágenes: útil galerí­a de imágenes construida en jQuery para exhibir tus fotos.

Galerí­a de imágenes

Furatto: moderno framework HTML y CSS perfecto para acelerar el desarrollo de páginas web.

Framework HTML y CSS

Efectos de scroll: útil colección de diferentes efectos de scroll para tu sitio web.

Efectos de scroll

Efectos de transición: asombrosa recopilación de diferentes efectos de animación en CSS + jQuery.

Efectos de transición

Impresionantes recursos de todo tipo para desarrollo web

Los creativos y desarrolladores y la web van de la mano, especialmente en los últimos tiempos, cada uno se beneficia grandemente del otro a través de la creación de todo tipo de material que pueda ser usado en la web, como fuentes, GUIs iconos y más.

Valiosos elementos útiles para web:

Valiosa y útil colección de diferentes elementos web gratuitos para que los utilices en tu próximo proyecto.

Maqueta PSD para el iPad: maqueta en photoshop del iPad útil para la vista anticipada de productos.

Maqueta psd para el ipad

Elementos de infografí­a en PSD: hermosa colección de elementos de infografí­a en formato PSD.

Elementos de infografí­a en PSD

Plantilla flat del macbook: plantilla del iMac y del Macbook al estilo flat en formato PSD.

Plantilla flat del macbook

Idealist sans: sencilla y agradable fuente de texto.

Idealist Sans

Maqueta de marca o identidad: útil set de elementos gráficos para el diseñador web.

Maqueta de marca o identidad

Maquetado de graficas en PSD: interesante conjunto de gráficas en formato PSD.

Maquetado de graficas en PSD

Plantilla del iPhone 5: útil maqueta del iPhone 5 en PSD para tus próximas aplicaciones.

Plantilla del iPhone 5

Fascí­nate: fuente de texto ideal para diseñadores.

Fascí­nate: Fuente de texto

Estanterí­as de madera: 4 diferentes vistas en perspectiva de estanterí­as en formato PSD.

Estanterí­as de madera

Elegante reproductor multimedia: concepto moderno de un widget reproductor multimedia.

Elegante reproductor multimedia

Archivo narrow: útil fuente de texto diseñada tanto para formato impreso como para plataformas digitales.

Archivo Narrow

Widget de inicio de sesión: moderna interfaz de inicio de sesión en PSD y CSS.

Widget de inicio de sesión

Plantilla de un iPad: plantilla tipo PSD de un iPad para la pre visualización de tus productos.

Plantilla de un iPad

Interfaz de subida de archivos: concepto de interfaz de un widget para la subida de archivos.

Interfaz de subida de archivos

Plantilla gravertical: espectacular maqueta construida en photoshop para la presentación de tus aplicaciones.

Plantilla Gravertical

Macbook air: útil plantilla del macbook de alta resolución en formato PSD.

Macbook Air

Cintas abstractas: 12 diferentes cintas abstractas diseñadas en illustrator y photoshop para tu próximo proyecto.

Cintas abstractas

 

Interfaz Grafica de Usuario orientada al diseño web:

La siguiente es una gran colección gratuita de diferentes conceptos de interfaz grafica de usuario orientada al diseño web en formato PSD.

GUI metro: moderna interfaz de usuario con más de 20 diferentes elementos.

UI metro

GUI app: set de elementos para el desarrollo de aplicaciones.

App UI

iOS GUI: excelente colección de elementos para el nuevo iOS7.

GUI para iOS7

GUI estilo flat: completa interfaz de usuario de estilo flat para implementar en tu blog.

GUI Estilo Flat

GUI para android: completo set de elementos android 4 (jelly bean) para teléfonos inteligentes.

GUI para Android

GUI con diseño flat: kit de diferentes elementos de interfaz de usuario con un diseño moderno.

GUI con diseño Flat

Flat UI kit: moderno set de diferentes elementos para el desarrollo web.

Flat UI Kit

GUI para mapas: moderno kit de elementos para la utilización en mapas.

GUI para Mapas

Completa colección de í­conos

Durante el segundo trimestre del año, hemos recopilado una serie de los mejores y más útiles sets de í­conos gratuitos que se pueden encontrar en la web.

íconos simples: set de 30 diferentes iconos de 32x32px en PSD.

Iconos Simples

íconos de redes sociales: paquete de 35 í­conos sociales al estilo flat.

Iconos de Redes Sociales

íconos de alimentos: completo paquete de diferentes í­conos de alimentos en formato PSD.

Iconos de Alimentos

íconos para aplicaciones: colección de 9 í­conos redondeados para utilizar en tus aplicaciones.

Iconos para aplicaciones

íconos coloridos: pequeño set de elegantes í­conos coloridos en formato PSD.

Iconos Coloridos

íconos de búsqueda: útil colección de diferentes í­conos de búsqueda para tu web.

Iconos de Búsqueda

Elegantes í­conos de archivos: completo set de 21 í­conos de formato de archivos como PNG, JPEG o MP3.

Elegantes Iconos de Archivos

Set de í­conos flat: pequeño y útil paquete de í­conos de estilo original.

Set de Iconos Flat

íconos de dispositivos móviles: Excelente colección de diferentes í­conos de dispositivos móviles.

Iconos de dispositivos móviles

Vectory: enorme colección de diferentes í­conos multipropósito en formato PNG.

Iconos Vectory

íconos de corazones: set de í­conos de corazones con 15 estilos diferentes en formato AI.

Iconos de Corazones

Kit de í­conos finos: paquete de 24 í­conos sencillos en formato PSD.

Kit de Iconos Finos

íconos minimalistas: bonita y útil colección de í­conos con un diseño simple y minimalista.

Iconos minimalistas

Set de í­conos sociales: colección de 16 diferentes í­conos sociales con un estilo flat.

Set de iconos sociales

iOS glyphs: set de í­conos para iOS al estilo de los jeroglí­ficos.

iOS Glyphs

Temas en formato HTML+PSD+WP:

Esta lista presenta temas en WP y HTML para los entusiastas del buen diseño y temas en PSD para los programadores avezados en busca de inspiración.

WebMag: moderna plantilla web para utilizar en la plataforma de blogger.

WebMag plantilla para blogger

Kitchenwall: plantilla web PSD para blog con un diseño minimalista.

plantilla Kitchenwall

Celestino: portafolio para WordPress, con un diseño limpio y sencillo.

Celestino - tema para wordpress

Avenir: plantilla web tipo HTML con un estilo sombrí­o.

plantilla web avenir

Cleanless: maqueta web de diseño simple y minimalista en formato PSD.

maqueta web Cleanless

Crisp persona: sencillo tema para WordPress con diseño responsivo.

Crisp Persona

Ameyso: moderno y responsivo tema para WordPress.

Ameyso: tema para wordpress

Bislite: simple y agradable plantilla web estructurada en HTML5.

plantilla web HTML5

Plantilla web flat: plantilla para sitio web con diseño fresco.

Plantilla Web Flat

Webdepot: moderna plantilla web en formato XML dirigida la popular plataforma blogger.

plantilla web

Portafolio web: fresca y agradable plantilla web para tu portafolio en formato PSD.

Portafolio Web

Clippy: tema para WordPress simple y con diseño responsivo.

tema para wordpress

Web personal: esta plantilla web en PSD está diseñada para que puedas exhibir tu trabajo en la web.

Web personal

Web fashion: plantilla web en formato PSD dirigida al sector de la moda en internet.

Web Fashion

Snaps: moderno tema para WordPress prefecto para presentación de galerí­as de imágenes.

moderno tema para wordpress

Fizz: hermoso tema para WordPress con diseño responsivo.

Fizz: hermoso tema para wordpress

Fantásticos experimentos de código y plugins para tu sitio:

Abajo se presenta un lista de piezas experimentales de código y plugins para integrar al sitio y proveerlo de efectos y funcionalidades.

Unslider: útil slider de jQuery full pantalla adaptable a múltiples dispositivos.

Slider responsivo

Colores flat: excelente colección de los colores flat más populares hoy en dí­a.

colores flat

Walidate: excelente plugin para la validación de campos de un formulario.

Validar fomulario

Slideshow: magní­fico slider de jQuery con efectos originales.

magnifico slider

Smartmenus: súper útil menú con diseño adaptable a diferentes dispositivos.

Menu Responsivo

Multi-formulario: espectacular tutorial online para crear un formulario de múltiples pasos.

formulario de multiples pasos

Digg Digg: plugin de wordpress para añadir diferentes botones de redes sociales a tu blog.

Botones de redes sociales

Converse.js: excelente plugin para convertir tu web en una sala de chat electrónica.

Chat Online

Pop easy: este plugin te ahorrará tiempo a la hora de crear diferentes lightbox para tu web.

lightbox para tu web

Ladda: útil colección de diferentes botones de carga en jquery.

colección de botones de carga

SlidesJS: espectacular slider con diseño adaptativo a diferentes dispositivos.

slider responsivo

Cajon de pestañas: simple y elegante widget con diferentes pestañas.

Cajon de Pestañas

Clipping magic: aplicativo web que te ayudara a eliminar el fondo de una imagen de forma sencilla.

eliminar el fondo de una imagen

Botones creativos: colección de diferentes botones con increí­bles efectos.

Botones Creativos

Aristochart: librerí­a de canvas para crear y personalizar tus estadí­sticas.

Aristochart librerí­a de canvas

Efectos de carga: excelente colección de efectos para animar los contenedores de tu web.

Efectos de Carga

Este artí­culo ha sido publicado aquí­, en WWWhatsnew.com, por el Equipo de The Shock family: iconshock, wpthemegenerator y jqueryslidershock, responsables también por bypeople.com.

Las mejores herramientas (plugins) para proteger WordPress

Este artí­culo es el último de una serie que ha sido publicada aquí­, en WWWhatsnew.com, por el Equipo de The Shock family: iconshock, wpthemegenerator y jqueryslidershock, responsables también por bypeople.com.

Podéis leer el resto de la serie aquí­.

Se ha hablado acerca de algunos plugins bastante útiles para asegurar una instalación de WordPress, ahora serán revisados con mas detalle. Un consejo muy importante que debe recalcarse es revisar cada plugin que se instala para asegurarse de que se tiene una herramienta que cumple su función adecuadamente; siempre es buena idea leer en internet las reseñas hechas por los usuarios al plugin

BackWPup: Más que backup

backwpup

Este plugin ha recibido muy buenas crí­ticas de la mayorí­a de sus usuarios;  no solamente permite hacer backups, sino que también permite optimizar y reparar la base de datos, y en cuanto al backup, se tienen bastantes opciones como guardar la base de datos en servicios en la nube como Google Storage, Microsoft Azure, Dropbox, RackSpaceCloud etc; también permite guardar la en el servidor FTP, como ZIP entre otras opciones.

Sucuri Security: un escáner de malware de 5 estrellas

sucuri security
Continúa leyendo «Las mejores herramientas (plugins) para proteger WordPress»

Guí­a de seguridad en WordPress (V)

Este artí­culo es el quinto de una serie que será publicada aquí­, en WWWhatsnew.com, por el Equipo de The Shock family: iconshock, wpthemegenerator y jqueryslidershock, responsables también por bypeople.com.

Podéis leer el resto de la serie aquí­.

wordpress

¿Qué hacer en caso de ser infectado o atacado?

Si no estás seguro de si tu sitio fue infectado o no, una buena herramienta que puede verificar si eres una ví­ctima o no es Sucuri SiteCheck. Este sitio puede escanear el tuyo o cualquier otro sitio que escojas y mostrará el estado del sitio. Si has sido infectado, aquí­ hay algunos pasos que puedes seguir para traer todo de vuelta a la normalidad.

– Retoma el control de tu sitio y contraseñas (FTP, WordPress, perfil del host, base de datos etc.)
– Haz un backup de la base de datos; sí­, no importa si esta infectada, todaví­a hay información valiosa allí­.
– Haz copias de todos los elementos que no estén en la base de datos como imágenes referenciadas.
– Descarga la versión estable más reciente de WordPress, también descarga los plugins que necesites y recuerda hacer tu deber (revisar que plugins de los que necesitas tienen fallos de seguridad y ve si fueron resueltos en nuevas versiones.)
– Descarga nuevamente los temas y revisa si usan plugins. Y revisa sus respectivos plugins.
– Una vez actualizado, reemplaza los archivos en el directorio de WordPress.
– Haz un actualización de la base de datos, esto podrá asegurar que la estructura de la base de datos soporte la nueva versión de WordPress.
– Si no lo has hecho hasta ahora, cambia el usuario, password y URL de acceso.
– Ahora viene la parte tediosa: Debes revisar todos las entradas y reparar cualquier daño en ellas, no sólo desde el dashboard, sino desde la base de datos. Para hacer eso, puedes usar SQL buscando, por ejemplo, la palabra display: en el contenido.

Otra cosa importante por hacer es encontrar los shells que crearon las puertas traseras de acceso a nuestro sitio. Hay una artí­culo en inglés que alentamos a leer, llamado How to find backdoor PHP shell scripts on a server.

Para aquellos que quieran seguir ensuciando sus manos con esto, aquí­ hay un script hecho en Perl que fue hecho para encontrar la mayorí­a de troyanos; no con el propósito de funcionar como antivirus, pero puede ayudar a encontrar archivos sospechosos. Lo único que hay que hacer es copiar el script a un archivo y guardarlo como un archivo ejecutable. Corre el script como usuario con permisos de lectura a los directorios.

./the_name_of_the_script [list of directories]

Cuando el script encuentra algo sospechoso, muestra algo como lo siguiente:

/var/www/malicious/.htaccess: Suspicious(RewriteRule): RewriteRule . /phpinf

El cual nombra el archivo, muestra porque es sospechoso (aquí­ se muestra “RewriteRule”), y un fragmento del archivo mostrando el patrón.

Script

Y en caso de no poder o no querer lidiar con ello

Es entendible que muchas de las personas que administran un sitio web en WordPress no tienen conocimientos técnicos, y han creado su sitio usando la opción de instalación en un click ofrecida ampliamente por los proveedores de hosting para poder empezar su sitio lo más rápido posible; y además, reparar un sitio infectado puede ser un trabajo especialmente duro si no se tiene el conocimiento; por lo que aquí­ se resume el proceso a seguir si ese es el caso.

– Retomar control del sitio: implica cambiar todos los passwords que manejemos (FTP, WordPress, perfil del host, base de datos etc) luego da de baja el sitio, eso es mucho mejor que dejar que enví­e spam.
– No tocar nada, dejarlo a un profesional: en este punto donde las cosas necesitan ser recuperadas o borradas, es necesario saber lo que se está haciendo porque cualquier cosa que se haga mal puede destruir información vital. Hay personas que a pesar de recibir instrucciones bastante detalladas, simplemente no pueden seguirlas, y eso no es algo malo, la seguridad es un asunto bastante complejo y se necesita un trasfondo técnico bastante amplio para poder administrar un sistema sin problemas. Déjalo a un profesional si es necesario
– Prevenir: haz lo posible por poner en práctica al menos las observaciones más básicas hechas en este atí­culo. Toma algún tiempo para estudiar acerca de la materia; o de ser necesario, también deja el asunto de la prevención y monitoreo a un profesional.

Guí­a de seguridad en WordPress (IV)

Seguimos con la guí­a de seguridad en WordPress «en fascí­culos» y vamos ahora con la cuarta parte, continuación de los textos que ya publicamos aquí­.

Este artí­culo es el tercero de una serie que será publicada aquí­, en WWWhatsnew.com, por el Equipo de The Shock family: iconshock, wpthemegenerator y jqueryslidershock, responsables también por bypeople.com.

wordpress

Combatiendo scripts r57 y similares

Como fue dicho anteriormente, el script r57 da al atacante un rango amplio de posibilidades y capacidades; pero esto sólo funcionará hasta que el Shell esté en nuestro servidor; y podemos evitar que funcionen con algunos comandos que busquen los archivos .PHP localizados en la carpeta www; luego, en dichos archivos, el comando buscará cualquier mención de r57 no sólo en el nombre del archivo sino también en el contenido. Si es encontrado, el comando omitirá mostrar resultados duplicados; sin embargo, borrará esos archivos permanentemente y sin hacer preguntas. Podemos buscar también por archivos .TXT en vez de .PHP.

Una manera muy efectiva de encontrar scripts maliciosos es usando CXS, que es un software comercial realmente excelente.

Código oscurecido, cómo evitar ser atacado desde las sombras

Ya se mencionó anteriormente que tanto plugins como temas pueden estar infectados, es momento de ver las razones por las cuales un tema puede ser tan riesgoso como un plugin.
Continúa leyendo «Guí­a de seguridad en WordPress (IV)»

Guí­a de seguridad en WordPress (III)

Este artí­culo es el tercero de una serie que será publicada aquí­, en WWWhatsnew.com, por el Equipo de The Shock family: iconshock, wpthemegenerator y jqueryslidershock, responsables también por bypeople.com.

Podéis encontrar los otros dos de la serie aquí­ y aquí­.

wordpress

Aumentando el nivel: Problemas complejos de seguridad

Los siguientes son problemas de seguridad que afectan actualmente a WordPress y requieren que haya un conocimiento un poco más complejo de la herramienta.

Ataques exploit: TimThumb y Uploadify

Continúa leyendo «Guí­a de seguridad en WordPress (III)»

Guí­a de Seguridad en WordPress (II)

Este artí­culo es el segundo de una serie que será publicada aquí­, en WWWhatsnew.com, por el Equipo de The Shock family: iconshock, wpthemegenerator y jqueryslidershock, responsables también por bypeople.com.

Podéis leer el primero de la serie aquí­.

wordpress

Éstas son algunas medidas básicas de seguridad que se aplicar directamente en WordPress para reforzar la seguridad del sitio:

El truco del directorio

La primera medida de seguridad puede ser implementada al momento de instalar WordPress, para crear una instalación en la cual los archivos estén un poco más seguros la instalación puede ser hecha en una subcarpeta con un nombre bastante particular; esta subcarpeta no será vista en la barra de navegación, por lo que contarás con un poco mas de seguridad; el archivo index debe ser movido a la raiz del sitio, y el acceso al sitio sera: www.tudominio.com/tudirectorio/wp-admin ; la configuración de la dirección se hace desde la opción de ajustes generales, donde se debe poner como la dirección de WordPress (URL) la dirección de la carpeta donde se ha instalado WordPress y en la dirección del sitio, aquélla donde fue puesto el archivo index. A esto se le conoce como el truco del directorio.

Actualiza tu versión de WordPress

Continúa leyendo «Guí­a de Seguridad en WordPress (II)»

Guí­a de Seguridad en WordPress (I)

Este artí­culo es el primero de una serie que será publicada aquí­, en WWWhatsnew.com, por el Equipo de The Shock family: iconshock, wpthemegenerator y jqueryslidershock, responsables también por bypeople.com.

wordpress

Uno de los problemas más grandes que últimamente enfrentan las aplicaciones y sitios web es un elevado número de ataques, gran cantidad de información es robada o manipulada ya sea por virus/malware o por hackers o grupos de hackers diariamente, y este es un problema que crece cada dí­a. Desde que iniciamos la creación del WordPress Theme Generator y los temas de WordPress themes shock, siempre pensamos en la seguridad como un factor fundamental, para garantizar que nuestros temas o plugins no tuvieran niguna vulnerabilidad, y de esta manera investigamos y concluimos esta completa guí­a que te ayudará a proteger tu sitio de WordPress, dado el ya mencionado y constante crecimiento de ataques que se han reportado ultimamente.

WordPress es el CMS usado por muchos de los sitios más importantes en la actualidad como TED, NBC y CNN y no sólo eso; se estima que WordPress es usado en un 20% del total de los sitios conectados a Internet. Andrew Nacin, uno de los desarrolladores de WordPress comentó en su cuenta de Twitter cómo cientos de millones de personas leen millones de blogs al mes, haciendo cientos de miles de comentarios en cientos de miles de posts.
Continúa leyendo «Guí­a de Seguridad en WordPress (I)»

Tendencias en Diseño Web en 2013

Este artí­culo fue publicado originalmente en inglés en bypeople.com usando un sistema de edición colaborativa integrando Github con WordPress. El Equipo de The Shock family: iconshock, wpthemegenerator y jqueryslidershock, responsables también por bypeople.com, se ha encargado de la creación y traducción al español del mismo, dejándolo aquí­, en WWWhatsnew.com, como una excelente guí­a para profesionales del diseño web.

Espero que os guste:

——

A continuación encontrará una guí­a completa de lo que está marcando tendencia en el ámbito del diseño web. Los campos de acción del diseño y el desarrollo web se están cruzando cada vez con más frecuencia y se ha hace importante cubrir la necesidad de entender los nuevos conceptos que conciernen a estos campos. Esperamos que esta guí­a sea un gran aporte para ayudarle enfocar el camino a seguir en el avance del diseño web.

Adaptación al diseño web responsivo

El diseño web responsivo (DWR) se ha convertido en la tendencia y el camino a seguir en el campo. Si aún no está familiarizado con el concepto, puede consultar la reseña de Ethan Marcotte para A List Apart; también recomendamos esta lista de recursos publicada por Brad Frost: Esto es responsivo.

Básicamente, el objetivo del diseño web responsivo es hacer que los sitios y las aplicaciones web se puedan adaptar a cada nuevo dispositivo y su respectiva resolución.

Sin embargo, el diseño web responsivo tiene sus debilidades; aún no es perfecto ya que sacrifica información a favor del diseño y no es lo suficientemente adaptativo. Es por esto que vamos a ver algunas de los desarrollos que están conduciendo a la evolución del diseño web responsivo.

Continúa leyendo «Tendencias en Diseño Web en 2013»