Getting started with Trucos de CSS - Tutorial, ejemplos de código CSS


Contents:


Añadir Body Class solo para IE
Agregue espacios a Dock en OS X
Esto no está absolutamente relacionado con HTML, pero por pura demanda, necesitaba agregarlo en...
Codificación Base64 de 1x1px GIF transparente
En caso de que lo necesite. Puede estirarlo para llenar el espacio según sea necesario.
HCard microformadas básicas
Dirección y URL básicas, marcadas con Microformatos.
Botón con saltos de línea
Su mejor apuesta es una <button>para que pueda usar un <br>
Comentarios en HTML
Cufon 101
1. Incluir el código JavaScript para
Incrustar Flash
Esto es diferente al código predeterminado que proporciona Flash. Eso generalmente implica el &...
Incrustando Quicktime
Quicktime aún requiere el método de doble objeto para hacerlo en todos los navegadores. No es s...
Incrustar Windows Media
técnica válida, ya que doesn "t necesita el < embed> tag
Marcado de tabla vacía
Ejemplo de marca de formulario
El envío de formulario abre una nueva ventana Tab/
Probablemente sabía que podía forzar un enlace para abrir una nueva pestaña o ventana con el at...
Obtener formulario de direcciones (Google Maps)
Deshacerse de White Flash cuando el iframe se carga
Oculta el iframe hasta que esté completamente cargado.
Estructura de artículos HTML5 con hNews
La especificaciónpara hNews.
Estructura de página HTML5
iPhone llamadas y mensajes de texto
Esta es la llamada (probablemente más útil si el texto se puede hacer clic es decir, como los n...
Mantenga Flash Behind Other Elements
Por ejemplo, un menú desplegable que va "detrás" de una película de destello, o permanece encim...
Diseño de mitades izquierda y derecha
Párrafo de Lorem Ipsum
Pellentesque habitante morbi tristique senectus et netus et malesuada fames ac turpis egestas. ...
Mailto Enlaces
Hacer IE 6 Crash
Esto NO se recomienda para su uso en ningún tipo de escenario de sitio web "real". Que "es sólo...
Meta Refresh
Los redireccionamientos a la URL proporcionada en 5 segundos. Establézcalo en 0 para una redire...
Meta Tag para obligar a IE 8 a comportarse como IE 7
Etiqueta Meta para evitar Bots en el Motor de Búsqueda
Para evitar que todos los robots de búsqueda indexen una página:
Entrada de archivos múltiples
Las entradas de archivo pueden tener un atributo de "múltiple" que luego permite seleccionar mú...
Abrir enlace en una nueva ventana
Publicar datos en un iframe
Doesn "t tomar cualquier JavaScript o cualquier cosa que apenas tiene la forma." S objetivo atr...
Etiquetas adecuadas para mostrar ediciones de contenido
La forma correcta de marcar cambios en un documento HTML, cuando desea conservar el contenido a...
Etiqueta Meta Responsive
que tienden a utilizar esto:
Sirviendo a Universal IE 6 Stylesheet
Todos los buenos navegadores más IE 7 y superiores obtienen REGULAR-STYLESHEET.css, los navegad...
Establecer el icono de marcador de iPhone
Coloque esto en su < head> sección y establezca el atributo href en una imagen en un arch...
Navegación de lista estándar
Inicie un servidor web con un comando de terminal en OS X
He buscado esto tres veces esta semana, así que pensé que era mejor que me asegurara de tener u...
Detener el flicker de carga de página de IE
También conocido como Fajax (ajax falso). Por ejemplo, al enviar un formulario y la página sigu...
Página de prueba
Un simple XHTML 1.0 Estricto estructura de la página que incluye: básico CSS Reini...
Los DOCTYPES comunes
!
Información sobre herramientas para siglas
Me encantaCSS
Diseño de mitades superior e inferior
Desactivar Autocompletar para entrada
Sólo tiene que utilizar el atributo autocomplete: ...
Use Firebug en cualquier navegador
Solo incluya esta secuencia de comandos en el sitio y obtendrá una consola Firebug que se abrir...
Video para todos (video HTML5 con Flash Fallback)
Ver fuente de RSS en Firefox
A Firefox le gusta asumir cuando haces clic en un enlace a una fuente RSS que deseas suscribir ...
XHTML 1.0 STRICT Estructura de página
Animación de fotogramas clave CSS "Shake"
Esto supone el uso de un autoprefixer.
Look "cosido"
Una guía completa para Flexbox
Antecedentes
Una guía completa de Grid
El diseño de cuadrícula CSS es el sistema de diseño más poderoso disponible en CSS. Es un siste...
Centro Absoluto (Vertical y Horizontal) una Imagen
Accesibilidad/SEO Separación de CSS
Todos los tipos de medios de hoja de estilos
Textura granulada animada
El sitio webDayTriputiliza un efecto nítido...
Rollover de enlace básico como CSS Sprite
un
Conceptos básicos de Google Font API
Mejor Helvética
Texto borroso
hacer que el color de texto transparente, pero añadir una sombra:
Animación de carga animada animosa
Solo algunos funzies con animaciones CSS3. Si le preocupa la compatibilidad con el navegador sú...
Hacks específicos del navegador
Centro DIV con altura dinámica
Centrar un sitio web
Cambiar estilos de autocompletar en navegadores WebKit
Tenemos un buen consejo deLydia Dugger...
Cambiar el color de selección de texto
Comentarios en CSS
Ejemplo:
Iconos comunes Unicode
un [...
Comprimir CSS con PHP
comenzar su archivos CSS con este PHP (y el nombre de style.php):
Corner Ribbon
Navegador cruzado Bloque en línea
li
Opacidad cruzada del navegador
En estos días, que realmente don "t tiene que preocuparse por la opacidad de ser una cosa difíc...
Navegador cruzado hr Styling
Altura mínima del navegador cruzado
div
CSS Box Shadow
Se usa para fundir sombras de elementos a nivel de bloque (como divs).
CSS Conic Gradient
Un gradiente cónico es similar a un gradiente radial
Diagnóstico de CSS
Encuentra errores en HTML y resalta la mierda de ellos.
Familias de fuentes CSS
Diseños de inicio de cuadrícula CSS
Esta es una colección de plantillas de inicio para diseños y patrones usando
Hacks de CSS dirigidos a Firefox
CSS gradiente lineal
Tal vez el tipo de gradiente más común que vemos en el diseño web es el linear-gradient()...
Precarga de imagen CSS solo
Una razón importante para utilizar la precarga de imágenes es si desea utilizar una imagen para...
CSS Radial Gradient
Cuando hablamos de degradados, vale la pena comenzar con el hecho de que los degradados son un ...
Gradientes de repetición CSS
La repetición de gradientes tiene un truco que ya podemos hacer con el uso creativo de co...
CSS Text Shadow
texto normal sombra:
Triángulo CSS
CSS3 Zebra Striping a Table
tbod...
Casillas de verificación personalizadas y botones de radio
Los selectores aquí son específicos del marcado Wufoo, pero los conceptos en el trabajo pueden ...
Estilo de entrada de archivo personalizado en WebKit/Parpadeo
Botones de radio personalizados
Gradiente de papel cuadriculado diagonal
#example-gradient { height: 200px; margin: 0 0 20px 0; background-color: #eaeaea;...
Drop Caps
Artículos finales con Ivy Leaf
p
Centre exactamente una imagen/Div horizontal y verticalmente
Cajas desplegables de navegación
Del diseño v8 de CSS-Tricks.
Fancy Ampersand
Dan Cederholm ha utilizado durante mucho tiempo el símbolo de unión Baskerville cursiva, y nos ...
Pie de página fijo
Posicionamiento fijo en IE 6
*
Voltear una imagen
¡Puede voltear imágenes con CSS! Escenario posible: tener solo un gráfico para una "flecha", pe...
Tipografía fluida
Conseguir derecho al código, aquí "sa trabajar aplicación:
Fuente Taquigrafía
Pilas de fuentes
Forzar el botón de entrada de carga de archivos al lado derecho en WebKit
Firefox e IE tienen el botón "elegir archivo" a la derecha de la ruta de archivo, mientras que ...
Forzar barra de desplazamiento vertical
html...
Forzar la impresión en escala de grises
En el momento de escribir estas líneas, esto sólo funcionará en Chrome 18+, pero "s
Darle a los elementos clicables un cursor de puntero
un [...
Brillante azul de entrada destacados
Como mediados de 2012 Twitter. entrada
Texto degradado
Esto es solo WebKit, pero es la forma más limpia de lograrlo ya que el texto sigue siendo edita...
Subrayado de gradiente
un
Manejo de palabras largas y URLs (forzar interrupciones, guiones, puntos suspensivos, etc.)
Hay veces en que una secuencia de texto muy larga puede desbordar el contenedor de un diseño.
Manejo de palabras largas y URLs (forzar interrupciones, guiones, puntos suspensivos, etc.)
Hemos movido este fragmento a nuestro fragmento canónico sobre este tema....
Hexágono con sombra
<div class="hexagon"><span></span></div>
Ocultar barra de desplazamiento en Edge, IE 10/11
Se puede hacer en lugar de ocultación automática siempre que muestre:
Lenguaje de internacionalización CSS
iPad orientación CSS
iPad-Specific CSS
Sintaxis de animación de fotogramas clave
Papel en capas
Pseudo-clases de enlace (en orden)
un
Hacer un ajuste de texto "Pre"
Texto en < pre> las etiquetas no se envuelven de manera predeterminada. Por ejemplo, vea ...
Hacer entradas sin contraseña Usar viñetas (o alternativas de viñeta)
Esto funciona en las entradas de texty (por ejemplo, texto, correo electrónico, etc.) pero no p...
Consultas de medios para dispositivos estándar
Si crees que la respuesta es simple, me siento mal por ti, hijo. Tenemos 99 ventana...
Meyer Reset
html...
Mixins for Rem Tamaño de fuente
The remunidad de tamaño de fuente es similar a em, solo que en lugar ...
Momentum Scrolling en elementos de desbordamiento de iOS
Las páginas web en iOS tienen un estilo de "impulso" en el que un simple movimiento del dedo ha...
Monotono una imagen con CSS
Siempre se puede aplicar un filtro a un elemento para que sea monótona en el sentido de escala ...
Sintaxis de fondo múltiple
navegadores que soportan múltiples orígenes (WebKit desde los primeros días, Firefox 3) utiliza...
Múltiples fronteras
Columnas múltiples
Aquí está un ejemplo de una clase simple de tres columnas:
Nombrados Colores y Equivalentes Hex
504 Gateway Time-out 504 Ga...
Carpetas anidadas y expansibles
Esta fue una demostración original de Martin Ivanov, utilizando casillas de verificación oculta...
Imagen de URI de datos de ruido
Imag...
Lookset Fieldset sin formulario
<section class="fieldset"> <h1>This is not a fieldset</h1> <p>...
Tamaño de imagen no terrible en IE
img
Bloqueo de orientación
Página Curl Shadows
ul
Perfect CSS Sprite/Botón de puertas correderas
Botones de estilo Picross
Como en, el juegoPICROSS3D.
PNG Hack/Fix para IE 6
Prevenir el desplazamiento de rebote en León
Solo asegúrese de poner a cero el margen y el relleno en esos elementos también (normal en cual...
Evite que los superíndices y los subíndices afecten a la altura de línea
sup,...
Imprimir URL después de los enlaces
Abreviaturas de calidad
Color ligeramente más claro (suponiendo que el texto sea negro), borde inferior punteado y curs...
Eliminar el texto del botón en IE7
HTML:
Eliminar bordes de enlaces punteados
Los bordes punteados alrededor de los enlaces son una característica de accesibilidad que la ma...
Eliminar resaltado gris al tocar enlaces en Mobile Safari
-web...
Eliminar los márgenes para los primeros ~ ~ Últimos elementos
A veces puede ser conveniente eliminar el margen superior o izquierdo del primer elemento en un...
Eliminar la barra de desplazamiento de Textarea en IE
De forma predeterminada, todas las versiones de IE tienen una barra de desplazamiento en las ár...
Eliminar el contorno punteado
un
Retina Display Media Query
Para incluir gráficos de alta resolución, pero solo para pantallas que pueden hacer uso de ello...
Invertir texto
Para idiomas de derecha a izquierda, puede cambiar el diseño predeterminado de izquierda a dere...
Cinta
Esquinas redondeadas
Escalar al pasar el ratón con la transición
¡Traiga sus propios prefijos!
Significa "Bombas PDF"
Cualquier "enlace de anclaje" puede ser un enlace a un documento PDF, pero hacer clic en un enl...
Estilo simple y agradable de Blockquote
La blockquote se muestra en navegadores compatibles con estándares con el efecto "grandes comil...
Slide In Image Boxes
Del pie de página del diseño v8 de CSS-Tricks.
Smiley Slider
Requiere jQuery y jQuery UI para el control deslizante real. La cara está hecha de elementos he...
Tema Solarizado para CodeMirror y Prettify
Aquí "s paraGoogle Códi...
Menú Spinny Leaf
<nav> <ul class="top-menu"> <li><a href=#>Home</a>&...
Efecto de papel apilado
Una técnica de diseño popular es crear un contenedor de contenido que se asemeje a una hoja de ...
Reemplazo de imagen CSS estándar
h1#logo { width: 200px; // width of image height: 100px; // height of image ba...
Texto de Star Wars Crawl
La apertura a Star Wars es icónica. El efecto del texto desplazándose tanto hacia arriba como h...
Pie de página adhesivo
Funciona muy bien si puede aplicar una altura fija al pie de página.
Estilo de enlaces dependiendo del destino
un [...
Técnica de anulación de estilo
: placeholder-shown
The :placeholder-shownpseudo-class seleccionael elemento de entrada sí mis...
Pila de fuentes del sistema
La predeterminación de la fuente del sistema de un sistema operativo en particular puede aument...
Texto que gotea sangre
Rotación de texto
El Clearfix: Forzar un elemento para auto-borrar a sus hijos
Esto le hará muy bien en estos días (IE 8 en adelante):
Alternar visibilidad cuando se ocultan elementos
El equipo de desarrollo en Medium ha discutido algunas malas prácticas
Top Shadow
sombra a lo largo del borde superior de la página web, así:
Imágenes de fondo transparente
No existe una opacidad de fondo de la propiedad CSS, pero puede falsificarlo insertando un pseu...
Borde interior transparente
Triangular List Bullets
ul
Truncar cadena con puntos suspensivos
Se requiere todo lo siguiente, por lo que el texto debe estar en una sola línea recta que desbo...
Esquinas escondidas
Desactivar el número de entrada de hiladores
Los navegadores de escritorio WebKit agregan pequeñas flechas hacia abajo para numerar las entr...
Bloques tridimensionales bicolores y texto
Podemos usar múltiples text-shadowy box-shadowlos valores para crear ...
Efecto de máquina de escribir
CSS3 ÚNICO MENOS Mixins
504 Gateway Time-out 504 Ga...
Usando @ font-face
The @font-facela regla permite que las fuentes personalizadas se carguen en una pá...
Al extender un selector con el @extenddirectiva, Sass no toma el contenido CSS del...
Comprobación avanzada de tipo
Esta colección de funciones es para probar si el valor de una variable es de cierto tipo. Por e...
BEM Mixins
La mejor introducción a BEM es de
Funciones de opacidad en blanco y negro
It "es bastante común a necesitar un poco de negro o blanco transparente En CSS, que puede hace...
Almacenamiento en caché del selector actual (&) en Sass
The &personaje en Sass es único en el sentido de que representa el selector ac...
Centrado Mixin
Suponiendo que el elemento padre tiene position: relative;, estas cuatro propiedad...
Sujeción de un número
En ciencias de la computación, utilizamos la palabrapinzacomo una forma de restringir ...
Función de Luminancia de Color
Al profundizar en la teoría del color, hay algo llamado
Agregar correctamente la unidad al número
Cuando se convierte un número sin unidades a una longitud, duración, ángulo o lo que sea, la ge...
Cubriendo Mixin
me encuentro con estas propiedades juntos todo el tiempo, que suele ser una buena oportunidad p...
CSS Triángulo Mixin
Hay un hack de CSS bastante popular que utiliza bordes transparentes en un elemento de ancho 0 ...
Custom Scrollbars Mixin
barras de desplazamiento son uno de los componentes de interfaz de usuario que están presentes ...
Deep Get/Establecer en Maps
Al trabajar en arquitecturas Sass complejas, no es raro usar mapas Sass para mantener la config...
Facilitando la función Obtener mapa
Las curvas de Bézier se pueden utilizar para agregar bellos efectos a las transiciones y animac...
Corrige un número a N dígitos
Al tratar con números en JavaScript o en cualquier otro lenguaje de programación, hay una maner...
Funciones de Programación Funcional
Para los creadores de bibliotecas y los creadores de frameworks, tener un par de funciones adic...
Mantener la relación de aspecto Mixin
Est...
Material Shadows Mixin
box-shadowpropiedad. Para evitar tener que escribir manualmente las sombras cada...
Mixin para posicionamiento Offset
Si hay una taquigrafía CSS que falla de forma importante, es la que permite definir la po...
Mixin para administrar puntos de interrupción
Las creaciones de diseño web receptivo a menudo existen en varios puntos de corte diferentes. G...
Mixin para Prefix Properties
En caso de que "está interesado en el manejo de su propio proveedor CSS como prefijo (en lugar ...
Mixin para calificar un selector
No hay una manera fácil de calificar un selector dentro de su conjunto de reglas asociado. Al c...
Función de dirección opuesta
Marco SassBrújulaproporci...
Colocación de elementos en un círculo
Puede ser bastante difícil colocar elementos en un círculo con CSS. Por lo general, terminamos ...
Función de potencia
Aunque es muy útil con la aritmética, Sass se queda un poco corto con las funciones de ayuda ma...
Funciones de Px a Em
Nosotros "hemos hablado sobre"¿Por Ems"...
Cosas Sass para enlaces
travé...
Funciones Simple Asset Helper
Tratar con las rutas siempre es un poco molesto, lo concederás. Afortunadamente, es extremadame...
Simplificando Contextos y Eventos
Sass puede ser, de alguna manera, un poco de una caja negra, especialmente para los jóvenes des...
Función de clasificación
Sass no proporciona ninguna forma integrada para ordenar una lista de valores. Gracias a las fu...
Función de reemplazo de str
Sass proporciona una colección de funciones útiles para manipular cadenas, sin embargo, no hay ...
Función de unidad de tira
Hay mucha confusión sobre el funcionamiento de las unidades en Sass. Sin embargo, funcionan exa...
Mezcla gradiente rayado
Una forma popular de dibujar rayas en CSS para definir un degradado lineal con solapamiento de ...
Funciones de tinte y sombra
Ambos lighteny darkenlas funciones manipulan la claridad de un color ...
Usa una variable Sass para un Selector
Digamos que necesita usar un cierto selector en varios lugares en su código. Que "no es tremend...
Tipografía con tamaño de ventana con tamaños mínimo y máximo
Declarar tamaños de fuente en
Opciones de exportación de Adobe Illustrator
Esto es menos un fragmento y más un recordatorio para algo que busco a menudo. Al crear archivo...
Texto curvo a lo largo de un camino
Podemos hacer circular texto a lo largo de una línea curva con tres herramientas integradas en ...
Forma Morphing Icons en Button on Click
La idea aquí es utilizar un icono SVG en un botón y cambiar ese icono por otro cuando se hace c...
Texto SVG Knockout
La idea aquí es imaginar tres capas apiladas una encima de la otra donde la capa superior se ut...
Patrones SVG
El SVG <pattern>atributo nos permite definir patrones dentro de nuestro marc...
Bloqueo de texto
301 redirecciones
Esta es la forma más limpia de redirigir una URL. Rápido, fácil y amigable para los motores de ...
Compresión Gzip activa
La compresión reduce los tiempos de respuesta al reducir el tamaño de la respuesta HTTP. Gzip e...
Permitir URL único a través de .htaccess Protección de contraseña
Este código es útil para configuraciones de entornos múltiples (preparación, producción, etc.) ...
Adjuntar/Anteponer archivos
En lugar de tener que llamar/para incluir un archivo que necesita en cada página, puede hacer q...
Páginas de error personalizadas
ErrorDocument 400 /400.html ErrorDocument 401 /401.html ErrorDocument 40...
Negar y permitir el acceso
Página de índice de directorio diferente
Normalmente, index.html o index.php es la página predeterminada que sirve un servidor cuando vi...
Fancy Indexing
Agrega fuentes de ancho fijo, tamaño de archivo y fecha, capacidad de clasificación. Propaga a ...
Juego de caracteres Force UFF-8
Si no puede cambiar la configuración del servidor Apache, use este código para forzar la decodi...
Forzar el tipo de contenido correcto para documentos XHTML
La mayoría de los servidores web sirven contenido XHTML comotexto/htmlcuál es definiti...
Forzar solicitudes de Favicon para corregir la ubicación
Por cualquier loca razón, tal vez los malignos escáneres del sitio, los requets a un servidor w...
Forzar archivos para descargar (no abrir en el navegador)
AddType application/octet-stream .csv AddType application/octet-stream .xls AddType app...
Forzar HTTPS
RewriteEngine on RewriteCond %{HTTPS} !on RewriteRule (.*) https://%{HTT...
Obtener la página de estadísticas de Dreamhost trabajando en un sitio de WordPress
Para los sitios web alojados con Dreamhost, tiene una página de análisis de forma predeterminad...
Detección de iPad
Por supuesto, el iPad es una pantalla bastante grande y un navegador totalmente capaz, por lo q...
iPhone Catcher
<IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{HTTP_USER_AGENT} .*iPhone...
Carpeta (s) de protección de contraseña
Ponga en el archivo .htaccess en el directorio que está intentando proteger:
Registro de errores de PHP
Registra errores en un archivo y evita mostrarlos al usuario. Asegúrese de que el archivo exist...
Evite el enlace directo de la imagen
RewriteEngine On RewriteCond %{HTTP_REFERER} !^http://(.+\.)?yourdomain\.com/ [NC] Rewr...
Eliminar la extensión de archivo de las URL
RewriteRule ^ about $ about.php [L] Ese pequeño fragme...
Servir SVG con el tipo de contenido correcto
Si está tratando de usar SVG como <img src="image.svg">o como un CSS b...
Establecer vence
El ajuste "caduca" le dice a los navegadores que descargan estos archivos que no necesitan volv...
Shock Teenage Gangsters con wp-config Redirect
Gracioso correo electrónico de un lector, que pensé que haría una buena publicación:
Subdirectories URL redirige internamente a la cadena de consulta
La dirección URL en el navegador sería: http://css-tricks.com//index.ph...
Mantenimiento temporal usando Mod_Rewrite
# No olvide encender el motor de reescritura RewriteEngine en # Redir...
Use PHP dentro de JavaScript
Esto solo se ha probado realmente en servidores Media Temple (gs). En la carpeta con el ...
WWW/No-WWW
Realmente debería estar haciendo uno u otro. Para mantener la coherencia, así como "s SEO, el s...
Botón "Volver atrás"
navegadores ya tienen "atrás" botones, por lo que "D mejor que tenga una buena razón por la que...
1024 × 768 Bookmarklet
Los días de las pantallas de 800x600 casi han terminado, pero la mayoría de nosotros todavía in...
Agregue un número a dos variables a la vez
puede inicializar dos variables con el mismo valor a la vez, un poco:
Agregar atributo de datos del agente de usuario
Agregar a Favoritos (IE)
<a href="http://site.com" onclick="window.external.AddFavorite(this.href,this.innerH...
Función addClass
Si va libre de librerías, es posible que deba ejecutar su propia función de esta manera.
addEventListener Polyfill
Matriz de nombres de países
Async Script Loader con devolución de llamada
Botones Async Sharing (G +, Facebook, Twitter)
Algunos de estos servicios ya ofrecen (de manera inteligente) sus scripts de manera asíncrona, ...
Texto de texto de selección automática
Alerta básica
Enlazar diferentes eventos para hacer clic y hacer doble clic
Es posible que desee que un enlace tenga una acción especial al hacer doble clic, lo que impide...
Salir del iframe
Función de llamada con temporizador aleatorio
Verificar si la familia de fuentes es Honorable
Verifique si la función existe antes de llamar
Al usar scripts que se comparten entre diferentes áreas de un sitio, puede haber casos en los q...
Compruebe si el número es par/impar
Borrar campo en foco
Comentarios en JavaScript
Convertir polígono en datos de ruta
He tenido que hacer esto algunas veces recientemente, así que pensé que iba a guardar el método...
Cookie Getter/Setter
Navegador cruzado sin dependencia de DOM listo
Denis Ciccale "sversión:
CSS para cuando JavaScript está habilitado
documento
Página actual con JavaScript
Esto es como un reemplazo para PHP "s SCRIPT_NAME con JavaScript.
Argumentos predeterminados para las funciones
Detecta Internet Explorer
Detectar Javascript en/Off, con notificación
Hoja de estilos diferente pendiente de la hora del día
Diferentes hojas de estilo para diferentes días de la semana
Vaciar una matriz
Esta es una de las maneras más rápidas y fáciles de vaciar una matriz. Por supuesto, hay otras ...
Registro de consola sin errores
Repara IE 10 en Windows Phone 8 Viewport
Formatear moneda
Esta función redondeará los números a dos decimales, y se asegurará de que el valor devuelto te...
Obtener todos los eventos DOM posibles
Puede obtener una matriz de todos los eventos que comienzan con "on" (por ejemplo, onclick) eje...
Obtener tamaño de objeto
Como en, el número de teclas. función
Obtener URL y partes de URL en JavaScript
JavaScript puede acceder a la URL actual en partes. Por esta URL: http ://css-tricks.com...
Obtener variables de URL
Obtener la clave de YouTube desde un enlace
Variables globales
Declarar fuera de la variable de la función ...
htmlEntidades para JavaScript
htmlentities () es una función de PHP que convierte caracteres especiales (como <) en sus va...
Inyectar nuevas reglas de CSS
Si necesita cambiar el estilo de un elemento con JavaScript, generalmente es mejor cambiar el n...
Entrada con imagen de fondo que desaparece
Esto duplica la funcionalidad de los campos de búsqueda de Google incrustables estándar. Tienen...
Intervalos
La matriz de JavaScript contiene
Los objetos Javascript son realmente agradables, pero a veces les faltan algunas funciones útil...
JavaScript MD5
504 Gateway Time-out 504 Ga...
Contenido requerido de JavaScript con contenido alternativo
El área requerida por JavaScript se oculta con CSS en línea, y luego se muestra después de que ...
KeyboardEvent Value (keyCodes, metaKey, etc.)
Cuando a KeyboardEventincendios, puede probar qué tecla se presionó porque ese eve...
Lazy Loading Images
Use a blank.gifcomo el srcde imágenes, e incluyen el width
Aligerar/Color Oscuro
Los preprocesadores CSS Sass y LESS pueden tomar cualquier color y oscurecerlo () o aclararlo (...
Loop Over querySelectorTodas coincidencias
Puede recorrer Arrays fácilmente en JavaScript con forEach, pero lamentablemente, ...
Loop Through Array sin búsquedas innecesarias
Encuentre la longitud de la matrizantes deutilizándola en la función for, por ...
Hacer que los elementos HTML5 funcionen en el viejo IE
Para que el DOM (y por lo tanto CSS) los reconoce como elementos reales:
Manejo moderno de eventos
Mover el cursor al final de la entrada
Donde eles una referencia a una entrada o área de texto.
Variables de cadena multilínea en JavaScript
Esto funciona:
Plantilla de JavaScript con nombre de espacio
Función anónima de invocación automática asignada al yournamespacechoicevariable g...
API de visibilidad de la página
<!DOCTYPE HTML> <html> <head> <script type="text/jav...
Realizar la función a intervalos temporizados
realizar una función cada segundo:
Evitar el parpadeo de la imagen de fondo en IE
Evite JavaScript incrustado de la validación incorrecta
¿Alguna vez vio ese material de CDATA en JavaScript y se preguntó para qué era? Es para evitar ...
Imprimir objeto a pantalla
PHP tiene una buena funciónprint_rpara ...
Pon los valores de coma en números
Esta función supone que lo que se le envía es una cadena, con un punto decimal y dos lugares de...
Random Hex Color
Redirigir
Redirigir dispositivos móviles
Redirigir a SSL
ventana
Eliminar un elemento
Por alguna razón, un elemento puede "t destruirse a sí misma en JavaScript jQuery
Eliminar estilos en línea
Esta función también conserva el contenido oculto. función
Eliminar el último carácter de una cadena
Reemplazos para setInterval Using requestAnimationFrame
Cuando se trata de animación, nos dicen que setIntervales una mala idea Porque, po...
Guardar contenido contento Cambios como JSON con Ajax
Elementos con el contenteditableEl atributo se puede editar en vivo directamente e...
Seleccionar elemento aleatorio de una matriz
Pele las etiquetas HTML en JavaScript
Eliminar números de una cadena
Eliminar el espacio en blanco de la cadena
Espacios en blanco, es decir, pestañas y espacios.
Fichas de soporte en Textareas
Normalmente, la tecla de tabulación se desplaza al siguiente elemento enfocable. Esto inserta u...
Prueba de Internet Explorer en JavaScript
Prueba si el evento dragenter/dragover contiene archivos
La función de arrastrar y soltar HTML5 es ideal para manejar cargas de archivos. Pero si eso es...
Prueba si el elemento admite el atributo
No todos los navegadores admiten todos los atributos en todos los elementos. Hay una serie de a...
Prueba si Mac o PC con JavaScript
La prueba del agente de usuario es una mierda, pero a veces la necesita para cosas sutiles. En ...
Alternar (Mostrar/Ocultar) Elemento
Unescape HTML en JS
Validar HTML Bookmarklet
javascript
Tamaño de la vista, resolución de pantalla, posición del mouse
Este código es compatible con varios navegadores y comprueba las dimensiones de la ventana gráf...
Word Count Bookmarklet
Agregar a la barra de marcadores, seleccionar texto, hacer clic para obtener el conteo de palab...
Un jQuery hasAttr () Equivalente
jQuery realmente no tiene un .hasAttr()función. Puede suponer que sí, pero desafor...
Agregar: nth-of-type a jQuery
$.expr[':']['nth-of-type'] = function(elem, i, match) { var parts = match[3].split(...
Agregar Active Navigation Class Based on URL
Lo ideal es que la producción de este tipo desde el lado del servidor, pero si se puede "t ... ...
Agregue espacio sin rupturas en el título para evitar viudas
Añadiendo/Eliminando Class en Hover
Animar Altura/Ancho a "Auto"
No es posible hacer thing.animate({ "height": "auto" });. Así que este es el métod...
Añadir DIV de superposición de sitio
Descubrir automáticamente enlaces de documentos y aplicar clase
Mejor manejo de imágenes rotas
Las imágenes perdidas simplemente no mostrarán nada, o mostrarán un [? ] caja de estilo cuando ...
Detección del navegador + Aplicar clases al elemento HTML
Calcule la distancia entre el mouse y el elemento
Cambiar WMode con jQuery
Si no configura el modo w en una incrustación flash, flotará en la parte superior de una superp...
Verificar si hay elementos vacíos
hacer algo por cada elemento vacío encontrado:
Compruebe si la casilla de verificación está marcada
Diga eso 10 veces rápido =). Averigüe si se analiza una sola casilla de verificación o n...
Verifique si el elemento existe
Verifique si el Elemento está dentro de Otro Elemento Específico
Reemplace el primer selector con el niño que está probando y el segundo selector con el padre q...
Verificar si el evento fue activado o nativo
( "botón")
Compruebe si jQuery está cargado
Borrar una entrada de archivo
Puede simplemente clonarlo y reemplazarlo consigo mismo, con todos los eventos todavía adjuntos...
Borrar Cadena de búsqueda predeterminada en el enfoque
( "# s")
Haga clic una vez y desvincular
¡Ocurre algo en un evento de clic, pero solo una vez! Desvincula el controlador de clic una vez...
Combina funciones de deslizamiento y fundido
$
Comparar objetos jQuery
Puede "t realmente comparar si dos objetos jQuery son los mismos ...
Ciclo a través de una lista
Este código recorrerá una lista desordenada con una ID de "lista de ciclos". Se puede usar en c...
Detectar el primer elemento visible de cierta clase
Agrega una clase de "primero" al primer elemento que tiene una clase de "actividad" que es visi...
Desactivar/Reactivar entradas
Desactivar:
Deshabilitar enlaces principales en navegación de lista anidada
código jQuery que deshabilita los enlaces principales para los menús desplegables. El menú debe...
Mostrar el navegador y la versión
Esto es específico de jQuery, y contiene un poco de una corrección de hack/para tratar con Chro...
Mostrar el último Tweet
El código siguiente ya no funciona tal como está con la actualización de...
Mostrar la última publicación de FeedBurner
Este fragmento mostrará la última publicación en un feed FeedBurner especificado. Simplemente c...
Mostrar el gráfico de carga hasta la página completamente cargada
<!DOCTYPE html> <html class="no-js"> <head> <meta charset='UTF-8...
Mostrar solo las primeras X Div., Alternar el resto
Hecho Cambiar el tamaño del evento
Si "está acostumbrado a algo así comojQ...
Arrastrable sin jQuery UI
doesn "t tiene todas las devoluciones de llamada y opciones de lujo, pero bueno, que hace las c...
Igualar alturas de Divs
Excluir $ (esto) del Selector
Let "s dicen desea adjuntar un controlador de clic a cada enlace en una página. La función de c...
Fundir imagen en otra imagen
Haga un div que sea del tamaño exacto de la imagen. Este div tendrá una imagen de fondo aplicad...
Fundir una imagen en otro menú
Crea una imagen de sprite CSS, con la mitad superior y la mitad inferior siendo las dos imágene...
Fallback para CDN alojado jQuery
Varias grandes compañías ofrecen copias de jQuery alojadas en sus CDN (Content Delivery Network...
Encuentre todos los enlaces internos
Encuentra todos los enlaces que comienzan con el dominio de los sitios, una barra inclinada, un...
Encontrar y envolver amperios
Cargaeste comp...
Evento de fuego cuando el usuario está inactivo
Vea las dos líneas comentadas a continuación, que es donde puede insertar el código de cosas qu...
Fix Min/Max-Width para navegadores sin soporte nativo
Esta secuencia de comandos comprueba todos los elementos con una clase de .fixMinMaxwidth y obs...
Fix Select Cutdown Cutoff en IE 7
Ejecutar (al menos la parte "Uso" a continuación) después de haber cargado jQuery y al final de...
Reparar .load () en IE para imágenes en caché
El .load () incendios de función cuando el elemento que "llama a está totalmente cargado. Se ut...
Reparar IE z-index
Esta no es una solución para solucionar todos los problemas del IE z-index, pero ciertamente pu...
Forzar iframe para volver a cargar
Obtener un ancho de imágenes nativas
Si selecciona e imagen con jQuery y luego utiliza .width(), obtendrá el ancho actu...
Obtenga los parámetros de consulta como un objeto
Nicholas Ortenzio
Resaltar todos los enlaces a la página actual
Resalte Etiqueta relacionada cuando ingrese en foco
$
Preloader de imágenes
manera muy fácil de cargar previamente las imágenes que son necesarios más adelante (por ejempl...
Entradas que recuerdan el valor original
Insertar elemento entre otros elementos
Por ejemplo, si tiene cinco párrafos seguidos y necesita insertar una etiqueta de interrupción ...
Complemento jQuery Duplicate
$
jQuery JSON con error capturando
jQuery tiene una función incorporada llamada getJSON () para ayudar a que las solicitudes AJAX ...
Plantilla del complemento jQuery
Reemplace instancias de "su NombrePlugin" con su nombre de complemento real. Lo de "radio" es s...
jQuery Sticky pie de página
En general, elCSS St...
jQuery Tweetify Text
jQuery Zebra Stripe a Table
Código de Konami
Enlace Nudging
Cargue jQuery solo si no está presente
Diga que haría una inclusión en un montón de páginas, y dentro de eso incluye que quería hacer ...
Cargar solo una sección de una página
Cargando jQuery
Hacer que toda la Div haga clic en
. Actualización:esto probablemente ISN "ta cosa, se debe confiar en el JavaScri...
Hacer jQuery: contiene mayúsculas y minúsculas
Mover los elementos de la lista cliqueada a la parte superior de la lista
Suponiendo HTML así:
Mover el cursor al final de Textarea o entrada
Código para mover el cursor alfinaldel texto actual dentro de la entrada, en lugar del...
Título
Al establecer el valor de un área de texto se mueve el cursor hasta el final. Por lo que sólo t...
Abrir enlaces externos en una nueva ventana
externalHTML jQuery Plugin
innerHTML () es nativo y devuelve el contenido de un nodo DOM (p. <span>I live insi...
Actualización parcial de página
Actualizar ciertos elementos de una página utilizando jQuery después de un período de tiempo de...
seguridad de la contraseña
Pegar eventos
$
Cabeceras persistentes en las tablas
Cuando se desplaza hacia abajo en una página con una tabla larga, normalmente el encabezado de ...
Eliminar el valor específico de la matriz
Cambiar el tamaño de iFrame para ajustar el contenido (solo el mismo dominio)
Normalmente establece el ancho y alto para iframes. Si el contenido en el interior es más grand...
Ejecute JavaScript solamente después de que se haya cargado toda la página
Desplazar página horizontalmente con la rueda del mouse
Buscar/Reemplazar
Seleccionar elemento solo si los niños no están animados
Seleccionar elemento de lista solo si no contiene otra lista (y es de nivel superior)
Me doy cuenta de que esto es bastante específico, pero tuve que escribir este selector antes pa...
Forma serializar a JSON
$
Establecer/Borrar valor de entrada predeterminado
Shuffle Children
Buena versión limpia de un ghetto
Shuffle DOM Elements
Esto es de James Padolsey. Echa un vistazo a
Simple reproducción automática de diapositivas
Acordeón jQuery simple
Enlaces de fondo deslizante
Enlace de eventos más inteligente
Menú emergente con estilo
Esta idea es de Veer.com y de cómo manejan las listas desplegables para cosas como
Solo enlaces externos
Prueba si al menos una casilla de verificación está marcada
En este ejemplo, un botón de envío está deshabilitado si ninguna de las casillas de verificació...
Alternar texto
Supongamos que tiene un enlace para mostrar más opciones que expande una lista de opciones. Se ...
Seguimiento de cambios de ventana a través de Google Analytics
Sparkbox
Disparador Haga clic en Entrada cuando se haga clic en Etiqueta
Las etiquetas deben tener atributos "para" que coincidan con la ID de la entrada que etiquetan....
Evento de triple clic
$
Subrayar palabras individuales
No hay CSS para aplicar un subrayado ( text-decoration: underline;) solo a palabra...
Validar la edad
Este fragmento presupone un formulario HTML con ID de "edad-forma" y tres entradas (texto o sel...
Evento de carga de ventana con un retraso mínimo
window.load puede disparar súper rápido si la página está en caché. Si desea utilizar ese event...
Trabajando con atributos
Eliminar los atributos de ancho y alto de las imágenes insertadas
Cuando sube una imagen a través del cargador de medios de WordPress y luego la inserta en el ed...
Botón "Editar esto" en publicaciones y páginas
Añadir Category Name a body_class
La funcióncl...
Agregue clase a los enlaces generados por next_posts_link y previous_posts_link
Estas dos funciones crean enlaces de anclaje, y puede personalizar muchas de ellas, pero es imp...
Agregar/eliminar campos de información de contacto
Los perfiles de usuario en WordPress tienen estos campos para información de contacto de forma ...
Enlace del Panel de administración solo para administradores
Permitir SVG a través de WordPress Media Uploader
NOTA: A partir de 4.7.1, esto no está funcionando exactamente como se publicó aquí.
Aplicar CSS personalizado al área de administración
Añadir al archivo functions.php:
Enlaces automáticos a las redes sociales
Esto iríadentro del bucle, probablemente debajo de the_content (), probablemen...
Estilo de comentarios con rosca base
ol
Blogcode Shortcode
La función bloginfo () en WordPress le da acceso a mucha información útil sobre su sitio. Consu...
Cambiar tamaño de avatar
La función wp_list_comments tiene un parámetro para cambiar el tamaño predeterminado (48px) a c...
Página de error de base de datos personalizada
Coloque un archivo llamado "db-error.php" directamente dentro de su carpeta/wp-content/y WordPr...
Bucle personalizado/Consulta basada en campos personalizados
Última actualización por
Personalizar comentarios marcados
En un tema típico de WordPress, usted genera la lista completa de comentarios para una Página P...
Personalizar página de inicio de sesión
Ya sabes, el típico en yoursite.com/wp-login.php. Estas son las cosas que se ponen en el tema a...
Detecta Gists e Incrustarlos
Simplemente publique un enlace a unGitHub Gis...
Deshabilitar el formateo automático
Deshabilitar el formateo automático utilizando un código abreviado
function my_formatter($content) { $new_content = ''; $pattern_full = '{(\...
Mostrar una nube de etiquetas
Mostrar información de autor
La imagen que muestra el autor proviene de la dirección de correo electrónico configurada para ...
Mostrar imagen al lado de cada etiqueta
<?php $posttags = get_the_tags(); // Get articles tags $home = get_bloginfo('url'); ...
Mostrar separador de publicaciones entre publicaciones
Justo antes del cierre de The Loop, inserte este código:
Vaciar todos los campos personalizados
WordPress tiene una función incorporada, the_meta (), para dar salida a todos los campos person...
Etiqueta dinámica del título
Incrustar una página dentro de una página
Habilitar todos los posibles formatos de publicación
Para su archivo functions.php en el tema.
Botón "Me gusta" de Facebook para WordPress
Un código muy fácil de copiar y pegar aquí para agregarlo a la plantilla para las publicaciones...
Encuentra la identificación de la página principal más alta
Esto encontrará lo que la ID es de la página principal superior, en una página secundaria anida...
Obtener contenido por ID
Al parecer, no hay una función sucinta de WordPress para simplemente devolver el contenido de u...
Obtener URL de imagen destacada
Las miniaturas de los posts son bastante útiles y bastante fáciles de usar en WordPress. Basta ...
Obtener ID del nombre de la página
Añadir a functions.php archivo:
Obtener la primera imagen de una publicación
Supongamos que quiere usar la característica de miniatura de publicación
HTML5 Shim en functions.php
También podría mantener su header.php limpio e insertar la cuña del archivo functions.php. ...
ID el cuerpo basado en URL
Si la página es principal o secundaria
No están incorporados en las funciones de WordPress condicionales para la prueba de una página:...
Incluye cualquier archivo de tu tema
Incluye jQuery en el tema de WordPress
La siguiente es la mejor manera de hacerlo. Añadir lo siguiente al tema "s archivo functions.ph...
Aumentar el límite desplegable de campos personalizados
Para su archivo functions.php o complemento personalizado:
Insertar imágenes con la figura/Figcaption
Para un simple plugin o archivo functions.php:
Insertar imágenes dentro de la figura Elemento desde el cargador de medios
Para su archivo functions.php o un plugin de funcionalidad: función
Mostrar publicaciones, resaltar actual
WordPress carece de una función wp_list_posts () que puede parecer lógica, con la función wp_li...
Iniciar sesión/Cerrar sesión y bienvenida del usuario
Haga que Archives.php incluya tipos de publicaciones personalizadas
Archives.php solo muestra contenido de tipo "publicación", pero puede modificarlo para incluir ...
Mover la barra de administración de WordPress a la parte inferior
Pre WordPress 3.3 solamente.Agregue este CSS a su archivo CSS, agregue todo el...
Natural Sort Using Post meta_key
Extracto de salida manualmente
Siempre hayt...
Tipos de publicaciones personalizadas de Paginate
Prevenir caché de CSS
Evite que los Bots de búsqueda indexen los resultados de búsqueda
En < head> sección de su archivo header.php:
Función de publicaciones recientes
Eliminar barra de administración para suscriptores
Es posible que desee un registro abierto en su sitio de WordPress para que (por un pequeño ejem...
Eliminar estilo en línea de Gallery
Eliminar los elementos LI de la salida de wp_nav_menu
Puede eliminar o cambiar el <ul>contenedor que obtienes por defecto con
Eliminar enlace al archivo de manifiesto WLW
Es inútil incluir esto a menos que realmente use Windows Live Writer para escribir sus publicac...
Eliminar etiquetas de párrafo de alrededor de imágenes
En caso de que quiera tener <img>en su contenido pero no hacer que obtengan ...
Eliminar Private/Protected from Post Titles
Para el archivo functions.php en su tema:
Eliminar categorías específicas del bucle
Retire el empuje 28px de la barra de administración
Para su archivo functions.php:
Eliminar el espacio en blanco de la salida de función
En WordPress, hay muchas funciones que producen cosas para usted. Por ejemplo, wp_list_pages ()...
Eliminar Metaetiqueta de WP Generator
Puede considerarse un riesgo de seguridad para que su versión de WordPress sea visible y públic...
Eliminando Jetpack CSS
Jetpackes un plugin de WordPress que trae un mo...
Reemplazar Extraspt Ellipsis con enlace permanente
Esto es útil si desea reemplazar los puntos suspensivos [...] del extracto con un enlace perman...
Restablecer contraseña de administrador en la base
¿Olvidas tu contraseña de administrador y no tienes acceso a la cuenta de correo electrónico en...
Restablecer la contraseña de administrador a través
You "ll tiene que ser capaz de ejecutar SQL en la base de datos, como por ejemplo, a través de ...
Ejecutar un bucle fuera de WordPress
Ejecutar Loop en Publicaciones de Categoría Específica
Código abreviado para el botón Acción
Shortcode en una plantilla
Los códigos abreviados en WordPress son fragmentos de texto que puede usar en el área de conten...
Muestre sus tweets favoritos con WordPress
Simplemente reemplace la URL en la línea fetch_rss a continuación con la fuente RSS a sus favor...
Reducir la barra de administración/Expandir en el control deslizante
Un mini complemento:
Comentarios de correo no deseado con URL muy largas
Las URL súper largas son un signo seguro de que el comentario es spam. Esto marcará los comenta...
the_category with Excludes
La función WordPress
Activar más botones en el Editor visual de WordPress
Estos botones (como uno para agregar un <hr>tag) no están allí de forma pred...
Activar informes de error de WordPress
Comente la línea superior allí y agregue el resto a su archivo wp-config.php para obtener infor...
Usar campos personalizados
Código abreviado del año
Para el archivo functions.php: función
Ajustar el tiempo del servidor
Algunas veces el tiempo configurado en su servidor no es exacto a la hora local. Si no puede ca...
Agregar credenciales de inicio de sesión a URL
El ejemplo aquí es si tenía un formulario en un sitio web que, cuando se envió, necesitaba usar...
Anexe espacio sin interrupción entre las últimas dos palabras
Aplicando incluso/clases impares
Sintaxis asociativa de matriz
Año de Copyright automático
Enlaces automáticos de Mailto
$ cadena =
Conexión básica a la base de datos, consulta aleatoria, resultado de visualización
Uso básico de SimplePie
You "ll necesita una copia de SimplePie para la incluyen a la derecha en la parte superior aquí...
Crear una tabla de calendario
Función de calendario
Cambiar la fecha de dd/mm/aaaa a aaaa-dd-mm
Cambiar gráficos según la temporada
Cambiar el número del mes al nombre del mes
$ monthNum
Compruebe si existe archivo/Añadir número a nombre
Si existe el nombre de archivo, devuelve nombre de archivo nuevo con _number anexado por lo que...
Compruebe si el sitio web está disponible
Realiza un rizo de solicitud para comprobar si existe una página web/eslínea
Limpieza de variables
Las variables que se envían a través de formularios web siempre deben limpiarse antes de su uso...
Comentarios en PHP
Concatenar matriz para lectura humana
Convertir personajes acentuados
Por ejemplo, si desea utilizar una cadena como parte de una URL, pero debe hacerla segura para ...
Convierte BR en Newline
Convertir cadena separada por comas en matriz
Forma fácil de convertir un archivo CSV en una matriz analizable.
Convierta HEX a RGB
Proporcione el código hexadecimal de función (por ejemplo, #eeeeee), devuelve la matriz de valo...
Tiempo de ejecución del script de conteo
$ execution_time
Crear URI de datos
Estos pueden ser útiles para incrustar imágenes en HTML/CSS/JS para ahorrar en solicitudes HTTP...
Crear Unique AlphaNumeric
función
Crear URL Slug desde el título del mensaje
Función de expresión regular que reemplaza espacios entre palabras con guiones.
Delimitar imagen
Muestra un fragmento seleccionado de una imagen. En el ejemplo proporcionado, se muestran la pa...
Cross Domain GET Reenvío
Cuando realiza una solicitud de AJAX en un sitio web, la URL que solicita debe residir en el mi...
Depuración $ _REQUEST
Este fragmento muestra una buena lista de todos los datos enviados en un cuadro transparente en...
Detectar solicitud AJAX
El encabezado HTTP_X_REQUESTED_WITH es enviado por todos los navegadores recientes que admiten ...
Detecta IE5 o IE6
funcióngetMSIE6(
Detectar ubicación por IP
Devuelve "Ciudad, Estado" si se encuentra de otra manera el conjunto predeterminado en la parte...
Descubre y muestra Meta Tags
Esta es una página completamente diseñada que muestra la información de la metaetiqueta que ext...
Mostrar un usuario Gravatar desde una dirección de correo electrónico
Mostrar el contenido de la matriz
echo
Mostrar el conteo de FeedBurner Feed
Mostrar el contenido del directorio con estilo
. Servidores se pueden configurar para mostrar el contenido de un directorio que doesn "t tiene ...
Validación de la dirección de correo electrónico
Email Protector
Tiempo en inglés a segundos
Simplemente escriba el tiempo que desea convertir a segundos en inglés (por ejemplo, "1 hora y ...
Página de error para manejar todos los errores
Esta es una forma de crear una sola página de error para todos los errores, que es más fácil de...
Extraer direcciones de correo electrónico
Simplemente pase la cadena (por ejemplo, la parte del cuerpo de un correo electrónico) a la fun...
Buscar todos los enlaces en una página
Aquí "s el principio básico detrás de las arañas
Buscar extensión de archivo
Encuentra el archivo con nombre numérico más alto
$ última
Encuentre la ruta completa a un archivo
Buscar URL en el texto, hacer enlaces
Force Leading Zero
Generar CSV desde Array
función
Generar enlace de vencimiento de Amazon S3
No tiene que hacer que los archivos en Amazon S3 sean públicos (no son por defecto). Pero puede...
Obtenga el número de consultas MySQL de todos los tiempos
Obtener el nombre actual del archivo
Obtener URL de página actual
función
Obtenga el recuento de suscriptores de FeedBurner con cURL
$ ch =
Obtener archivo Última fecha de actualización
Obtener tamaño de archivo
Obtener información de Geo-IP
Solicita un geo-IP-server para verificar, regresa donde se encuentra una IP (host, estado, país...
Obtener información de la imagen
Obtener el último estado de Twitter
El código siguiente ya no funciona tal como está con la actualización de...
Obtenga el sufijo del número dado/Fecha
Obtener la dirección IP de los usuarios
Cuentas para proxies:
Obtener ancho/Altura de la imagen
Si todo lo que tiene para una imagen es la dirección URL, aún se pueden encontrar las dimension...
Resalta una subcadena
HTML Tidy
función
HTTP o HTTPS
Importar CSV en MySQL
Aumentar el tamaño máximo de carga de PHP
Muchos hosts compartidos ponen restricciones muy bajas en el tamaño de los archivos que se pued...
Insertar elemento cada n ° bucle
Cuando está dentro de un bucle, puede hacer un seguimiento del número de iteración del bucle (q...
Control inteligente de caché PHP
Este fragmento de código comprueba si una página se ha modificado desde la última vez que se mo...
Función de acceso
Estas funciones iniciarán sesión en un usuario en función de un nombre de usuario y contraseña ...
Hacer un número aleatorio
función
Clase de copia de seguridad MySQL
504 Gateway Time-out 504 Ga...
Clase de acceso a la base de datos MySQL
504 Gateway Time-out 504 Ga...
Clase de restauración MySQL
504 Gateway Time-out 504 Ga...
Opciones para truncar cadenas
Buffer de salida
Función de paginación
Parse JSON
Realizar la función en cada elemento de una matriz
array_map () toma dos argumentos. El primer argumento es la función para realizar en el segundo...
La matriz PHP contiene
Compruebe si el valor está en el conjunto y emite Sí o No
PHP Fecha Parámetros
Detección de PHP IE
Incluye PHP
Redirigir PHP
PHP Zebra Striping a Table
POST Validation Loop
Navegación Alfabética Rápida
Podría ser útil para una navegación de estilo de libreta de direcciones.
Random Hex Color
Random Slogan Displayer
Crea un archivo de texto llamado slogans.txt con permisos para que el servidor pueda leerlo. Co...
Cadena aleatoria de personajes predeterminados
Aleatorizar imagen de fondo
Aleatorizar nombre de archivo
Leer/Escribir archivos
Devuelve solo una variable de MySQL Query
Generador de RSS
Necesitará una base de datos MySQL con una tabla llamada `rss_feed`. En esa tabla hay 3 columna...
Desinfectar las entradas de la base de datos
Enviar un mensaje de texto
You "ll necesita unTextMagic cuentay des...
Enviar correo electrónico
Nombre y apellido separados
$ nombre =
Resizer de la imagen del lado del servidor
El código usa PHP para cambiar el tamaño de una imagen (actualmente solo jpeg). Con este método...
Probador de rango de código postal simple
Esta expresión regular a continuación prueba el código postal proporcionado si comienza con los...
Función Time Ago
Esto se puede utilizar para comentarios y otros de la comunicación para decir el tiempo atrás e...
Truncar cadena larga exactamente en medio
Esto truncará una cadena más larga a una cadena más pequeña de longitud especificada (por ejemp...
Truncar cadena por palabras
Descomprimir archivos
Actualizar valores de toda la tabla
Este código supone que está conectado a una base de datos MySQL que tiene una tabla con nombres...
Validación de URL
$ url =
Variables variables
Cero números rellenos