Skip to content
This repository has been archived by the owner on Jan 24, 2023. It is now read-only.

Yolanda #35

Open
wants to merge 50 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
50 commits
Select commit Hold shift + click to select a range
fb565c8
Añade readme versión 1
Rocciescobar Jan 28, 2018
efe76ae
Se inicializa proyecto con npm init y git init
Rocciescobar Jan 28, 2018
a0b975c
Añade archivo .gitignore
Rocciescobar Jan 28, 2018
c29bef1
Remueve carpeta node_modules
Rocciescobar Jan 28, 2018
eda1b6a
Remueve carpeta node_modules
Rocciescobar Jan 28, 2018
cd44313
Remueve node_modules/.bin
Rocciescobar Jan 28, 2018
2153796
agregando archivos assets y vendors
ManuelaFlores Jan 28, 2018
5a5342f
agregando documento index.html
ManuelaFlores Jan 28, 2018
e6db51a
agregando contenido index.html
ManuelaFlores Jan 28, 2018
9be5481
indentacion 2 espacios
ManuelaFlores Jan 28, 2018
ef51e7f
quitando vendors de assets
ManuelaFlores Jan 28, 2018
89d68e6
Modifica readme, añade carpeta docs
Rocciescobar Jan 28, 2018
5f29668
funcion que agrega figure
ManuelaFlores Jan 28, 2018
1f953b6
actualizando index.js
ManuelaFlores Jan 28, 2018
373d0dc
funcion que agrega figcaption y alt de imagen
Rocciescobar Jan 29, 2018
3d11ff8
Actualizando index.js
ManuelaFlores Jan 29, 2018
e0ca6f4
enlazando index.html
ManuelaFlores Jan 29, 2018
dde615b
implementando libreria
ManuelaFlores Jan 30, 2018
b4161aa
Función que muestra alt en hover
Rocciescobar Jan 30, 2018
4efa14f
agregando funcion responsive
ManuelaFlores Jan 30, 2018
4b4c644
Agrega estilos a la función hover
Rocciescobar Jan 30, 2018
bb2cefe
Agrega estilos a la función hover
Rocciescobar Jan 30, 2018
ce06023
cambiando estructura
ManuelaFlores Jan 31, 2018
feb892e
Modifica carpeta de archivos creados por babel
Rocciescobar Jan 31, 2018
58058b3
Añade archivo index.css con estilos para función cardify
Rocciescobar Feb 1, 2018
0630b94
subiendo sistema de grillas
ManuelaFlores Feb 1, 2018
5f823a4
Añade versión 2 de readme
Rocciescobar Feb 1, 2018
ad8ec89
Merge branch 'master' of https://github.com/Manu160296/cardify
Rocciescobar Feb 1, 2018
9d74b0e
Añade versión 2 de readme
Rocciescobar Feb 1, 2018
b00e53a
agregando imagenes
ManuelaFlores Feb 1, 2018
efecf6e
quitando archivo vendors
ManuelaFlores Feb 1, 2018
986050b
agregando estilos
ManuelaFlores Feb 1, 2018
4b3f10a
agregando demo
ManuelaFlores Feb 1, 2018
0896875
Modifica window
Rocciescobar Feb 1, 2018
1ca2dfd
Modifica window
Rocciescobar Feb 1, 2018
5479bfb
.
Rocciescobar Feb 1, 2018
52ad8f1
.
Rocciescobar Feb 1, 2018
eac0ab4
Elimina función responsive
Rocciescobar Feb 1, 2018
30d3f18
arreglando indentacion
ManuelaFlores Feb 2, 2018
f48fb27
cambios
ManuelaFlores Feb 2, 2018
06254d9
.
ManuelaFlores Feb 2, 2018
b22d5ff
Modifica evento hover para diferentes efectos
Rocciescobar Feb 4, 2018
905b85f
boton de descarga
ManuelaFlores Feb 4, 2018
a38a04b
avances
ManuelaFlores Feb 5, 2018
d557dc1
Añade versión 3 de readme
Rocciescobar Feb 5, 2018
61347fe
Añade versión 3 de readme
Rocciescobar Feb 5, 2018
4d3d635
actualizando index.html
ManuelaFlores Feb 5, 2018
d4d16b1
eliminando archivo
ManuelaFlores Feb 5, 2018
0d05e9e
actualizando readme
ManuelaFlores Feb 19, 2018
f567128
correccion
ManuelaFlores Feb 19, 2018
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .babelrc
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"presets": ["env"]
}
29 changes: 29 additions & 0 deletions .eslintrc
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
{
"parserOptions": {
"ecmaVersion": 6
},
"rules": {
"keyword-spacing": 1,
"space-before-function-paren": [1, "never"],
"eqeqeq": 1,
"space-infix-ops": 1,
"comma-spacing": 1,
"brace-style": 1,
"no-multiple-empty-lines": 1,
"camelcase": 1,
"func-call-spacing": 1,
"key-spacing": 1,
"semi": 1,
"no-floating-decimal": 1,
"no-multi-spaces": 1,
"object-property-newline": 1,
"padded-blocks": [1, "never"],
"space-before-blocks": 1,
"space-in-parens": 1,
"spaced-comment": 1,
"quotes": [1, "single"],
"id-length": [1, { "exceptions": ["i", "j", "x"] }],
"indent": [1, 2],
"no-array-constructor": 1
}
}
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
node_modules/*
54 changes: 5 additions & 49 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,54 +1,10 @@
# Cardify
# CARDIFY :

* **Track:** _Common Core_
* **Curso:** _JS Deep Dive: Crea tu propia librería usando JavaScript_
* **Unidad:** _Producto final_

***
Cardify es un plugin de jQuery que dado un contenedor debe buscar todas las imágenes que encuentre dentro del contenedor y reemplazarlas por un nuevo elemento `<figure>` que contenga la imagen `<img>` y además de un `<figcaption>` con el texto del atributo alt de la imagen, el cual se visualiza al momento de hacer un hover sobre la imagen.

Implementar un plugin de jQuery que dado un _contenedor_ debe buscar todas las
imágenes que encuentre dentro del _contenedor_ y reemplazarlas por un nuevo
elemento `<figure>` que contenga la imagen (`<img>`) además de un `<figcaption>`
con el texto del atributo `alt` de la imagen.

## Flujo de trabajo

1. Debes realizar un [**fork**](https://gist.github.com/ivandevp/1de47ae69a5e139a6622d78c882e1f74)
de este repositorio.

2. Luego deberás **clonar** tu fork en tu máquina. Recuerda que el comando a usar
es `git clone` y su estructura normalmente se ve así:

```bash
git clone https://github.com/<nombre-de-usuario>/cardify.git
```

3. Cuando hayas terminado tu producto, envía un Pull Request a la rama que tus
instructorxs este repositorio
(puedes solicitar apoyo de tus profes para este paso).

> Nota: No olvides que es una buena práctica describir tu proyecto en este
> archivo `README.md` :smiley:.

***

## Instalación

### Global (navegador)

```html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="path-to-cardify.js"></script>
```

## Uso

```js
// `container` es el selector del contenedor donde se buscarán todas las
// imágenes a ser procesadas.
$(container).cardify({});
```

## Ejemplos

...
![cardify_opt](https://user-images.githubusercontent.com/31525603/36380242-8985f82c-154f-11e8-8eb2-5e33f89c266c.png)
## Desarrollado para
[Laboratoria](http://www.laboratoria.la/)
Loading