8 | 
9 |
10 |
11 |
19 | Resultados de búsqueda
', 4 | noResults: 'No se encontraron resultados
', 5 | limit: '20', 6 | template: '- ,
- « 7 | {% else %} 8 |
- « 9 | {% endif %} 10 | {% else %} 11 |
- « 12 | {% endif %} 13 | {% if paginator.page == 1 %} 14 |
- 1 (current) 15 | {% else %} 16 |
- 1 17 | {% endif %} 18 | 19 | {% for count in (2..paginator.total_pages) %} 20 |
- 21 | {% assign lowerLimit = paginator.page | minus:2 %} 22 | {% assign upperLimit = paginator.page | plus:2 %} 23 | {% assign endingLimit = paginator.total_pages | minus:2 %} 24 | {% assign endingLimit2 = paginator.total_pages | minus:3 %} 25 | {% if paginator.page <= 2 %} 26 | {% if count <= 5 %} 27 | {% if count == paginator.page %} 28 |
- {{ count }} (current) 29 | {% else %} 30 | {{ count }} 31 | {% endif %} 32 | {% endif %} 33 | {% elsif endingLimit <= paginator.page %} 34 | {% if count >= endingLimit2 %} 35 | {% if count == paginator.page %} 36 |
- {{ count }} (current) 37 | {% else %} 38 | {{ count }} 39 | {% endif %} 40 | {% endif %} 41 | {% else %} 42 | {% if count > lowerLimit and count <= upperLimit %} 43 | {% if count == paginator.page %} 44 |
- {{ count }} (current) 45 | {% else %} 46 | {{ count }} 47 | {% endif %} 48 | {% endif %} 49 | {% endif %} 50 | 51 | {% endfor %} 52 | 53 | {% if paginator.next_page %} 54 |
- 55 | » 56 | 57 | {% else %} 58 |
- 59 | » 60 | 61 | {% endif %} 62 |
- 3 | 4 | 5 | 6 | 7 | {% endif %} 8 | {% if autor.facebook %} 9 |
- 10 | 11 | 12 | 13 | 14 | {% endif %} 15 | {% if autor.twitter %} 16 |
- 17 | 18 | 19 | 20 | 21 | {% endif %} 22 | {% if autor.gplus %} 23 |
- 24 | 25 | 26 | 27 | 28 | {% endif %} 29 | {% if autor.linkedin %} 30 |
- 31 | 32 | 33 | 34 | 35 | {% endif %} 36 | {% if autor.web %} 37 |
- 38 | 39 | 40 | 41 | 42 | {% endif %} 43 | {% if autor.email %} 44 |
- 45 | 46 | 47 | 48 | 49 | {% endif %} 50 | -------------------------------------------------------------------------------- /_includes/templates/serie-detalle.html: -------------------------------------------------------------------------------- 1 | 19 |
- Perfiles restringidos multiusuario. 42 |
- Bluetooth Smart o Bluetooth LE. 43 |
- OpenGL ES 3.0. 44 |
- DRM APIs. 45 |
- El servidor use compresión a nivel HTTP. 28 |
- En el cuerpo de las respuestas HTTP se refleje información introducida por el solicitante. 29 |
- En el cuerpo de las respuestas HTTP se reflejen claves secretas como tokens CSRF. 30 |
- Próxima generación inalámbrica (5G). 31 |
- Thunderbolt 2. 32 |
- USB 3.1 (10Gbps). 33 |
- Nueva generación de conectores ópticos MXC (hasta 1.6Tbps de velocidad de transferencia). 34 |
- Soluciones de manejo de volumenes grandes de data. 35 |
- Soluciones OpenStack. 36 |
- Memoria DDR4 37 |
- Y mucho más… 38 |
- , or
.
8 | .list-group {
9 | // No need to set list-style: none; since .list-group-item is block level
10 | margin-bottom: 20px;
11 | padding-left: 0; // reset padding because ul and ol
12 | }
13 |
14 | // Individual list items
15 | // -------------------------
16 |
17 | .list-group-item {
18 | position: relative;
19 | display: block;
20 | padding: 10px 15px;
21 | // Place the border on the list items and negative margin up for better styling
22 | margin-bottom: -1px;
23 | background-color: $list-group-bg;
24 | border: 1px solid $list-group-border;
25 |
26 | // Round the first and last items
27 | &:first-child {
28 | @include border-top-radius($list-group-border-radius);
29 | }
30 | &:last-child {
31 | margin-bottom: 0;
32 | @include border-bottom-radius($list-group-border-radius);
33 | }
34 |
35 | // Align badges within list items
36 | > .badge {
37 | float: right;
38 | }
39 | > .badge + .badge {
40 | margin-right: 5px;
41 | }
42 | }
43 |
44 | // Linked list items
45 | a.list-group-item {
46 | color: $list-group-link-color;
47 |
48 | .list-group-item-heading {
49 | color: $list-group-link-heading-color;
50 | }
51 |
52 | // Hover state
53 | &:hover,
54 | &:focus {
55 | text-decoration: none;
56 | background-color: $list-group-hover-bg;
57 | }
58 |
59 | // Active class on item itself, not parent
60 | &.active,
61 | &.active:hover,
62 | &.active:focus {
63 | z-index: 2; // Place active items above their siblings for proper border styling
64 | color: $list-group-active-color;
65 | background-color: $list-group-active-bg;
66 | border-color: $list-group-active-border;
67 |
68 | // Force color to inherit for custom content
69 | .list-group-item-heading {
70 | color: inherit;
71 | }
72 | .list-group-item-text {
73 | color: lighten($list-group-active-bg, 40%);
74 | }
75 | }
76 | }
77 |
78 | // Custom content options
79 | // -------------------------
80 |
81 | .list-group-item-heading {
82 | margin-top: 0;
83 | margin-bottom: 5px;
84 | }
85 | .list-group-item-text {
86 | margin-bottom: 0;
87 | line-height: 1.3;
88 | }
89 |
--------------------------------------------------------------------------------
/_assets/stylesheets/bootstrap/_media.scss:
--------------------------------------------------------------------------------
1 | // Media objects
2 | // Source: http://stubbornella.org/content/?p=497
3 | // --------------------------------------------------
4 |
5 |
6 | // Common styles
7 | // -------------------------
8 |
9 | // Clear the floats
10 | .media,
11 | .media-body {
12 | overflow: hidden;
13 | zoom: 1;
14 | }
15 |
16 | // Proper spacing between instances of .media
17 | .media,
18 | .media .media {
19 | margin-top: 15px;
20 | }
21 | .media:first-child {
22 | margin-top: 0;
23 | }
24 |
25 | // For images and videos, set to block
26 | .media-object {
27 | display: block;
28 | }
29 |
30 | // Reset margins on headings for tighter default spacing
31 | .media-heading {
32 | margin: 0 0 5px;
33 | }
34 |
35 |
36 | // Media image alignment
37 | // -------------------------
38 |
39 | .media {
40 | > .pull-left {
41 | margin-right: 10px;
42 | }
43 | > .pull-right {
44 | margin-left: 10px;
45 | }
46 | }
47 |
48 |
49 | // Media list variation
50 | // -------------------------
51 |
52 | // Undo default ul/ol styles
53 | .media-list {
54 | padding-left: 0;
55 | list-style: none;
56 | }
57 |
--------------------------------------------------------------------------------
/_assets/stylesheets/bootstrap/_modals.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Modals
3 | // --------------------------------------------------
4 |
5 | // .modal-open - body class for killing the scroll
6 | // .modal - container to scroll within
7 | // .modal-dialog - positioning shell for the actual modal
8 | // .modal-content - actual modal w/ bg and corners and shit
9 |
10 | // Kill the scroll on the body
11 | .modal-open {
12 | overflow: hidden;
13 | }
14 |
15 | // Container that the modal scrolls within
16 | .modal {
17 | display: none;
18 | overflow: auto;
19 | overflow-y: scroll;
20 | position: fixed;
21 | top: 0;
22 | right: 0;
23 | bottom: 0;
24 | left: 0;
25 | z-index: $zindex-modal-background;
26 |
27 | // When fading in the modal, animate it to slide down
28 | &.fade .modal-dialog {
29 | @include translate(0, -25%);
30 | @include transition-transform(0.3s ease-out);
31 | }
32 | &.in .modal-dialog { @include translate(0, 0)}
33 | }
34 |
35 | // Shell div to position the modal with bottom padding
36 | .modal-dialog {
37 | position: relative;
38 | width: auto;
39 | margin: 10px;
40 | z-index: ($zindex-modal-background + 10);
41 | }
42 |
43 | // Actual modal
44 | .modal-content {
45 | position: relative;
46 | background-color: $modal-content-bg;
47 | border: 1px solid $modal-content-fallback-border-color; //old browsers fallback (ie8 etc)
48 | border: 1px solid $modal-content-border-color;
49 | border-radius: $border-radius-large;
50 | @include box-shadow(0 3px 9px rgba(0,0,0,.5));
51 | background-clip: padding-box;
52 | // Remove focus outline from opened modal
53 | outline: none;
54 | }
55 |
56 | // Modal background
57 | .modal-backdrop {
58 | position: fixed;
59 | top: 0;
60 | right: 0;
61 | bottom: 0;
62 | left: 0;
63 | z-index: ($zindex-modal-background - 10);
64 | background-color: $modal-backdrop-bg;
65 | // Fade for backdrop
66 | &.fade { @include opacity(0); }
67 | &.in { @include opacity(.5); }
68 | }
69 |
70 | // Modal header
71 | // Top section of the modal w/ title and dismiss
72 | .modal-header {
73 | padding: $modal-title-padding;
74 | border-bottom: 1px solid $modal-header-border-color;
75 | min-height: ($modal-title-padding + $modal-title-line-height);
76 | }
77 | // Close icon
78 | .modal-header .close {
79 | margin-top: -2px;
80 | }
81 |
82 | // Title text within header
83 | .modal-title {
84 | margin: 0;
85 | line-height: $modal-title-line-height;
86 | }
87 |
88 | // Modal body
89 | // Where all modal content resides (sibling of .modal-header and .modal-footer)
90 | .modal-body {
91 | position: relative;
92 | padding: $modal-inner-padding;
93 | }
94 |
95 | // Footer (for actions)
96 | .modal-footer {
97 | margin-top: 15px;
98 | padding: ($modal-inner-padding - 1) $modal-inner-padding $modal-inner-padding;
99 | text-align: right; // right align buttons
100 | border-top: 1px solid $modal-footer-border-color;
101 | @include clearfix(); // clear it in case folks use .pull-* classes on buttons
102 |
103 | // Properly space out buttons
104 | .btn + .btn {
105 | margin-left: 5px;
106 | margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
107 | }
108 | // but override that for button groups
109 | .btn-group .btn + .btn {
110 | margin-left: -1px;
111 | }
112 | // and override it for block buttons as well
113 | .btn-block + .btn-block {
114 | margin-left: 0;
115 | }
116 | }
117 |
118 | // Scale up the modal
119 | @media screen and (min-width: $screen-sm-min) {
120 |
121 | .modal-dialog {
122 | width: 600px;
123 | margin: 30px auto;
124 | }
125 | .modal-content {
126 | @include box-shadow(0 5px 15px rgba(0,0,0,.5));
127 | }
128 |
129 | }
130 |
--------------------------------------------------------------------------------
/_assets/stylesheets/bootstrap/_pager.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Pager pagination
3 | // --------------------------------------------------
4 |
5 |
6 | .pager {
7 | padding-left: 0;
8 | margin: $line-height-computed 0;
9 | list-style: none;
10 | text-align: center;
11 | @include clearfix();
12 | li {
13 | display: inline;
14 | > a,
15 | > span {
16 | display: inline-block;
17 | padding: 5px 14px;
18 | background-color: $pagination-bg;
19 | border: 1px solid $pagination-border;
20 | border-radius: $pager-border-radius;
21 | }
22 |
23 | > a:hover,
24 | > a:focus {
25 | text-decoration: none;
26 | background-color: $pagination-hover-bg;
27 | }
28 | }
29 |
30 | .next {
31 | > a,
32 | > span {
33 | float: right;
34 | }
35 | }
36 |
37 | .previous {
38 | > a,
39 | > span {
40 | float: left;
41 | }
42 | }
43 |
44 | .disabled {
45 | > a,
46 | > a:hover,
47 | > a:focus,
48 | > span {
49 | color: $pager-disabled-color;
50 | background-color: $pagination-bg;
51 | cursor: not-allowed;
52 | }
53 | }
54 |
55 | }
56 |
--------------------------------------------------------------------------------
/_assets/stylesheets/bootstrap/_pagination.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Pagination (multiple pages)
3 | // --------------------------------------------------
4 | .pagination {
5 | display: inline-block;
6 | padding-left: 0;
7 | margin: $line-height-computed 0;
8 | border-radius: $border-radius-base;
9 |
10 | > li {
11 | display: inline; // Remove list-style and block-level defaults
12 | > a,
13 | > span {
14 | position: relative;
15 | float: left; // Collapse white-space
16 | padding: $padding-base-vertical $padding-base-horizontal;
17 | line-height: $line-height-base;
18 | text-decoration: none;
19 | background-color: $pagination-bg;
20 | border: 1px solid $pagination-border;
21 | margin-left: -1px;
22 | }
23 | &:first-child {
24 | > a,
25 | > span {
26 | margin-left: 0;
27 | @include border-left-radius($border-radius-base);
28 | }
29 | }
30 | &:last-child {
31 | > a,
32 | > span {
33 | @include border-right-radius($border-radius-base);
34 | }
35 | }
36 | }
37 |
38 | > li > a,
39 | > li > span {
40 | &:hover,
41 | &:focus {
42 | background-color: $pagination-hover-bg;
43 | }
44 | }
45 |
46 | > .active > a,
47 | > .active > span {
48 | &,
49 | &:hover,
50 | &:focus {
51 | z-index: 2;
52 | color: $pagination-active-color;
53 | background-color: $pagination-active-bg;
54 | border-color: $pagination-active-bg;
55 | cursor: default;
56 | }
57 | }
58 |
59 | > .disabled {
60 | > span,
61 | > span:hover,
62 | > span:focus,
63 | > a,
64 | > a:hover,
65 | > a:focus {
66 | color: $pagination-disabled-color;
67 | background-color: $pagination-bg;
68 | border-color: $pagination-border;
69 | cursor: not-allowed;
70 | }
71 | }
72 | }
73 |
74 | // Sizing
75 | // --------------------------------------------------
76 |
77 | // Large
78 | .pagination-lg {
79 | @include pagination-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $border-radius-large);
80 | }
81 |
82 | // Small
83 | .pagination-sm {
84 | @include pagination-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $border-radius-small);
85 | }
86 |
--------------------------------------------------------------------------------
/_assets/stylesheets/bootstrap/_popovers.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Popovers
3 | // --------------------------------------------------
4 |
5 |
6 | .popover {
7 | position: absolute;
8 | top: 0;
9 | left: 0;
10 | z-index: $zindex-popover;
11 | display: none;
12 | max-width: $popover-max-width;
13 | padding: 1px;
14 | text-align: left; // Reset given new insertion method
15 | background-color: $popover-bg;
16 | background-clip: padding-box;
17 | border: 1px solid $popover-fallback-border-color;
18 | border: 1px solid $popover-border-color;
19 | border-radius: $border-radius-large;
20 | @include box-shadow(0 5px 10px rgba(0,0,0,.2));
21 |
22 | // Overrides for proper insertion
23 | white-space: normal;
24 |
25 | // Offset the popover to account for the popover arrow
26 | &.top { margin-top: -10px; }
27 | &.right { margin-left: 10px; }
28 | &.bottom { margin-top: 10px; }
29 | &.left { margin-left: -10px; }
30 | }
31 |
32 | .popover-title {
33 | margin: 0; // reset heading margin
34 | padding: 8px 14px;
35 | font-size: $font-size-base;
36 | font-weight: normal;
37 | line-height: 18px;
38 | background-color: $popover-title-bg;
39 | border-bottom: 1px solid darken($popover-title-bg, 5%);
40 | border-radius: 5px 5px 0 0;
41 | }
42 |
43 | .popover-content {
44 | padding: 9px 14px;
45 | }
46 |
47 | // Arrows
48 | //
49 | // .arrow is outer, .arrow:after is inner
50 |
51 | .popover .arrow {
52 | &,
53 | &:after {
54 | position: absolute;
55 | display: block;
56 | width: 0;
57 | height: 0;
58 | border-color: transparent;
59 | border-style: solid;
60 | }
61 | }
62 | .popover .arrow {
63 | border-width: $popover-arrow-outer-width;
64 | }
65 | .popover .arrow:after {
66 | border-width: $popover-arrow-width;
67 | content: "";
68 | }
69 |
70 | .popover {
71 | &.top .arrow {
72 | left: 50%;
73 | margin-left: -$popover-arrow-outer-width;
74 | border-bottom-width: 0;
75 | border-top-color: $popover-arrow-outer-fallback-color; // IE8 fallback
76 | border-top-color: $popover-arrow-outer-color;
77 | bottom: -$popover-arrow-outer-width;
78 | &:after {
79 | content: " ";
80 | bottom: 1px;
81 | margin-left: -$popover-arrow-width;
82 | border-bottom-width: 0;
83 | border-top-color: $popover-arrow-color;
84 | }
85 | }
86 | &.right .arrow {
87 | top: 50%;
88 | left: -$popover-arrow-outer-width;
89 | margin-top: -$popover-arrow-outer-width;
90 | border-left-width: 0;
91 | border-right-color: $popover-arrow-outer-fallback-color; // IE8 fallback
92 | border-right-color: $popover-arrow-outer-color;
93 | &:after {
94 | content: " ";
95 | left: 1px;
96 | bottom: -$popover-arrow-width;
97 | border-left-width: 0;
98 | border-right-color: $popover-arrow-color;
99 | }
100 | }
101 | &.bottom .arrow {
102 | left: 50%;
103 | margin-left: -$popover-arrow-outer-width;
104 | border-top-width: 0;
105 | border-bottom-color: $popover-arrow-outer-fallback-color; // IE8 fallback
106 | border-bottom-color: $popover-arrow-outer-color;
107 | top: -$popover-arrow-outer-width;
108 | &:after {
109 | content: " ";
110 | top: 1px;
111 | margin-left: -$popover-arrow-width;
112 | border-top-width: 0;
113 | border-bottom-color: $popover-arrow-color;
114 | }
115 | }
116 |
117 | &.left .arrow {
118 | top: 50%;
119 | right: -$popover-arrow-outer-width;
120 | margin-top: -$popover-arrow-outer-width;
121 | border-right-width: 0;
122 | border-left-color: $popover-arrow-outer-fallback-color; // IE8 fallback
123 | border-left-color: $popover-arrow-outer-color;
124 | &:after {
125 | content: " ";
126 | right: 1px;
127 | border-right-width: 0;
128 | border-left-color: $popover-arrow-color;
129 | bottom: -$popover-arrow-width;
130 | }
131 | }
132 |
133 | }
134 |
--------------------------------------------------------------------------------
/_assets/stylesheets/bootstrap/_print.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Basic print styles
3 | // --------------------------------------------------
4 | // Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
5 |
6 | @media print {
7 |
8 | * {
9 | text-shadow: none !important;
10 | color: #000 !important; // Black prints faster: h5bp.com/s
11 | background: transparent !important;
12 | box-shadow: none !important;
13 | }
14 |
15 | a,
16 | a:visited {
17 | text-decoration: underline;
18 | }
19 |
20 | a[href]:after {
21 | content: " (" attr(href) ")";
22 | }
23 |
24 | abbr[title]:after {
25 | content: " (" attr(title) ")";
26 | }
27 |
28 | // Don't show links for images, or javascript/internal links
29 | a[href^="javascript:"]:after,
30 | a[href^="#"]:after {
31 | content: "";
32 | }
33 |
34 | pre,
35 | blockquote {
36 | border: 1px solid #999;
37 | page-break-inside: avoid;
38 | }
39 |
40 | thead {
41 | display: table-header-group; // h5bp.com/t
42 | }
43 |
44 | tr,
45 | img {
46 | page-break-inside: avoid;
47 | }
48 |
49 | img {
50 | max-width: 100% !important;
51 | }
52 |
53 | @page {
54 | margin: 2cm .5cm;
55 | }
56 |
57 | p,
58 | h2,
59 | h3 {
60 | orphans: 3;
61 | widows: 3;
62 | }
63 |
64 | h2,
65 | h3 {
66 | page-break-after: avoid;
67 | }
68 |
69 | // Chrome (OSX) fix for https://github.com/twbs/bootstrap/issues/11245
70 | // Once fixed, we can just straight up remove this.
71 | select {
72 | background: #fff !important;
73 | }
74 |
75 | // Bootstrap components
76 | .navbar {
77 | display: none;
78 | }
79 | .table {
80 | td,
81 | th {
82 | background-color: #fff !important;
83 | }
84 | }
85 | .btn,
86 | .dropup > .btn {
87 | > .caret {
88 | border-top-color: #000 !important;
89 | }
90 | }
91 | .label {
92 | border: 1px solid #000;
93 | }
94 |
95 | .table {
96 | border-collapse: collapse !important;
97 | }
98 | .table-bordered {
99 | th,
100 | td {
101 | border: 1px solid #ddd !important;
102 | }
103 | }
104 |
105 | }
106 |
--------------------------------------------------------------------------------
/_assets/stylesheets/bootstrap/_progress-bars.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Progress bars
3 | // --------------------------------------------------
4 |
5 |
6 | // Bar animations
7 | // -------------------------
8 |
9 | // WebKit
10 | @-webkit-keyframes progress-bar-stripes {
11 | from { background-position: 40px 0; }
12 | to { background-position: 0 0; }
13 | }
14 |
15 | // Spec and IE10+
16 | @keyframes progress-bar-stripes {
17 | from { background-position: 40px 0; }
18 | to { background-position: 0 0; }
19 | }
20 |
21 |
22 |
23 | // Bar itself
24 | // -------------------------
25 |
26 | // Outer container
27 | .progress {
28 | overflow: hidden;
29 | height: $line-height-computed;
30 | margin-bottom: $line-height-computed;
31 | background-color: $progress-bg;
32 | border-radius: $border-radius-base;
33 | @include box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
34 | }
35 |
36 | // Bar of progress
37 | .progress-bar {
38 | float: left;
39 | width: 0%;
40 | height: 100%;
41 | font-size: $font-size-small;
42 | line-height: $line-height-computed;
43 | color: $progress-bar-color;
44 | text-align: center;
45 | background-color: $progress-bar-bg;
46 | @include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
47 | @include transition(width .6s ease);
48 | }
49 |
50 | // Striped bars
51 | .progress-striped .progress-bar {
52 | @include gradient-striped();
53 | background-size: 40px 40px;
54 | }
55 |
56 | // Call animation for the active one
57 | .progress.active .progress-bar {
58 | @include animation(progress-bar-stripes 2s linear infinite);
59 | }
60 |
61 |
62 |
63 | // Variations
64 | // -------------------------
65 |
66 | .progress-bar-success {
67 | @include progress-bar-variant($progress-bar-success-bg);
68 | }
69 |
70 | .progress-bar-info {
71 | @include progress-bar-variant($progress-bar-info-bg);
72 | }
73 |
74 | .progress-bar-warning {
75 | @include progress-bar-variant($progress-bar-warning-bg);
76 | }
77 |
78 | .progress-bar-danger {
79 | @include progress-bar-variant($progress-bar-danger-bg);
80 | }
81 |
--------------------------------------------------------------------------------
/_assets/stylesheets/bootstrap/_scaffolding.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Scaffolding
3 | // --------------------------------------------------
4 |
5 |
6 | // Reset the box-sizing
7 |
8 | *,
9 | *:before,
10 | *:after {
11 | @include box-sizing(border-box);
12 | }
13 |
14 |
15 | // Body reset
16 |
17 | html {
18 | font-size: 62.5%;
19 | -webkit-tap-highlight-color: rgba(0,0,0,0);
20 | }
21 |
22 | body {
23 | font-family: $font-family-base;
24 | font-size: $font-size-base;
25 | line-height: $line-height-base;
26 | color: $text-color;
27 | background-color: $body-bg;
28 | }
29 |
30 | // Reset fonts for relevant elements
31 | input,
32 | button,
33 | select,
34 | textarea {
35 | font-family: inherit;
36 | font-size: inherit;
37 | line-height: inherit;
38 | }
39 |
40 |
41 | // Links
42 |
43 | a {
44 | color: $link-color;
45 | text-decoration: none;
46 |
47 | &:hover,
48 | &:focus {
49 | color: $link-hover-color;
50 | text-decoration: underline;
51 | }
52 |
53 | &:focus {
54 | @include tab-focus();
55 | }
56 | }
57 |
58 |
59 | // Images
60 |
61 | img {
62 | vertical-align: middle;
63 | }
64 |
65 | // Responsive images (ensure images don't scale beyond their parents)
66 | .img-responsive {
67 | @include img-responsive();
68 | }
69 |
70 | // Rounded corners
71 | .img-rounded {
72 | border-radius: $border-radius-large;
73 | }
74 |
75 | // Image thumbnails
76 | //
77 | // Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`.
78 | .img-thumbnail {
79 | padding: $thumbnail-padding;
80 | line-height: $line-height-base;
81 | background-color: $thumbnail-bg;
82 | border: 1px solid $thumbnail-border;
83 | border-radius: $thumbnail-border-radius;
84 | @include transition(all .2s ease-in-out);
85 |
86 | // Keep them at most 100% wide
87 | @include img-responsive(inline-block);
88 | }
89 |
90 | // Perfect circle
91 | .img-circle {
92 | border-radius: 50%; // set radius in percents
93 | }
94 |
95 |
96 | // Horizontal rules
97 |
98 | hr {
99 | margin-top: $line-height-computed;
100 | margin-bottom: $line-height-computed;
101 | border: 0;
102 | border-top: 1px solid $hr-border;
103 | }
104 |
105 |
106 | // Only display content to screen readers
107 | //
108 | // See: http://a11yproject.com/posts/how-to-hide-content/
109 |
110 | .sr-only {
111 | position: absolute;
112 | width: 1px;
113 | height: 1px;
114 | margin: -1px;
115 | padding: 0;
116 | overflow: hidden;
117 | clip: rect(0,0,0,0);
118 | border: 0;
119 | }
120 |
--------------------------------------------------------------------------------
/_assets/stylesheets/bootstrap/_thumbnails.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Thumbnails
3 | // --------------------------------------------------
4 |
5 |
6 | // Mixin and adjust the regular image class
7 | .thumbnail {
8 | display: block;
9 | padding: $thumbnail-padding;
10 | margin-bottom: $line-height-computed;
11 | line-height: $line-height-base;
12 | background-color: $thumbnail-bg;
13 | border: 1px solid $thumbnail-border;
14 | border-radius: $thumbnail-border-radius;
15 | @include transition(all .2s ease-in-out);
16 |
17 | > img,
18 | a > img {
19 | @include img-responsive();
20 | margin-left: auto;
21 | margin-right: auto;
22 | }
23 |
24 | // [converter] extracted a&:hover, a&:focus, a&.active to a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active
25 |
26 | // Image captions
27 | .caption {
28 | padding: $thumbnail-caption-padding;
29 | color: $thumbnail-caption-color;
30 | }
31 | }
32 |
33 | // Add a hover state for linked versions only
34 | a.thumbnail:hover,
35 | a.thumbnail:focus,
36 | a.thumbnail.active {
37 | border-color: $link-color;
38 | }
39 |
--------------------------------------------------------------------------------
/_assets/stylesheets/bootstrap/_tooltip.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Tooltips
3 | // --------------------------------------------------
4 |
5 |
6 | // Base class
7 | .tooltip {
8 | position: absolute;
9 | z-index: $zindex-tooltip;
10 | display: block;
11 | visibility: visible;
12 | font-size: $font-size-small;
13 | line-height: 1.4;
14 | @include opacity(0);
15 |
16 | &.in { @include opacity(.9); }
17 | &.top { margin-top: -3px; padding: $tooltip-arrow-width 0; }
18 | &.right { margin-left: 3px; padding: 0 $tooltip-arrow-width; }
19 | &.bottom { margin-top: 3px; padding: $tooltip-arrow-width 0; }
20 | &.left { margin-left: -3px; padding: 0 $tooltip-arrow-width; }
21 | }
22 |
23 | // Wrapper for the tooltip content
24 | .tooltip-inner {
25 | max-width: $tooltip-max-width;
26 | padding: 3px 8px;
27 | color: $tooltip-color;
28 | text-align: center;
29 | text-decoration: none;
30 | background-color: $tooltip-bg;
31 | border-radius: $border-radius-base;
32 | }
33 |
34 | // Arrows
35 | .tooltip-arrow {
36 | position: absolute;
37 | width: 0;
38 | height: 0;
39 | border-color: transparent;
40 | border-style: solid;
41 | }
42 | .tooltip {
43 | &.top .tooltip-arrow {
44 | bottom: 0;
45 | left: 50%;
46 | margin-left: -$tooltip-arrow-width;
47 | border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
48 | border-top-color: $tooltip-arrow-color;
49 | }
50 | &.top-left .tooltip-arrow {
51 | bottom: 0;
52 | left: $tooltip-arrow-width;
53 | border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
54 | border-top-color: $tooltip-arrow-color;
55 | }
56 | &.top-right .tooltip-arrow {
57 | bottom: 0;
58 | right: $tooltip-arrow-width;
59 | border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
60 | border-top-color: $tooltip-arrow-color;
61 | }
62 | &.right .tooltip-arrow {
63 | top: 50%;
64 | left: 0;
65 | margin-top: -$tooltip-arrow-width;
66 | border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0;
67 | border-right-color: $tooltip-arrow-color;
68 | }
69 | &.left .tooltip-arrow {
70 | top: 50%;
71 | right: 0;
72 | margin-top: -$tooltip-arrow-width;
73 | border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width;
74 | border-left-color: $tooltip-arrow-color;
75 | }
76 | &.bottom .tooltip-arrow {
77 | top: 0;
78 | left: 50%;
79 | margin-left: -$tooltip-arrow-width;
80 | border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
81 | border-bottom-color: $tooltip-arrow-color;
82 | }
83 | &.bottom-left .tooltip-arrow {
84 | top: 0;
85 | left: $tooltip-arrow-width;
86 | border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
87 | border-bottom-color: $tooltip-arrow-color;
88 | }
89 | &.bottom-right .tooltip-arrow {
90 | top: 0;
91 | right: $tooltip-arrow-width;
92 | border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
93 | border-bottom-color: $tooltip-arrow-color;
94 | }
95 | }
96 |
--------------------------------------------------------------------------------
/_assets/stylesheets/bootstrap/_utilities.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Utility classes
3 | // --------------------------------------------------
4 |
5 |
6 | // Floats
7 | // -------------------------
8 |
9 | .clearfix {
10 | @include clearfix();
11 | }
12 | .center-block {
13 | @include center-block();
14 | }
15 | .pull-right {
16 | float: right !important;
17 | }
18 | .pull-left {
19 | float: left !important;
20 | }
21 |
22 |
23 | // Toggling content
24 | // -------------------------
25 |
26 | // Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1
27 | .hide {
28 | display: none !important;
29 | }
30 | .show {
31 | display: block !important;
32 | }
33 | .invisible {
34 | visibility: hidden;
35 | }
36 | .text-hide {
37 | @include text-hide();
38 | }
39 |
40 |
41 | // Hide from screenreaders and browsers
42 | //
43 | // Credit: HTML5 Boilerplate
44 |
45 | .hidden {
46 | display: none !important;
47 | visibility: hidden !important;
48 | }
49 |
50 |
51 | // For Affix plugin
52 | // -------------------------
53 |
54 | .affix {
55 | position: fixed;
56 | }
57 |
--------------------------------------------------------------------------------
/_assets/stylesheets/bootstrap/_wells.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Wells
3 | // --------------------------------------------------
4 |
5 |
6 | // Base class
7 | .well {
8 | min-height: 20px;
9 | padding: 19px;
10 | margin-bottom: 20px;
11 | background-color: $well-bg;
12 | border: 1px solid darken($well-bg, 7%);
13 | border-radius: $border-radius-base;
14 | @include box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
15 | blockquote {
16 | border-color: #ddd;
17 | border-color: rgba(0,0,0,.15);
18 | }
19 | }
20 |
21 | // Sizes
22 | .well-lg {
23 | padding: 24px;
24 | border-radius: $border-radius-large;
25 | }
26 | .well-sm {
27 | padding: 9px;
28 | border-radius: $border-radius-small;
29 | }
30 |
--------------------------------------------------------------------------------
/_assets/stylesheets/font-awesome/_bootstrap.scss:
--------------------------------------------------------------------------------
1 | /* BOOTSTRAP SPECIFIC CLASSES
2 | * -------------------------- */
3 |
4 | /* Bootstrap 2.0 sprites.less reset */
5 | [class^="icon-"],
6 | [class*=" icon-"] {
7 | display: inline;
8 | width: auto;
9 | height: auto;
10 | margin-top: 0;
11 | line-height: normal;
12 | vertical-align: baseline;
13 | background-image: none;
14 | background-position: 0 0;
15 | background-repeat: repeat;
16 | }
17 |
18 | /* more sprites.less reset */
19 | .icon-white,
20 | .nav-pills > .active > a > [class^="icon-"],
21 | .nav-pills > .active > a > [class*=" icon-"],
22 | .nav-list > .active > a > [class^="icon-"],
23 | .nav-list > .active > a > [class*=" icon-"],
24 | .navbar-inverse .nav > .active > a > [class^="icon-"],
25 | .navbar-inverse .nav > .active > a > [class*=" icon-"],
26 | .dropdown-menu > li > a:hover > [class^="icon-"],
27 | .dropdown-menu > li > a:hover > [class*=" icon-"],
28 | .dropdown-menu > .active > a > [class^="icon-"],
29 | .dropdown-menu > .active > a > [class*=" icon-"],
30 | .dropdown-submenu:hover > a > [class^="icon-"],
31 | .dropdown-submenu:hover > a > [class*=" icon-"] {
32 | background-image: none;
33 | }
34 |
35 |
36 | /* keeps Bootstrap styles with and without icons the same */
37 | .btn, .nav {
38 | [class^="icon-"],
39 | [class*=" icon-"] {
40 | // display: inline;
41 | &.icon-large { line-height: .9em; }
42 | &.icon-spin { display: inline-block; }
43 | }
44 | }
45 | .nav-tabs, .nav-pills {
46 | [class^="icon-"],
47 | [class*=" icon-"] {
48 | &, &.icon-large { line-height: .9em; }
49 | }
50 | }
51 | .btn {
52 | [class^="icon-"],
53 | [class*=" icon-"] {
54 | &.pull-left, &.pull-right {
55 | &.icon-2x { margin-top: .18em; }
56 | }
57 | &.icon-spin.icon-large { line-height: .8em; }
58 | }
59 | }
60 | .btn.btn-small {
61 | [class^="icon-"],
62 | [class*=" icon-"] {
63 | &.pull-left, &.pull-right {
64 | &.icon-2x { margin-top: .25em; }
65 | }
66 | }
67 | }
68 | .btn.btn-large {
69 | [class^="icon-"],
70 | [class*=" icon-"] {
71 | margin-top: 0; // overrides bootstrap default
72 | &.pull-left, &.pull-right {
73 | &.icon-2x { margin-top: .05em; }
74 | }
75 | &.pull-left.icon-2x { margin-right: .2em; }
76 | &.pull-right.icon-2x { margin-left: .2em; }
77 | }
78 | }
79 |
80 | /* Fixes alignment in nav lists */
81 | .nav-list [class^="icon-"],
82 | .nav-list [class*=" icon-"] {
83 | line-height: inherit;
84 | }
85 |
--------------------------------------------------------------------------------
/_assets/stylesheets/font-awesome/_bordered-pulled.scss:
--------------------------------------------------------------------------------
1 | // Bordered & Pulled
2 | // -------------------------
3 |
4 | .#{$fa-css-prefix}-border {
5 | padding: .2em .25em .15em;
6 | border: solid .08em $fa-border-color;
7 | border-radius: .1em;
8 | }
9 |
10 | .pull-right { float: right; }
11 | .pull-left { float: left; }
12 |
13 | .#{$fa-css-prefix} {
14 | &.pull-left { margin-right: .3em; }
15 | &.pull-right { margin-left: .3em; }
16 | }
17 |
--------------------------------------------------------------------------------
/_assets/stylesheets/font-awesome/_core.scss:
--------------------------------------------------------------------------------
1 | // Base Class Definition
2 | // -------------------------
3 |
4 | .#{$fa-css-prefix} {
5 | display: inline-block;
6 | font-family: FontAwesome;
7 | font-style: normal;
8 | font-weight: normal;
9 | line-height: 1;
10 | -webkit-font-smoothing: antialiased;
11 | -moz-osx-font-smoothing: grayscale;
12 | }
13 |
--------------------------------------------------------------------------------
/_assets/stylesheets/font-awesome/_extras.scss:
--------------------------------------------------------------------------------
1 | /* EXTRAS
2 | * -------------------------- */
3 |
4 | /* Stacked and layered icon */
5 |
6 | /* Animated rotating icon */
7 | .#{$fa-css-prefix}-spin {
8 | -webkit-animation: spin 2s infinite linear;
9 | -moz-animation: spin 2s infinite linear;
10 | -o-animation: spin 2s infinite linear;
11 | animation: spin 2s infinite linear;
12 | }
13 |
14 | @-moz-keyframes spin {
15 | 0% { -moz-transform: rotate(0deg); }
16 | 100% { -moz-transform: rotate(359deg); }
17 | }
18 | @-webkit-keyframes spin {
19 | 0% { -webkit-transform: rotate(0deg); }
20 | 100% { -webkit-transform: rotate(359deg); }
21 | }
22 | @-o-keyframes spin {
23 | 0% { -o-transform: rotate(0deg); }
24 | 100% { -o-transform: rotate(359deg); }
25 | }
26 | @-ms-keyframes spin {
27 | 0% { -ms-transform: rotate(0deg); }
28 | 100% { -ms-transform: rotate(359deg); }
29 | }
30 | @keyframes spin {
31 | 0% { transform: rotate(0deg); }
32 | 100% { transform: rotate(359deg); }
33 | }
34 |
35 |
36 | // Icon rotations & flipping
37 | // -------------------------
38 |
39 | .#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
40 | .#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
41 | .#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
42 |
43 | .#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
44 | .#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
45 |
--------------------------------------------------------------------------------
/_assets/stylesheets/font-awesome/_fixed-width.scss:
--------------------------------------------------------------------------------
1 | // Fixed Width Icons
2 | // -------------------------
3 | .#{$fa-css-prefix}-fw {
4 | width: (18em / 14);
5 | text-align: center;
6 | }
7 |
--------------------------------------------------------------------------------
/_assets/stylesheets/font-awesome/_font-awesome.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Font Awesome 4.0.1
3 | * the iconic font designed for Bootstrap
4 | * ------------------------------------------------------------------------------
5 | * The full suite of pictographic icons, examples, and documentation can be
6 | * found at http://fontawesome.io. Stay up to date on Twitter at
7 | * http://twitter.com/fontawesome.
8 | *
9 | * License
10 | * ------------------------------------------------------------------------------
11 | * - The Font Awesome font is licensed under SIL OFL 1.1 -
12 | * http://scripts.sil.org/OFL
13 | * - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
14 | * http://opensource.org/licenses/mit-license.html
15 | * - Font Awesome documentation licensed under CC BY 3.0 -
16 | * http://creativecommons.org/licenses/by/3.0/
17 | * - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
18 | * "Font Awesome by Dave Gandy - http://fontawesome.io"
19 | *
20 | * Author - Dave Gandy
21 | * ------------------------------------------------------------------------------
22 | * Email: dave@fontawesome.io
23 | * Twitter: http://twitter.com/davegandy
24 | * Work: Lead Product Designer @ Kyruus - http://kyruus.com
25 | */
26 |
27 | @import "font-awesome/variables";
28 | @import "font-awesome/mixins";
29 | // @import "font-awesome/path";
30 | @import "font-awesome/core";
31 | @import "font-awesome/larger";
32 | @import "font-awesome/fixed-width";
33 | @import "font-awesome/list";
34 | @import "font-awesome/bordered-pulled";
35 | @import "font-awesome/spinning";
36 | @import "font-awesome/rotated-flipped";
37 | @import "font-awesome/stacked";
38 | @import "font-awesome/icons";
39 |
--------------------------------------------------------------------------------
/_assets/stylesheets/font-awesome/_larger.scss:
--------------------------------------------------------------------------------
1 | // Icon Sizes
2 | // -------------------------
3 |
4 | /* makes the font 33% larger relative to the icon container */
5 | .#{$fa-css-prefix}-lg {
6 | font-size: (4em / 3);
7 | line-height: (3em / 4);
8 | vertical-align: -15%;
9 | }
10 | .#{$fa-css-prefix}-2x { font-size: 2em; }
11 | .#{$fa-css-prefix}-3x { font-size: 3em; }
12 | .#{$fa-css-prefix}-4x { font-size: 4em; }
13 | .#{$fa-css-prefix}-5x { font-size: 5em; }
14 |
--------------------------------------------------------------------------------
/_assets/stylesheets/font-awesome/_list.scss:
--------------------------------------------------------------------------------
1 | // List Icons
2 | // -------------------------
3 |
4 | .#{$fa-css-prefix}-ul {
5 | padding-left: 0;
6 | margin-left: $fa-li-width;
7 | list-style-type: none;
8 | > li { position: relative; }
9 | }
10 | .#{$fa-css-prefix}-li {
11 | position: absolute;
12 | left: -$fa-li-width;
13 | width: $fa-li-width;
14 | top: (2em / 14);
15 | text-align: center;
16 | &.#{$fa-css-prefix}-lg {
17 | left: -$fa-li-width + (4em / 14);
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/_assets/stylesheets/font-awesome/_mixins.scss:
--------------------------------------------------------------------------------
1 | // Mixins
2 | // --------------------------
3 |
4 | @mixin fa-icon-rotate($degrees, $rotation) {
5 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
6 | -webkit-transform: rotate($degrees);
7 | -moz-transform: rotate($degrees);
8 | -ms-transform: rotate($degrees);
9 | -o-transform: rotate($degrees);
10 | transform: rotate($degrees);
11 | }
12 |
13 | @mixin fa-icon-flip($horiz, $vert, $rotation) {
14 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
15 | -webkit-transform: scale($horiz, $vert);
16 | -moz-transform: scale($horiz, $vert);
17 | -ms-transform: scale($horiz, $vert);
18 | -o-transform: scale($horiz, $vert);
19 | transform: scale($horiz, $vert);
20 | }
21 |
--------------------------------------------------------------------------------
/_assets/stylesheets/font-awesome/_path.scss:
--------------------------------------------------------------------------------
1 | /* FONT PATH
2 | * -------------------------- */
3 |
4 | @font-face {
5 | font-family: 'FontAwesome';
6 | src: font-url('fontawesome-webfont.eot?v=#{$fa-version}');
7 | src: font-url('fontawesome-webfont.eot?v=#{$fa-version}#iefix') format('embedded-opentype'),
8 | font-url('fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
9 | font-url('fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
10 | font-url('fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
11 | font-weight: normal;
12 | font-style: normal;
13 | }
14 |
--------------------------------------------------------------------------------
/_assets/stylesheets/font-awesome/_rotated-flipped.scss:
--------------------------------------------------------------------------------
1 | // Rotated & Flipped Icons
2 | // -------------------------
3 |
4 | .#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
5 | .#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
6 | .#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
7 |
8 | .#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
9 | .#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
10 |
--------------------------------------------------------------------------------
/_assets/stylesheets/font-awesome/_spinning.scss:
--------------------------------------------------------------------------------
1 | // Spinning Icons
2 | // --------------------------
3 |
4 | .#{$fa-css-prefix}-spin {
5 | -webkit-animation: spin 2s infinite linear;
6 | -moz-animation: spin 2s infinite linear;
7 | -o-animation: spin 2s infinite linear;
8 | animation: spin 2s infinite linear;
9 | }
10 |
11 | @-moz-keyframes spin {
12 | 0% { -moz-transform: rotate(0deg); }
13 | 100% { -moz-transform: rotate(359deg); }
14 | }
15 | @-webkit-keyframes spin {
16 | 0% { -webkit-transform: rotate(0deg); }
17 | 100% { -webkit-transform: rotate(359deg); }
18 | }
19 | @-o-keyframes spin {
20 | 0% { -o-transform: rotate(0deg); }
21 | 100% { -o-transform: rotate(359deg); }
22 | }
23 | @-ms-keyframes spin {
24 | 0% { -ms-transform: rotate(0deg); }
25 | 100% { -ms-transform: rotate(359deg); }
26 | }
27 | @keyframes spin {
28 | 0% { transform: rotate(0deg); }
29 | 100% { transform: rotate(359deg); }
30 | }
31 |
--------------------------------------------------------------------------------
/_assets/stylesheets/font-awesome/_stacked.scss:
--------------------------------------------------------------------------------
1 | // Stacked Icons
2 | // -------------------------
3 |
4 | .#{$fa-css-prefix}-stack {
5 | position: relative;
6 | display: inline-block;
7 | width: 2em;
8 | height: 2em;
9 | line-height: 2em;
10 | vertical-align: middle;
11 | }
12 | .#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
13 | position: absolute;
14 | left: 0;
15 | width: 100%;
16 | text-align: center;
17 | }
18 | .#{$fa-css-prefix}-stack-1x { line-height: inherit; }
19 | .#{$fa-css-prefix}-stack-2x { font-size: 2em; }
20 | .#{$fa-css-prefix}-inverse { color: $fa-inverse; }
21 |
--------------------------------------------------------------------------------
/_assets/stylesheets/styles.scss:
--------------------------------------------------------------------------------
1 | // Edit the local variables file to
2 | @import "my-fontawesome-vars";
3 | @import "my-bootstrap-vars";
4 | @import "font-awesome/font-awesome";
5 | @import "bootstrap/bootstrap";
6 | @import "syntax";
7 | @import "main";
8 | @import "posts";
9 | @import "media-queries";
10 |
--------------------------------------------------------------------------------
/_config.yml:
--------------------------------------------------------------------------------
1 | brand:
2 | name: Codehero
3 | facebook: codeheroblog
4 | twitter: codeheroblog
5 | gplus: +CodeheroCo
6 | github: codeheroco
7 | linkedin: Codehero-5108125
8 | email: heroes@codehero.co
9 |
10 | disqus:
11 | shortname: codeheroblog
12 |
13 | analytics:
14 | google: 'UA-41464412-1'
15 |
16 | timezone: America/Caracas
17 | exclude: ['README.md', 'Gemfile', 'Gemfile.lock', 'config.rb', 'Rakefile', 'vendor']
18 | future: false
19 |
20 | permalink: /:title
21 | paginate_path: 'page:num'
22 | paginate: 10
23 |
24 | markdown: redcarpet
25 | pygments: true
26 | redcarpet:
27 | extensions: ["tables"]
28 |
29 | safe: false
30 | host: 0.0.0.0
31 | port: 3000
32 | url: http://codehero.co
33 | baseurl: /
34 |
35 | assets:
36 | dirname: assets
37 | baseurl: /assets/
38 | sources:
39 | - _assets
40 | - _assets/javascript
41 | - _assets/stylesheets
42 | - _assets/images
43 | - _assets/fonts
44 | js_compressor: uglifier
45 | css_compressor: sass
46 | cachebust: none
47 | cache: false
48 | gzip: [ text/css, application/javascript ]
49 | debug: false
50 |
--------------------------------------------------------------------------------
/_data/autores.yml:
--------------------------------------------------------------------------------
1 | - name: Oscar González
2 | github: oscarvgg
3 | facebook: oscarvgg
4 | twitter: oscarvgg
5 | gplus: u/0/115443918407662355306
6 | linkedin: oscarvgg
7 | web: oscarvgg.com
8 | email: oscar@codehero.co
9 | description: Oscar Vicente González Greco es un ingeniero informático de Caracas, Venezuela. Su pasion es el desarrollo de software, principalmente las aplicaciones para dispositivos móviles. Su sed de conocimiento le ha permitido aprender multiples tecnologías tanto móviles como web. En 2013 fundó Codehero junto a sus amigos más cercanos de la universidad, y desde entonces transmite sus conocimientos con tutorías de calidad, aparte de seguir desarrollando el software que siempre ha amado para ayudar a la gente.
10 | thumb: e5ba00202c1353d9ac0782a25270ed42.png
11 | namelink: oscar
12 |
13 | - name: Alberto Grespan
14 | github: albertogg
15 | facebook: alberto.grespan
16 | twitter: albertogg
17 | gplus: u/0/117752778455287442282
18 | web: albertogrespan.com
19 | email: alberto@codehero.co
20 | description: Desarrollador Web, egresado de la Universidad Católica Andrés Bello en Ingeniería en Informática (2013).
21 | thumb: 006ef14fba8fadd40053ecda5039deb2.png
22 | namelink: albertogg
23 |
24 | - name: Carlos Picca
25 | github: carlospicca
26 | facebook: carlos.cerqueirascipione
27 | twitter: CarlosPicca
28 | linkedin: carlospicca
29 | email: carlos@codehero.co
30 | description: Ingeniero informático de Caracas, Venezuela. Su pasión es el desarrollo de software. Su sed de conocimiento le ha permitido aprender múltiples tecnologías tanto móviles como web. En 2013 fundó Codehero junto a sus amigos más cercanos de la universidad, y desde entonces transmite sus conocimientos con tutorías de calidad, aparte de seguir desarrollando el software que siempre ha amado.
31 | thumb: ad516503a11cd5ca435acc9bb6523536.png
32 | namelink: carlos
33 |
34 | - name: Ricardo Sampayo
35 | github: sampayo
36 | facebook: RicardoSampayoS
37 | twitter: ricardosampayo_
38 | linkedin: ricardosampayo
39 | gplus: u/0/114977158609433108968
40 | web: ricardosampayo.com
41 | email: ricardo@codehero.co
42 | description: Ingeniero informático, egresado de la Universidad Católica Andrés Bello (2013).
43 | thumb: 6352c71a03d5b247726deda291af1539.png
44 | namelink: ricardo
45 |
46 | - name: Ramses Velasquez
47 | github: cotufa9
48 | facebook: cotu9
49 | twitter: cotufa9
50 | gplus: u/0/102943042721850153724
51 | email: ramses@codehero.co
52 | description: Ingeniero Informático, fan hasta la muerte del FC Barcelona y apasionado por la programación.
53 | thumb: 2f232fb350c301dc7582295486015cc6.png
54 | namelink: ramses
55 |
56 | - name: Jonathan Wiesel
57 | github: jonathanwiesel
58 | facebook: jonathan.wiesel
59 | twitter: Enf_4eva
60 | gplus: u/0/102516760563802041976
61 | linkedin: jonathanwiesel
62 | web: jonathanwiesel.com
63 | email: jonathan@codehero.co
64 | description: Adicto a la tecnología y amante de los video-juegos.
65 | thumb: 3a9a1ccdf73bd48a3f8c3cf618e73422.png
66 | namelink: jonathan
67 |
--------------------------------------------------------------------------------
/_data/contribuidores.yml:
--------------------------------------------------------------------------------
1 | - name: Mr. Test
2 | github: codeheroblog
3 | facebook: codeheroblog
4 | twitter: codeheroblog
5 | gplus: u/0/114001556421077350451
6 | linkedin: codeheroblog
7 | web: codehero.co
8 | email: heroes@codehero.co
9 | description: Mr. Test es el placeholder de nuestra página de contribuidores, cuando tengamos el primero él tendrá que irse =(
10 | thumb: c8bda21404dda0cdcef8cfa0c34c03de.png
11 | namelink: mrtest
12 |
--------------------------------------------------------------------------------
/_drafts/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeheroco/codehero-static/49b4200545950b7b6a59a0d2a9853b9dc4b575e5/_drafts/.keep
--------------------------------------------------------------------------------
/_includes/ads-section.html:
--------------------------------------------------------------------------------
1 |
2 |
2 |
36 |
--------------------------------------------------------------------------------
/_includes/bottom-post-ad.html:
--------------------------------------------------------------------------------
1 | {{ page.serie}} - {{ page.title }} - CODEHERO
8 | {% else %}
9 | {{ page.title }} - CODEHERO
10 | {% endif %}
11 |
12 | {% if page.description %}
13 |
14 | {% endif %}
15 | {% stylesheet styles %}
16 |
17 |
18 | {% include google-tags.html %}
19 | {{ content }}
20 |
21 |
22 |
23 |
24 |
25 |
26 | {% javascript app %}
27 |
28 |
29 |
--------------------------------------------------------------------------------
/_layouts/series.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: main
3 | ---
4 | {% include page-header.html %}
5 | {{ content }}
6 | {% include page-footer.html %}
7 |
--------------------------------------------------------------------------------
/_plugins/ext.rb:
--------------------------------------------------------------------------------
1 | require "jekyll-assets"
2 |
--------------------------------------------------------------------------------
/_plugins/redcarpet_pygments.rb:
--------------------------------------------------------------------------------
1 | # Replace Jekyll's handling of the Redcarpet code_block (which already adds
2 | # support for highlighting, but needs support for the very non-standard
3 | # "code fences with line highlights" extension).
4 | # Since this is currently depending on Redcarpet to cooperate, we are going to
5 | # be naive, and only allow line highlighting when a language is specified. If
6 | # you don't want any syntax highlighting but want to highlight lines, then you
7 | # need to specify text as your language (or it will break), like:
8 | # ```text{4}
9 |
10 | module Jekyll
11 | module Converters
12 | class Markdown
13 | class RedcarpetParser
14 | module WithPygments
15 | def block_code(code, lang)
16 | require 'pygments'
17 | lang_parts = lang && lang.split('{')
18 | lang = lang_parts && !lang_parts[0].empty? && lang_parts[0] || 'text'
19 | hl_lines = ''
20 | if lang_parts && lang_parts.size >= 2
21 | hl_lines = lang_parts[1].gsub(/[{}]/, '').split(',').map do |ln|
22 | if matches = /(\d+)-(\d+)/.match(ln)
23 | ln = Range.new(matches[1], matches[2]).to_a.join(' ')
24 | end
25 | ln
26 | end.join(' ')
27 | end
28 | output = add_code_tags(
29 | Pygments.highlight(code, lexer: lang, options: { encoding: 'utf-8',
30 | hl_lines: hl_lines,
31 | lineanchors: "line" }),
32 | lang
33 | )
34 | end
35 | end
36 | end
37 | end
38 | end
39 | end
40 |
--------------------------------------------------------------------------------
/_posts/comunidad/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeheroco/codehero-static/49b4200545950b7b6a59a0d2a9853b9dc4b575e5/_posts/comunidad/.keep
--------------------------------------------------------------------------------
/_posts/noticias/2013-06-27-lo-que-no-sabias-del-hombre-que-filtro-el-iphone-4.markdown:
--------------------------------------------------------------------------------
1 | ---
2 | layout: post
3 | status: publish
4 | published: true
5 | title: Lo que no sabías del hombre que filtró el iPhone 4
6 | author: Jonathan Wiesel
7 | author_login: jonathan
8 | author_email: jonathan@codehero.co
9 | author_url: http://jonathanwiesel.com/
10 | date: 2013-06-27 04:00:28.000000000 -04:30
11 | thumbnail: http://i.imgur.com/Ekomvu2.jpg
12 | description: La historia del hombre que filtró el iPhone 4 nos cuenta lo que realmente fue y no lo que todo el mundo pensaba.
13 | categories:
14 | - Artículos
15 | - Notícias
16 | tags:
17 | - iphone
18 | - gizmodo
19 | - leak
20 | - filtro
21 | ---
22 |
22 | 23 |
36 | 37 |
25 | 26 |
22 | 23 |
22 | 23 |
24 | 25 |
33 | 34 |
50 | 51 |
58 | 59 |
32 | 33 |
40 | 41 |
46 | 47 |
52 | 53 |
58 | 59 |
64 | 65 |
6 | CODEHERO
7 |
8 |
9 | {{ site.time | date_to_xmlschema }}
10 | http://codehero.co
11 | http://i.imgur.com/OZ5xRQT.png
12 | {% for post in site.posts limit: 20 %}
13 |
14 | {{ post.title | escape }}
15 |
16 | {{ post.date | date_to_xmlschema }}
17 | http://codehero.co{{ post.id }}
18 |
19 |
21 | 
22 |
23 | ]]>
24 | {% assign paragraphs = post.content | split:'' %}
25 | {% for paragraph in paragraphs limit:1 %}
26 | {{ paragraph | xml_escape }}
27 | {% endfor %}
28 |
29 | {% assign footer = '' %}
30 | {{ footer | xml_escape }}
31 |
32 |
3 |
10 |
--------------------------------------------------------------------------------
/_includes/article-section.html:
--------------------------------------------------------------------------------
1 |
4 |
9 |
5 |
6 |
7 |
8 |
3 | {% if post.serie %}
4 | {% for s in site.data.series %}
5 | {% if post.serie == s.name %}
6 | 
7 | {% endif %}
8 | {% endfor %}
9 | {% elsif post.thumbnail %}
10 |
11 | {% else %}
12 | 
13 | {% endif %}
14 |
15 |
16 |
35 | 17 | {% if post.serie %} 18 | {{ post.serie }}: {{ post.title }} 19 | {% else %} 20 | {{ post.title }} 21 | {% endif %} 22 |
23 | {% unless page.author_name %} 24 | 33 | {% endunless %} 34 |
2 |
9 |
--------------------------------------------------------------------------------
/_includes/disqus.html:
--------------------------------------------------------------------------------
1 |
2 |
13 |
14 | comments powered by Disqus
15 |
--------------------------------------------------------------------------------
/_includes/google-tags.html:
--------------------------------------------------------------------------------
1 |
2 |
4 |
9 |
10 |
--------------------------------------------------------------------------------
/_includes/leaderboard-ad.html:
--------------------------------------------------------------------------------
1 |
3 |
8 |
4 |
5 |
6 |
7 |
2 |
8 |
14 |
--------------------------------------------------------------------------------
/_includes/middle-post-ad.html:
--------------------------------------------------------------------------------
1 |
9 |
13 |
10 |
11 |
12 |
2 |
8 |
--------------------------------------------------------------------------------
/_includes/page-footer.html:
--------------------------------------------------------------------------------
1 |
42 |
--------------------------------------------------------------------------------
/_includes/page-header.html:
--------------------------------------------------------------------------------
1 |
24 |
--------------------------------------------------------------------------------
/_includes/paginator.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
7 |
4 |
5 |
6 |
3 |
64 |
--------------------------------------------------------------------------------
/_includes/share-buttons.html:
--------------------------------------------------------------------------------
1 | {% if page.series_header %}
2 |
7 | {% else %}
8 |
13 | {% endif %}
14 |
--------------------------------------------------------------------------------
/_includes/templates/autor-description.html:
--------------------------------------------------------------------------------
1 | -
4 | {% if paginator.previous_page %}
5 | {% if paginator.previous_page == 1 %}
6 |
2 | 
3 |
4 |
3 |
5 |
9 |
--------------------------------------------------------------------------------
/_includes/templates/autor-detalle.html:
--------------------------------------------------------------------------------
1 | {{ autor.name }}
6 | {% include templates/autor-redes-sociales.html %} 7 |{{ autor.description }}
8 |
2 |
26 |
--------------------------------------------------------------------------------
/_includes/templates/autor-redes-sociales.html:
--------------------------------------------------------------------------------
1 | {% if autor.github %}
2 |
3 |
17 |
19 | {% for post in site.posts %} 20 | {% if post.author == page.author_name %} 21 | {% include article-section.html %} 22 | {% endif %} 23 | {% endfor %} 24 |
25 | Publicaciones
18 |19 | {% for post in site.posts %} 20 | {% if post.author == page.author_name %} 21 | {% include article-section.html %} 22 | {% endif %} 23 | {% endfor %} 24 |
20 |
72 |
--------------------------------------------------------------------------------
/_layouts/default.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: main
3 | ---
4 |
21 |
71 |
22 |
32 | {% assign sorted_pages = site.posts | sort:"name" %} 33 |
70 |
23 |
31 |
24 |
27 | Artículos en esta serie
25 | {{ series_status }} 26 |
28 | {% include share-buttons.html %}
29 |
30 | 32 | {% assign sorted_pages = site.posts | sort:"name" %} 33 |
34 | {% assign counter = -1 %}
35 | {% for post in sorted_pages %}
36 | {% if post.serie contains page.series_header %}
37 | {% assign counter = counter | plus:1 %}
38 | {% assign num_post = counter | modulo:4 %}
39 | {% if num_post == 0 %}
40 |
41 |
42 |
69 |
43 |
44 | 
45 |
52 |
53 | {% else %}
54 | 46 | {{ post.title }} 47 |
48 |49 | Por: {{ post.author }} 50 |
51 |
55 |
56 |
57 |
64 |
65 | {% endif %}
66 | {% endif %}
67 | {% endfor %}
68 | 58 | {{ post.title }} 59 |
60 |61 | Por: {{ post.author }} 62 |
63 |
5 | {% include page-header.html %}
6 |
16 | {% include page-footer.html %}
17 |
18 |
--------------------------------------------------------------------------------
/_layouts/main.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | {% if page.serie %}
7 |
7 |
14 |
15 |
8 |
13 |
9 | {% include leaderboard-ad.html %}
10 | {{ content }}
11 |
12 | Por si no lo sabías o se te había olvidado, en Abril de 2010 un chico de 21 años llamado Brian Hogan encontró en un bar californiano un prototipo del que sería la nueva iteración del iPhone para ese año, el iPhone 4. Poco después Hogan habló de la venta del equipo con el portal tecnológico Gizmodo por una módica suma de $8000, lo demás, como dicen, es historia.
23 | 24 |Todos creeríamos que la suerte de Brian fue envidiable y que quisiéramos haber sido nosotros los afortunados en figurar en los rincones del internet y además haber recibido un pequeño bono por parte de aquellos que sabían como explotar nuestro hallazgo. Esto no es totalmente cierto, la vida del joven fue afectada de manera significativa, como nos comenta en su sesión de preguntas y respuestas en Reddit.
25 | 26 |Brian fue acusado de malversación de propiedad perdida y tuvo que pagar $125, cumplir con 40 horas de servicio comunitario y 1 año bajo libertad condicional.
27 | 28 |Al joven le fue vetada la entrada al bar Gourmet Haus Staudt, el cual probablemente recibió mucha más atención después de los acontecimientos.
29 | 30 |Su vida personal se vio seriamente afectada debido a la avalancha de reporteros fuera de su casa, lo cual lo obligó a él y su familia a quedarse en un hotel. Tuvo que terminar la relación que tenía con su novia de aquel entonces luego de unos meses por haber publicado en Facebook información que lo relacionaba con los hechos.
31 | 32 |Y por si no fuera suficiente, Brian comenta que ni siquiera recibió la suma que le fue prometida por Gizmodo, además de tener que pagarle a un costoso abogado mucho más de lo que esperaba ganar. Su única ganancia fue una buena historia y un poco de fama en el internet.
33 | 34 |Hoy en día Brian es un chico Android, tiene un Galaxy S3 y comenta que si pudiera haber hecho algo diferente hubiese entregado el teléfono al cantinero.
35 | -------------------------------------------------------------------------------- /_posts/noticias/2013-06-28-la-version-de-prueba-de-windows-8-1-ya-esta-disponible.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | status: publish 4 | published: true 5 | title: La versión de prueba de Windows 8.1 ya esta disponible 6 | author: Oscar González 7 | author_login: oscar 8 | author_email: gonzalezgreco@gmail.com 9 | author_url: http://www.oscarvgg.com 10 | date: 2013-06-28 04:30:49.000000000 -04:30 11 | thumbnail: http://i.imgur.com/GLOeJ0Q.png 12 | description: La beta de Windows 8.1 ya esta disponible para su descarga. Hablemos brevemente de las novedades que trae esta versión del sistema operativo de Microsoft. 13 | categories: 14 | - Artículos 15 | - Notícias 16 | tags: 17 | - Windows 18 | --- 19 |Este miércoles 26 de junio, Microsoft presentó las novedades de Windows 8.1 en su keynote de la conferencia Build 2013 y liberó un preview para que lo probemos.
20 | 21 |22 | 23 |
Novedades
24 | 25 |Entre las principales novedades tenemos el regreso del botón inicio. En la versión anterior había sido reemplazado por la pantalla de tiles de Modern UI, ahora el botón aparece nuevamente en la pantalla de escritorio, solo que esta vez no nos mostrará el menú tradicional, sino que nos mostrará esta pantalla de inicio. Habrá que olvidarse ya del menú inicio.
26 | 27 |
El trabajo multitarea también mejora, ahora podemos tener hasta cuatro aplicaciones en la misma pantalla.
30 | 31 |También se incluyeron mejoras para la búsqueda. En esta versión contamos con integración con Skydrive en los resultados aparte de los de la búsqueda en el disco interno y aplicaciones.
32 | 33 |Por el lado de las aplicaciones llegan Flipboard y facebook, pero aun sin fecha de publicación. Y Office con una interfaz adaptada para Modern UI pero para el 2014.
34 | 35 |36 | 37 |
Windows 8.1 puede descargarse desde la Windows Store o directamente desde Windows
38 | -------------------------------------------------------------------------------- /_posts/noticias/2013-07-01-el-retiro-de-google-reader-no-es-la-muerte-del-rss.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | status: publish 4 | published: true 5 | title: El retiro de Google Reader no es la muerte del RSS 6 | author: Jonathan Wiesel 7 | author_login: jonathan 8 | author_email: jonathan@codehero.co 9 | author_url: http://jonathanwiesel.com/ 10 | date: 2013-07-01 00:00:47.000000000 -04:30 11 | thumbnail: http://i.imgur.com/v9hB1TT.png 12 | description: Como fue advertido, el controversial lector de RSS, Google Reader ha dejado de funcionar hoy, 1ero de Julio, y muchos competidores luchan por el puesto... 13 | categories: 14 | - Artículos 15 | - Notícias 16 | tags: 17 | - google reader 18 | - rss 19 | - feedly 20 | - digg 21 | - pulse 22 | - newsblur 23 | --- 24 |25 | 26 |
Hoy, 1ero de Julio, el lector mas controversial de RSS, Google Reader, ha sido oficialmente dado de baja. La razón expuesta hace unos meses por uno de sus ingenieros era tan simple como:
27 | 28 |29 |31 | 32 |…el uso de Google Reader ha decaído y como compañía estamos dirigiendo todas nuestras energías a menos productos. Pensamos que este tipo de enfoque permitirá una mejor experiencia de usuario.
30 |
Poco después del anuncio no tardó en surgir la competencia. Varios lectores de RSS en el mercado trabajaron duro para mejorar sus herramientas y hacerlas lo mas atractivas posible y otros aprovecharon la oportunidad para crear su propia versión que los hiciera distinguirse o simplemente ser lo más parecido al ex-campeón, con la intención de atraer a los migrantes de Google Reader y explotar el resurgimiento del RSS.
33 | 34 |Algunos de los lectores multiplataforma (iOS, Android, Web) que se han destacado son:
35 | 36 |Feedly
37 | 38 |
Digg Reader
41 | 42 |
NewsBlur
45 | 46 |
Pulse
49 | 50 |
¿No quieres perderte ninguna entrada de Codehero? No te preocupes, aquí también tenemos RSS para que lo agregues a tu lector favorito y estés siempre enterado de todo.
53 | -------------------------------------------------------------------------------- /_posts/noticias/2013-07-04-podran-los-gemelos-originarios-de-facebook-impulsar-la-reputacion-de-bitcoin.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | status: publish 4 | published: true 5 | title: ¿Podrán los gemelos "originarios" de Facebook impulsar la reputación de Bitcoin? 6 | author: Jonathan Wiesel 7 | author_login: jonathan 8 | author_email: jonathan@codehero.co 9 | author_url: http://jonathanwiesel.com/ 10 | date: 2013-07-04 01:00:41.000000000 -04:30 11 | thumbnail: http://i.imgur.com/EyV13u1.png 12 | description: Los gemelos Winklevoss han emitido una propuesta ante la Comisión de Valores e Intercambio con el fin de crear un fondo de inversión sustentado por bitcoins 13 | categories: 14 | - Artículos 15 | - Notícias 16 | tags: 17 | - bitcoin 18 | - facebook 19 | - winklevoss 20 | --- 21 |22 | 23 |
Los gemelos Cameron y Tyler Winklevoss, conocidos por haber demandado a Mark Zuckerberg por el supuesto robo de la idea que concibió la creación de Facebook, han emitido una propuesta ante la Comisión de Valores e Intercambio estadounidense con el fin de crear un fondo de inversión basado en el intercambio de acciones sustentadas por nada más y nada menos que bitcoins. Esta propuesta ha sido denominada "La Confianza Bitcoin de los Winklevoss".
24 | 25 |Fue propuesto registrar 1 millón de acciones y que estas se vendieran inicialmente por un valor aproximado de $20 por acción que representaría unos 0.20 bitcoins.
26 | 27 |Los hermanos Winklevoss aseguran poseer alrededor del 1% del monto total de dicha moneda circulando digitalmente, cantidad que logró alcanzar un valor de 11 millones de dolares.
28 | 29 |Para los que el termino bitcoin no les parezca familiar, el bitcoin es una moneda digital un poco inusual creada en 2009 con la intención de crear moneda electrónica segura que no dependa de ningún banco central, gobierno o ente centralizado. Esta moneda se genera sin embargo ha adquirido mala reputación debido a estar involucrada en diversas transacciones ilegales como venta de narcóticos, además de tener un valor real sumamente fluctuante, llegando a alcanzar un precio tan alto como $260/bc en el pasado mes de Abril y bajar bruscamente a $87/bc pocas semanas después.
30 | 31 |De ser aprobada la propuesta sería muy interesante observar las primeras reacciones y el comportamiento del mercado con respecto a esta moneda para determinar si el bitcoin realmente tiene un futuro con mayor participación o si la ambición de los gemelos se vendrá en picada.
32 | -------------------------------------------------------------------------------- /_posts/noticias/2013-07-08-como-el-caso-snowden-cambio-la-vision-del-mundo.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | status: publish 4 | published: true 5 | title: ¿Cómo el caso Snowden cambió la visión del mundo? 6 | author: Jonathan Wiesel 7 | author_login: jonathan 8 | author_email: jonathan@codehero.co 9 | author_url: http://jonathanwiesel.com/ 10 | date: 2013-07-08 01:00:11.000000000 -04:30 11 | thumbnail: http://i.imgur.com/OZ7lE0a.png 12 | description: Ciertamente Edward Snowden ha acaparado los titulares últimamente, pero ¿Qué impacto han tenido realmente sus acciones? 13 | categories: 14 | - Artículos 15 | - Notícias 16 | tags: 17 | - snowden 18 | - nsa 19 | - prism 20 | --- 21 |22 | 23 |
No es novedad que el señor Edward Snowden se encuentre ultimamente en cada esquina del internet, realicemos un pequeño resumen del caso para determinar como ha afectado la manera de pensar de muchas personas.
24 | 25 |Snowden es el afamado personaje responsable de difundir información confidencial respecto a unos programas secretos que llevan a cabo la Agencia Nacional de Seguridad estadounidense (NSA), los controversiales programas de espionaje han sido conocidos como PRISM y Tempora. El ciberespía ejercía como un contratista de la NSA y empleado de la CIA.
26 | 27 |Lo alarmante de la información es el dar a conocer que el gobierno estadounidense tiene acceso las comunicaciones sin necesidad de una orden judicial. Dichos procedimientos estarían apoyados por otras agencias de inteligencia como la británica y alemana. Esto obligó a muchas compañías grandes como Apple, Google, Microsoft y Facebook a pronunciarse y negar su participación en los hechos en los primeros días de la divulgación incluso cuando sus servicios al parecer estarían siendo utilizados por inteligencia para la recolección de datos.
28 | 29 |Entre sus defensores se encuentran el fundador de Wikileaks, Julian Assange, y el equipo legal que protege a dicha compañía, quienes fueron los que lo aconsejaron de buscar el asilo político en otro país.
30 | 31 |El pequeño detalle de la traición de Edward viene basada en que debido a la sensibilidad de la información revelada, ningún país quiere tener nada que ver con lo que se le ha denominado como un traidor global. Solo mandatarios de países como Bolivia, Nicaragua y Venezuela han ofrecido asilo político al joven rechazando la solicitud de extradición en su contra. El presidente ruso también le ofreció asilo; sin embargo resaltó que debería ceder con sus actividades en contra de sus compañeros americanos, lo cual seguramente fue el motivo de Snowden para retirar su solicitud en este país poco tiempo después.
32 | 33 |Edward Snowden viajó de Hawaii a Hong Kong donde realizó su famoso filtrado, luego huyó hacia Moscú y lo último que se supo de él fue acerca de un posible viaje a Bolivia, aparentemente abordando la misma aeronave que su presidente Evo Morales. Snowden es por el momento uno de los personajes más buscados en el mundo y debido a que es rechazado en casi todos los países, muchos creen que es solo cuestión de tiempo antes de que sea encontrado y llevado ante la justicia, lo cual sería un mínimo de 30 años de prisión.
34 | 35 |Viendo la situación de un punto de vista más centralizado, Edward Snowden, para bien o para mal, ha revelado que todo lo que hacemos en internet es monitoreado por agencias de inteligencia, utilizando los servicios comunes de nuestra vida cotidiana como el internet de fibra óptica, el Facebook y el buscador más utilizado en el mundo. Quizás lo que veíamos en las películas no es del todo una fantasía paranoide.
36 | -------------------------------------------------------------------------------- /_posts/noticias/2013-07-11-nuevos-servicios-de-dropbox-llevaran-la-sincronizacion-multiplataforma-a-otro-nivel.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | status: publish 4 | published: true 5 | title: Nuevos servicios de Dropbox llevarán la sincronización multiplataforma a otro nivel 6 | author: Jonathan Wiesel 7 | author_login: jonathan 8 | author_email: jonathan@codehero.co 9 | author_url: http://jonathanwiesel.com/ 10 | date: 2013-07-11 00:00:33.000000000 -04:30 11 | thumbnail: http://i.imgur.com/qxlJdlG.png 12 | description: En la primera conferencia de desarrolladores de Dropbox fueron presentados un par de servicios muy interesante, el Datastore API y los Drop-Ins. 13 | categories: 14 | - Artículos 15 | - Notícias 16 | tags: 17 | - dropbox 18 | - dbx 19 | - datastore 20 | - drop-in 21 | - icloud 22 | --- 23 |24 | 25 |
El pasado martes 9 de Julio se llevó a cabo la primera conferencia de desarrolladores de Dropbox, bautizada como DBX. Fueron presentados como parte de la Plataforma Dropbox un par de servicios muy interesante para iOS, Android y JavaScript, el Datastore API y los Drop-Ins.
26 | 27 |El Datastore API le permitirá a los desarrolladores implementar sincronización de información entre las distintas plataformas y dispositivos de datos como contactos, archivos de salvado de juegos, ítems de listas de compras, etc. Ofrece ventajas de persistencia de información fuera de línea, para en caso de que no haya conexión, los datos sean almacenados localmente y sincronizados al recuperarla. De igual manera la plataforma estará en capacidad de resolver conflictos que se pudieran generar como producto de varias alteraciones de un mismo registro cuando no se tenía conexión. Un enfoque semejante al iCloud de Apple.
28 | 29 |Los Drop-Ins están compuestos de 2 herramientas, una que permitirá un fácil e inmediato acceso a los archivos de Dropbox del usuario llamado Chooser y a su vez un método sencillo para subir archivos directo a la nube mediante el uso de Saver.
30 | 31 |Este es un servicio de sincronización multiplataforma muy importante que ofrece un medio de unificación de la información entre las distintos sistemas operativos y dispositivos. Le facilitarán enormemente el trabajo a los desarrolladores que quieran mantener la uniformidad de los datos en todas las instancias de sus aplicaciones.
32 | 33 |La famosa compañía conocida principalmente por su solución de almacenamiento de archivos en la nube ya posee mas de 175 millones de usuarios, registrando un crecimiento de más del 42% en sólo 8 meses. Además de haber adquirido Mailbox, una exitosa aplicación de correo para iOS en Marzo del presente año, por una módica suma de unos 100 millones de dólares.
34 | -------------------------------------------------------------------------------- /_posts/noticias/2013-07-15-microsoft-traiciona-privacidad-de-usuarios-mientras-que-expertos-en-seguridad-luchan-por-ellos.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | status: publish 4 | published: true 5 | title: Microsoft traiciona privacidad de usuarios mientras que expertos en seguridad luchan por ellos 6 | author: Jonathan Wiesel 7 | author_login: jonathan 8 | author_email: jonathan@codehero.co 9 | author_url: http://jonathanwiesel.com/ 10 | date: 2013-07-15 01:00:35.000000000 -04:30 11 | thumbnail: http://i.imgur.com/LvXpA51.png 12 | description: El diario The Guardian ha desvelado nueva información que acusa a Microsoft de violar la privacidad de los usuarios al cooperar con la NSA. 13 | categories: 14 | - Artículos 15 | - Notícias 16 | tags: 17 | - nsa 18 | - hemlis 19 | - microsoft 20 | --- 21 |El diario británico, The Guardian, ha revelado nueva información acerca de los documentos filtrados por Edward Snowden relacionados con los programas de espionaje llevados a cabo por la NSA.
22 | 23 |En este caso se habla de colaboración por parte del gigante tecnológico, Microsoft, que ha entregado y facilitado información privada referente a conversaciones de chat, audio y video de Skype, archivos alojados en la plataforma SkyDrive y además permitir burlar el cifrado del vórtice de correos de Hotmail y Outlook.
24 | 25 |El artículo completo está disponible en el portal web del diario The Guardian (en inglés).
26 | 27 |Mientras tanto Peter Sundle, experto en seguridad informática y cofundador del famoso portal de búsqueda de torrents, The Pirate Bay, en conjunto con Leif Högberg y Linus Olsson, fundadores de un servicio de micro-donaciones llamado Flattr, se encuentran desarrollando un servicio de mensajería instantánea llamado Hemlis ("secreto" en sueco), el cual aseguran que su información no podrá ser interceptada por los servicios de inteligencia. La fundación del proyecto sobrepasó el objetivo base de $100.000 en menos de un día y al momento de escritura de esta noticia ha llegado a más de un $150.000 siendo avalada por más de 10.000 personas. El servicio será ofrecido mediante una aplicación móvil para Android y iOS de manera gratuita.
28 | 29 |A su vez Kim Dotcom, conocido por ser el fundador de Megaupload y de su sucesor Mega, también se encuentra desarrollando un servicio de mensajería instantánea basada en web que cumpla con el propósito de asegurar la privacidad de los usuarios, y recalca que un servicio de correo electrónico le seguirá. Dotcom mencionó que el servicio de mensajería estaría disponible en un período de 4 a 6 semanas, mientras que el servicio de correo podría estar en el poder del público en unos 6 a 9 meses.
30 | 31 |Con tanto escándalo sobre la falta de privacidad en el internet, DuckDuckGo, un buscador alternativo que asegura ofrecerle mayor seguridad a sus usuarios, ha visto un crecimiento impresionante de tráfico, debido al índice de desconfianza hacia las grandes corporaciones.
32 | 33 |En este momento nuestra información alojada en internet no es completamente privada, muchos estarán de acuerdo y muchos otros no; sin embargo, para aquellos que quieren que si privacidad sea respetada, no debemos olvidar que no están solos.
34 | -------------------------------------------------------------------------------- /_posts/noticias/2013-07-18-google-maps-ios-lo-nuevo-en-la-aplicacion-y-el-sdk.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | status: publish 4 | published: true 5 | title: 'Google Maps iOS: Lo nuevo en la aplicación y el SDK' 6 | author: Jonathan Wiesel 7 | author_login: jonathan 8 | author_email: jonathan@codehero.co 9 | author_url: http://jonathanwiesel.com/ 10 | date: 2013-07-18 00:00:07.000000000 -04:30 11 | thumbnail: http://i.imgur.com/fmmt62W.png 12 | description: La nueva versión de la aplicación de Google Maps para iOS y el mejorado SDK causan múltiples buenas impresiones. Ve todo lo nuevo... 13 | categories: 14 | - Artículos 15 | - Notícias 16 | tags: 17 | - iOS 18 | - sdk 19 | - google 20 | - maps 21 | --- 22 |Hace un par de días salió la nueva versión de Google Maps para iOS, emergiendo al mercado una semana después que su versión Android, como era de esperarse.
23 | 24 |Una de las características más esperadas era el soporte para el iPad, con una experiencia de usuario totalmente renovada y agradable. Descarga la aplicación
25 | 26 |Presenta diversas mejoras significativas en la navegación, lo cual permite recibir retroalimentación en tiempo real de un sin fin de servicios como reportes de tráfico, accidentes, choques, cierre de calles, y mucho más.
27 | 28 |Cómo si fuera poco, se ha llevado la integración de servicios a un nivel que hará que muchos no dejen de abrir la aplicación, un sistema de calificación, reseñas y ofertas que incluye el puntaje y comentarios que se le ha otorgado a cierto lugar por tus amigos, otros visitantes e inclusive contenido experto proporcionado por Zagat, de igual manera se ofrece la opción de chequear las ofertas de los diferentes establecimientos.
29 | 30 |Como es de esperarse del servicio de mapas mas avanzado del momento, está disponible la navegación cruce por cruce guiada por voz, direcciones y horarios de transporte público además de navegación enfocada a vías de ciclismo.
31 | 32 |Para combinar la renovación de su aplicación se ha actualizado el SDK con un par de características bastante interesantes que le permitirán a los desarrolladores sacar mayor provecho de este servicio dentro de sus propias aplicaciones tales como el uso de imágenes de Street View, mapas de interiores (indoor maps) y por supuesto, el renovado look and feel. Más sobre el SDK.
33 | 34 |Por último pero no menos importante, debemos mencionar que la aplicación web de escritorio ha salido de su versión beta y se encuentra disponible para todos los usuarios con su nueva imagen rediseñada y luciendo unas atractivas mejoras en la experiencia de usuario.
35 | -------------------------------------------------------------------------------- /_posts/noticias/2013-07-22-falla-de-seguridad-en-tarjetas-sim-demuestra-vulnerabilidad-en-cientos-de-millones-de-telefonos.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | status: publish 4 | published: true 5 | title: Falla de seguridad en tarjetas SIM demuestra vulnerabilidad en cientos de millones de teléfonos 6 | author: Jonathan Wiesel 7 | author_login: jonathan 8 | author_email: jonathan@codehero.co 9 | author_url: http://jonathanwiesel.com/ 10 | date: 2013-07-22 01:00:32.000000000 -04:30 11 | thumbnail: http://i.imgur.com/EEWd6Vd.png 12 | description: Karsten Nohl, fundador de los Laboratorios de Investigación en Seguridad de Berlín, ha descubierto la manera de hackear remotamente las tarjetas SIM. 13 | categories: 14 | - Artículos 15 | - Notícias 16 | tags: 17 | - sim 18 | - seguridad 19 | - gsm 20 | - nohl 21 | --- 22 |El investigador alemán Karsten Nohl, fundador de los Laboratorios de Investigación en Seguridad de Berlín, ha descubierto la manera de hackear remotamente las tarjetas SIM de diversas compañías que se basan en un viejo estándar denominado DES (inglés para Estandar de Cifrado de Data) que protege la tarjeta con una llave de seguridad de 56 bits.
23 | 24 |El método de Nohl se basa en enviar al objetivo un mensaje SMS con su receta especial y esto desencadena una respuesta automática que revela el código de seguridad. Con este código, Nohl puede hacerse pasar por el dueño del dispositivo y lo cual le permite interceptar mensajes, hacer pagos al proveedor de servicios, acceder a la información que reside en la tarjeta SIM y posiblemente mucho más.
25 | 26 |Aunque Nohl no presentará formalmente su descubrimiento sino hasta la conferencia de seguridad de Black Hat que se llevará a cabo en Las Vegas el 30 de Julio, la situación fue alertada a la Asociación de GSM para que analicen la mejor manera de lidiar con el problema.
27 | -------------------------------------------------------------------------------- /_posts/noticias/2013-07-25-chromecast-nuevo-nexus-7-y-mucho-mas-del-evento-sorpresa-de-google.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | status: publish 4 | published: true 5 | title: Chromecast, nuevo Nexus 7 y mucho más del evento sorpresa de Google 6 | author: Jonathan Wiesel 7 | author_login: jonathan 8 | author_email: jonathan@codehero.co 9 | author_url: http://jonathanwiesel.com/ 10 | date: 2013-07-25 01:00:29.000000000 -04:30 11 | thumbnail: http://i.imgur.com/PuEl3rH.png 12 | description: El pasado martes se llevó a cabo un evento sorpresa de Google, en el cual se desvelaron muchas novedades que fueron recibidas gratamente, repasemos algunas 13 | categories: 14 | - Artículos 15 | - Notícias 16 | tags: 17 | - google 18 | - chromecast 19 | - nexus 20 | - android 21 | --- 22 |El día de ayer en la mañana se llevó a cabo un evento sorpresa de Google, en el cual se revelaron muchas novedades que fueron recibidas muy gratamente, repasemos algunas:
23 | 24 |
Google Chromecast
27 | 28 |Este pequeño dispositivo que se asemeja a una unidad de almacenamiento es en realidad la puerta a la transmisión inalámbrica de contenido a nuestro televisor, conectándose al puerto HDMI podemos transmitir contenido a nuestro TV desde nuestro computador, tableta o teléfono de una manera fácil y realmente económica ya que solo costará unos $35.
29 | 30 |En conjunto se anunció el Google Cast SDK para Android, iOS y Chrome, lo cual le permitirá a los desarrolladores transmitir contenido de sus aplicaciones, e incluso un modo experimental para transmitir ventanas y pestañas completas de Chrome al TV usando el Chromecast.
31 | 32 |33 | 34 |
Android 4.3
37 | 38 |La ultima versión del sistema operativo móvil de Google fue anunciado, algunas de las características que se resaltaron fueron las siguientes:
39 | 40 |-
41 |
Esta versión se encuentra actualmente disponible para la gama Nexus de la compañía (Nexus 4, Nexus 10, Nexus 7 primera generación y Galaxy Nexus).
48 | 49 |50 | 51 |
Google Play Games
54 | 55 |La versión Android de Game Center ya está disponible para su descarga, permite visualizar a tus amigos y tus juegos. Se integra con la funcionalidad de logros que vas obteniendo en cada juego y los ofrece a la posteridad. De igual manera posee tablas de clasificación para que te puedas medir con tus amigos. La aplicación se encuentra basada en el Play Games API y sus servicios revelados en el Google I/O el pasado mes de mayo.
56 | 57 |58 | 59 |
Nexus 7 segunda generación
62 | 63 |Se anunció oficialmente la nueva iteración de la pequeña tableta de Google, hace ya un tiempo que se venían filtrando múltiples imágenes de este dispositivo. Esta sería la tableta de 7 pulgadas con mayor resolución en el mercado, luciendo una pantalla de resolución 1080p, con unos 323 pixeles por pulgada cuadrada, mientras que la generación anterior poseía tan solo 216. Siendo 2 mm más delgada y 50 gramos más ligera que su antecesora, con un procesador Snapdragon de 4 núcleos y 2GB de RAM entre sus poderosas entrañas y un mejorado sistema envolvente de sonido, seguramente será uno de los regalos más codiciados a partir de su lanzamiento en próximo 30 de Julio por $229.
64 | -------------------------------------------------------------------------------- /_posts/noticias/2013-07-29-bootstrap-3-muestra-sus-notorios-cambios-en-version-rc1.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | status: publish 4 | published: true 5 | title: Bootstrap 3 muestra sus notorios cambios en versión RC1 6 | author: Jonathan Wiesel 7 | author_login: jonathan 8 | author_email: jonathan@codehero.co 9 | author_url: http://jonathanwiesel.com/ 10 | date: 2013-07-29 00:00:02.000000000 -04:30 11 | thumbnail: http://i.imgur.com/NKyEqSw.png 12 | description: Este fin de semana el equipo de Bootstrap, el afamado framework de desarrollo web, ha liberado el primer candidato a versión final (RC1) de Bootstrap 3. 13 | categories: 14 | - Artículos 15 | - Notícias 16 | tags: 17 | - bootstrap 18 | - web 19 | - noticia 20 | --- 21 |Este fin de semana el equipo de Bootstrap, el afamado framework de desarrollo web, ha liberado el primer candidato a versión final (RC1) de Bootstrap 3. En vista de que el 1% de todos los sitios que habitan el internet se encuentran basados en Bootstrap, la continuación del desarrollo de este framework era inminente.
22 | 23 |Entre los cambios más sobresalientes se encuentra el enfoque principal hacia las plataformas móviles, resultado de que hoy en día una parte significativa del tráfico en la red proviene de dispositivos móviles y es imperativo actualizar las herramientas. Este enfoque sugiere a los desarrolladores la necesidad de pensar primero en un diseño móvil para luego adaptarlo a grandes pantallas, siguiendo el principio que imparte su framework competidor Foundation 4.
24 | 25 |Para mantenerse a la vanguardia del diseño, Bootstrap 3 posee elementos gráficos con estilo plano o flat, el cual es actualmente el diseño que muchas compañías como Apple, Google y Microsoft han estado adoptando para sus productos.
26 | 27 |Luego de más de 72000 modificaciones, 1600 commits y 300 archivos cambiados, podemos estar seguros que la comunidad ha estado trabajando duro para traernos una nueva versión de la herramienta que vale la pena probar. Puedes seguir el proyecto en su página de Github.
28 | -------------------------------------------------------------------------------- /_posts/noticias/2013-08-01-nsa-en-conferencia-black-hat-2013.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | status: publish 4 | published: true 5 | title: NSA en conferencia Black Hat 2013 6 | author: Jonathan Wiesel 7 | author_login: jonathan 8 | author_email: jonathan@codehero.co 9 | author_url: http://jonathanwiesel.com/ 10 | date: 2013-08-01 00:00:43.000000000 -04:30 11 | thumbnail: http://i.imgur.com/JTFkBpU.png 12 | description: El director de la NSA, el General Keith Alexander, se pronunció en la conferencia Black Hat 2013 USA con respecto a los programas de espionaje. 13 | categories: 14 | - Artículos 15 | - Notícias 16 | tags: 17 | - nsa 18 | - noticia 19 | - black hat 20 | --- 21 |Desde el 27 de Julio hasta hoy se lleva a cabo en Las Vegas, la conferencia más famosa de seguridad informática, la conferencia Black Hat, a la cual acuden cientos de expertos en el tema a exhibir sus capacidades dando a conocer fallas que existen en los sistemas y habiendo logrado explotarlas, demuestran lo que pueden hacer una vez se apoderan de ellos.
22 | 23 |Entre los acontecimientos que se llevan a cabo se pronunció el director de la Agencia de Seguridad Nacional estadounidense (NSA), el General Keith Alexander, con respecto a la información revelada inicialmente por Edward Snowden referente a los programas de espionaje. Reconoció que es un tema muy delicado y que es quizás el problema más grande que afronta el país hoy en día y es por esto que quiso dejar algunos puntos claros.
24 | 25 |26 |28 | 29 |"Estamos para protegerlos… A favor de la libertad"
27 |
Alexander aseguró que los programas de espionaje recolectan información necesaria para identificar actividades ilícitas y terroristas utilizando la menor cantidad posible de data de usuarios, resaltando además que el programa PRISM ayudó a entender e interrumpir 54 actividades terrorista, entre ellas una presunta trama para bombardear el sistema del subterráneo de Nueva York.
30 | 31 |El General reveló además algunos números de interés diciendo que solo 22 personas pertenecientes a la NSA pueden aprobar la búsqueda de información en los sistemas, y que solo 35 analistas están autorizados a ejecutar dichas búsquedas y recalcando que solo 300 números de teléfono fueron aprobados para búsquedas en 2012.
32 | 33 |Sin duda varios miembros del público abuchearon y gritaron en contra de las declaraciones del General Alexander; sin embargo muchos otros parecían simpatizar con él.
34 | 35 |Terminando su pronunciación, el General expresó algunas frases que para muchos resultó en incertidumbre.
36 | 37 |38 |40 | 41 |"Esta es la mayor reunión the talento tecnológico en el mundo… La razón por la que viene aquí fue para pedirles que nos ayuden a hacerlo mejor, y si están en desacuerdo con nosotros entonces deberían ayudarnos el doble"
39 |
Te invitamos a que expreses lo que opinas de la situación, del espionaje, de las declaraciones y comportamiento de la NSA, de Edward Snowden… ¡Siempre con moderación y respeto claro!
42 | -------------------------------------------------------------------------------- /_posts/noticias/2013-08-05-yahoo-suma-a-rockmelt-a-su-lista-de-compras.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | status: publish 4 | published: true 5 | title: Yahoo! suma RockMelt a su lista de compras 6 | author: Jonathan Wiesel 7 | author_login: jonathan 8 | author_email: jonathan@codehero.co 9 | author_url: http://jonathanwiesel.com/ 10 | date: 2013-08-05 00:00:25.000000000 -04:30 11 | thumbnail: http://i.imgur.com/thJIGvY.png 12 | description: Yahoo! ha estado este año en una racha de compra de compañías. Su última adquisición fue anunciada el pasado viernes 2 de Agosto por la empresa RockMelt. 13 | categories: 14 | - Artículos 15 | - Notícias 16 | tags: 17 | - yahoo 18 | - rockmelt 19 | --- 20 |Uno de los viejos competidores de Google ha estado este año en una racha de compra de compañías con el propósito de mejorar los servicios que ofrece, este año ya ha adquirido un total de 18 compañías, entre ellas Tumblr, la famosa empresa de blogs por la cual pagó mas de 1 billón de dólares.
21 | 22 |Entre sus otras adquisiciones de este año se encuentran unas cuantas empresas enfocadas a las redes sociales y la experiencia de usuario como Qwiki y Snip.it, un par de estudios de juegos, otras relacionadas con mejor comunicación con los clientes, un conocido manejador de tareas (Astrid), y algunas otras.
23 | 24 |Su última adquisición fue anunciada el pasado viernes 2 de Agosto por la empresa RockMelt, sus productos web y móviles están relacionados con las búsquedas de contenido pero enfocada al ámbito social. El valor de la compra no ha sido divulgado públicamente pero se rumora que haya sido entre 60 y 70 millones de dólares.
25 | 26 |Como ha sucedido antes, varios procesos de compra de compañías suelen terminar con el cierre de aquella que es absorbida y/o con la eliminación del soporte de los productos que esta ofrecía, tal como sucedió con Sparrow cuando fue comprado por Google. Esto con la intención de adquirir talento humano en áreas que a la compañía que compra considera que debe mejorar.
27 | 28 |No se conocen los precios de las compras de muchas compañías que Yahoo! ha adquirido este año; sin embargo podemos estar seguros que si para el momento han invertido más de 1.5 billones de dólares en un solo año es porque quieren seguir en la competencia y dar lo mejor de sí para no verse opacados por los demás gigantes.
29 | -------------------------------------------------------------------------------- /_posts/noticias/2013-08-08-breach-la-nueva-vulnerabilidad-ssl.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | status: publish 4 | published: true 5 | title: BREACH, la nueva vulnerabilidad SSL 6 | author: Jonathan Wiesel 7 | author_login: jonathan 8 | author_email: jonathan@codehero.co 9 | author_url: http://jonathanwiesel.com/ 10 | date: 2013-08-08 00:00:36.000000000 -04:30 11 | thumbnail: http://i.imgur.com/xQXfZEn.png 12 | description: Demostraron que se podía extraer información de respuestas a solicitudes HTTP estando bajo protocolo SSL, si se cumple los siguiente... 13 | categories: 14 | - Artículos 15 | - Notícias 16 | tags: 17 | - black hat 18 | - ssl 19 | - breach 20 | - https 21 | --- 22 |Muchísimo talento y abundante información interesante se ha dado a conocer por los expertos en seguridad informática en la conferencia de Black Hat de Las Vegas la semana pasada, un tema en particular que llamó nuestra atención fue la vulnerabilidad BREACH presentada por Angelo Prado y Yoel Gluck, ambos Jefes de Seguridad en Salesforce.com, junto a Neal Harris, experto en criptografía actualmente desenvolviéndose como ingeniero de seguridad de aplicaciones en Square Inc.
23 | 24 |Estos caballeros demostraron que podían extraer información de respuestas a solicitudes HTTP estando bajo protocolo SSL, siempre y cuando la aplicación que emite las respuestas cumpliera las siguientes condiciones:
25 | 26 |-
27 |
33 | Así que si posees una aplicación web que cumpla con estas características es recomendable que tomes acciones correctivas rápidamente antes que sea demasiado tarde.
34 | 35 |Cuando creíamos que poseer un certificado SSL y establecer un canal HTTPS de comunicación era el método más seguro para establecer un canal entre los usuarios y nuestra aplicación web, estos expertos han demostrado que todo aquello que sea desarrollados para proteger y esconder es posible descifrarlo, revelarlo y tomar provecho de ello.
36 | 37 |Para el video, presentación, escrito y mayor información sobre el tema pueden dirigirse a la página oficial de BREACH, inclusive el código de una aplicación que determine si tu aplicación web es vulnerable estará disponible en poco tiempo en su portal.
38 | -------------------------------------------------------------------------------- /_posts/noticias/2013-08-12-el-futuro-de-flickr-en-manos-de-bernando-hernandez.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | status: publish 4 | published: true 5 | title: El futuro de Flickr en manos de Bernardo Hernández 6 | author: Jonathan Wiesel 7 | author_login: jonathan 8 | author_email: jonathan@codehero.co 9 | author_url: http://jonathanwiesel.com/ 10 | date: 2013-08-12 00:00:02.000000000 -04:30 11 | thumbnail: http://i.imgur.com/ZYJmP1x.png 12 | description: Flickr pasó de estar en la cima a no ser el líder en nada, Bernardo pretende cambiar esto y hacerle frente a gigantes como Instagram y Facebook 13 | categories: 14 | - Artículos 15 | - Notícias 16 | tags: 17 | - yahoo 18 | - flickr 19 | --- 20 |Desde que Marissa Mayer ha tomado las riendas de Yahoo! hemos visto grandes cambios como nuevas adquisiciones de compañias y mucho movimiento en la nómina para obtener personajes talentosos que saquen adelante a la compañía, entre ellos se encuentra Bernardo Hernández, trabajó como Director en Google y Zagat, además de ser fundador de otros startups y compañías que tuvieron inicios en España.
21 | 22 |Los cambios que se esperan para la red social fotográfica son importantes ya que Flickr pasó de estar en la cima a no ser el líder en nada, Bernardo pretende cambiar esto y hacerle frente a gigantes de las redes sociales como Instagram y Facebook. Bernardo asegura que acepto su nueva posición en Flickr debido a que buscaba un reto diferente que Google no lograba ofrecerle, y que mejor oportunidad que ayudar a retomar control y respeto sobre lo que representa la marca que una vez fue lo más importante en compartir y almacenar fotografías en la web. Uno de sus principales enfoques es darle atención importantes a la rama móvil ya que, según afirma, es una pieza fundamental y lo que tenga que ver con fotos no puede evitar el ámbito móvil.
23 | 24 |Esperemos ver cambios importantes en el API de Flickr también, ya que dicho servicio se encuentra un poco olvidado y seguramente al retomar un poco de fama los desarrolladores querrán sacar provecho de él y encontrarlo mejorado y con cosas nuevas.
25 | 26 |Es de esperarse que Yahoo! cambie mucho en manos de Marissa Mayer, estando al frente de la masiva transformación y múltiples adquisiciones que ha realizado la compañía, sin duda quieren retomar posición y demostrar que pueden ser tan capaces como cualquier otra gran compañía y que están lejos de ser olvidados.
27 | -------------------------------------------------------------------------------- /_posts/noticias/2013-08-15-que-esperar-en-el-proximo-foro-de-desarrolladores-de-intel.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | status: publish 4 | published: true 5 | title: Qué esperar en el próximo foro de desarrolladores de Intel 6 | author: Jonathan Wiesel 7 | author_login: jonathan 8 | author_email: jonathan@codehero.co 9 | author_url: http://jonathanwiesel.com/ 10 | date: 2013-08-15 00:00:59.000000000 -04:30 11 | thumbnail: http://i.imgur.com/eNLoRqZ.png 12 | description: El IDF 2013 de Intel tiene muchas sorpresas preparados además de los procesadores Haswell y Xeon Phi, tales como... 13 | categories: 14 | - Artículos 15 | - Notícias 16 | tags: 17 | - idf 18 | - intel 19 | - stampede 20 | - haswell 21 | - xeon 22 | --- 23 |Ya falta menos de un mes para uno de los eventos mas grandes de Intel, el IDF 2013, el cual se llevará a cabo en el Centro de Convenciones Moscone en San Francisco entre el 10 y 12 de Septiembre. Desde hace un tiempo las conferencias de desarrolladores han atraído cada vez más la atención del público, la gente se anima a echar un vistazo a las nuevas tecnologías que están a la vuelta de la esquina, esto independientemente de ser desarrolladores o consumidores.
24 | 25 |Ciertamente habrán muchas ponencias relacionadas con las nuevas soluciones de hardware, software y controladores gráficos, además de múltiples detalles para aprovechar al máximo la arquitectura de los nuevos procesadores de Intel como el Haswell, la 4ta generación de procesadores Intel Core y el Xeon Phi con su novedosa arquitectura de múltiples procesadores integrados usados para hacer el super-computador Stampede, el cual fue capaz de alcanzar poderes de procesamiento de hasta 10 Petaflops.
26 | 27 |Esto sin duda es bastantes interesante, pero este año podemos esperar otros aspectos importantes que Intel tiene para revelarnos, tales como:
28 | 29 |-
30 |
Para esa fecha también se dará el próximo evento de Apple en el cual se espera que se presente la nueva generación del iPhone y la supuesta versión económica, además de algunas otras. Será un mes de mucha emoción y movimiento en el mundo tecnológico así que ve preparándote.
41 | -------------------------------------------------------------------------------- /_posts/noticias/2013-08-19-ubuntu-edge-rompe-record-de-recoleccion-de-fondos.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | status: publish 4 | published: true 5 | title: Ubuntu Edge rompe record de recolección de fondos 6 | author: Jonathan Wiesel 7 | author_login: jonathan 8 | author_email: jonathan@codehero.co 9 | author_url: http://jonathanwiesel.com/ 10 | date: 2013-08-19 00:08:07.000000000 -04:30 11 | thumbnail: http://i.imgur.com/1jpmhF3.png 12 | description: Faltan solo un par de días para que culmine la campaña de recolección de fondos para el desarrollo del dispositivo móvil de Canonical, el Ubuntu Edge. 13 | categories: 14 | - Artículos 15 | - Notícias 16 | tags: 17 | - ubuntu 18 | - edge 19 | - smartphone 20 | - record 21 | - pebble 22 | --- 23 |Faltan solo un par de días para que culmine la campaña de recolección de fondos para el desarrollo del dispositivo móvil de Canonical, el Ubuntu Edge.
24 | 25 |Este ambicioso proyecto se enfoca en ofrecer mucho más que sus competidores en todos los aspectos posibles como capacidad de almacenamiento, poder de procesamiento, memoria, batería, pantalla de zafiro y mucho más manteniendo un precio menor a los teléfonos móviles de gama alta que se consideran competencia directa como el iPhone 5 y el Samsung Galaxy S4. Ofreciendo además posibilidad de correr Android y Ubuntu Mobile en modo dual-boot.
26 | 27 |La recolección de fondos ha llegado a más de 11 millones de dólares, rompiendo el record de recolección de fondos que había establecido el reloj inteligente Pebble de un poco más de 10 millones. Sin embargo la meta establecida para llevar a cabo el proyecto es de 32 millones, por lo que es muy poco probable que en lo que queda de tiempo se logre cumplir.
28 | 29 |Tanto revuelo en el tema innovador ha llamado mucho la atención de diversos fabricantes los cuales podrían estar dispuestos a seguir adelante con el proyecto, por lo que aunque no se cumpla la meta de 32 millones, el Ubuntu Edge logre ver la luz del día en algún momento y en su defecto, el concepto de un dispositivo con basado en el un sistema operativo de código abierto ofrece muchas ventajas y resulta atractivo para muchas personas.
30 | -------------------------------------------------------------------------------- /_posts/noticias/2013-08-22-la-nueva-generacion-de-transistores-ultra-veloces.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | status: publish 4 | published: true 5 | title: La nueva generación de transistores ultra veloces 6 | author: Jonathan Wiesel 7 | author_login: jonathan 8 | author_email: jonathan@codehero.co 9 | author_url: http://jonathanwiesel.com/ 10 | date: 2013-08-22 00:00:52.000000000 -04:30 11 | thumbnail: http://i.imgur.com/Orin5xi.png 12 | description: La nueva generación de transistores construidos a base de grafeno capaz de alcanzar velocidad de hasta 467GHz encuentra solución a problemas de concepto... 13 | categories: 14 | - Artículos 15 | - Notícias 16 | tags: 17 | - grafeno 18 | - transistor 19 | - veloz 20 | - 467ghz 21 | --- 22 |Uno de los factores que ha caracterizado el avance tecnológico a nivel computacional a lo largo de los años es la capacidad de miniaturizar cada vez más los componentes electrónicos produciendo en consecuencia la concentración de mayor número de transistores para un pequeño y determinado espacio; sin embargo el límite de este proceso como se emplea hoy en día está proyectado para llegar a su mínima expresión en unos 10 años.
23 | 24 |Entra en juego la nueva generación de transistores construidos a base de una curiosa sustancia llamada grafeno, la cual se llevó el premio Nobel de Física en 2010, el año pasado un equipo de científicos experimentando en la utilización de transistores de este tipo, logró llevarlos a una impresionante velocidad de 467GHz, así es, 100 veces más rápido que muchos de los transistores a base de silicón utilizados hoy en día. Sin embargo existía un pequeño problema con este tipo de material, no era posible "apagarlo" lo cual imposibilitaba su aplicación real a transistores.
25 | 26 |Dicha preocupación puede que este cerca de llegar a su fin, unos investigadores de la Universidad de California Riverside han encontrado la manera de utilizar un método alternativo para atacar el problema, el cual está basado en aprovechar ciertas propiedades del material bajo el fenómeno de resistencia negativa.
27 | 28 |Habrá que esperar que la investigación siga su curso y se vayan desarrollando soluciones electrónicas mas complejas y llevarlo a un punto acorde a la realidad aplicable a un computador personal, pero sin duda este material es el futuro de la electrónica y todos esperamos con ansias el día que tengamos en nuestras manos un equipo capaz de alcanzar velocidades tan elevadas que hoy en día son solo un sueño o situaciones poco comunes vistas en niveles macro de super-computadores.
29 | -------------------------------------------------------------------------------- /_posts/noticias/2013-08-26-la-impresion-3d-toma-un-nuevo-paso.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | status: publish 4 | published: true 5 | title: La impresión 3D toma un nuevo paso 6 | author: Jonathan Wiesel 7 | author_login: jonathan 8 | author_email: jonathan@codehero.co 9 | author_url: http://jonathanwiesel.com/ 10 | date: 2013-08-26 00:00:08.000000000 -04:30 11 | thumbnail: http://i.imgur.com/X2z1I2Z.png 12 | description: La tecnología ha evolucionado increíblemente y nuevas técnicas han sido introducidas, logrando llevar la impresión 3D a un nivel económicamente accesible 13 | categories: 14 | - Artículos 15 | - Notícias 16 | tags: 17 | - impresion 18 | - 3d 19 | - makerbot 20 | - digitizer 21 | --- 22 |El concepto de impresión en tercera dimensión es quizás un poco más antiguo de lo que piensas, se remonta a la década de los 80 donde Charles Hull, actual vicepresidente y CTO (ejecutivo técnico en jefe) de 3D Systems, introdujo el concepto de estereolitografía o impresión en 3D, sin embargo el procedimiento era relativamente complicado y la maquinaria usada en aquel entonces tendría un costo de más de $100.000.
23 | 24 |Ahora los tiempos han cambiado, la tecnología ha evolucionado increíblemente y nuevas técnicas han sido introducidas en este ámbito, logrando llevar la impresión 3D a un nivel económicamente accesible ya que es posible tener una buena impresora 3D por un par de miles de dólares, lo cual seguramente ira disminuyendo con el pasar del tiempo.
25 | 26 |La manera tradicional que los entusiastas suelen utilizar sus novedosos equipos es diseñando digitalmente las piezas que desean imprimir o simplemente buscando en internet diseños de terceros que le sean atractivos y útiles, el portal Thingiverse ofrece varios diseños de descarga gratuita e incluso puedes crear y compartir el tuyo.
27 | 28 |La semana pasada un nuevo avance fue revelado por la famosa compañía de impresión 3D, MakerBot Industries, originaria en Nueva York; nada más y nada menos que un escáner 3D, así es, con solo tomar cualquier objeto que desees y colocarlo en la superficie giratoria del dispositivo, el Digitizer 3D Scanner se encargará de convertir el objeto en una imagen tridimensional en tu computador, todo por sólo $1400.
29 | 30 |Te invitamos a ver su video le lanzamiento.
31 | 32 |Sin embargo uno de los grandes temores con un dispositivo de este tipo es las puertas que puede abrir al mundo de la piratería, especialmente a un precio tan relativamente económico.
33 | -------------------------------------------------------------------------------- /_posts/noticias/2013-08-29-sea-continua-ciber-ataques-ahora-contra-twitter-y-el-nytimes.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | status: publish 4 | published: true 5 | title: SEA continua ciber-ataques ahora contra Twitter y el NYTimes 6 | author: Jonathan Wiesel 7 | author_login: jonathan 8 | author_email: jonathan@codehero.co 9 | author_url: http://jonathanwiesel.com/ 10 | date: 2013-08-29 00:00:01.000000000 -04:30 11 | thumbnail: http://i.imgur.com/2j8hqpv.png 12 | description: El SEA logró afectar temporalmente el dominio web principal de Twitter y del New York Times a través de registros de su proveedor de DNS, MelbourneIT. 13 | categories: 14 | - Artículos 15 | - Notícias 16 | tags: 17 | - sea 18 | - twitter 19 | - nytimes 20 | - sirio 21 | - dns 22 | - melbourneit 23 | --- 24 |En los pasados días un emergente grupo de hackers sirios conocidos con el acrónimo SEA o Ejercito Electrónico Sirio en inglés, logró afectar temporalmente el dominio web principal de Twitter y del New York Times.
25 | 26 |Según parece los sitios fueron atacados basándose inicialmente en un procedimiento de engaño electrónico conocido como phishing dirigido al proveedor DNS australiano de ambas compañías, MelbourneIT. Esto abrió las puertas a realizar un verdadero desastre a nivel de los DNS lo cual no solo causó un sin fin de redireccionamientos y caída de servicios sino también les hizo el trabajo difícil de reparar ya que los ingenieros de MelbourneIT no pudieron reparar el registro como tal y tuvieron que manipular cada nivel del DNS para restaurar los servicios a la normalidad.
27 | 28 |MelbourneIT es considerado uno de los proveedores DNS más seguros, esto ha causado revuelo y pánico ya que si un proveedor tan seguro como este fue atacado, de seguro otros proveedores son igual o más vulnerables. Los ingenieros propusieron una solución denominada "bloqueo de registro", lo cual evita que algún proceso automatizado cambie registros de DNS.
29 | 30 |Estos no son lo primeros ataques bajo la sombra del SEA, hace un par de semanas el servicio Outbrain sufrió un ataque similar. Varias cuentas de Twitter han sido víctimas de sus ciber-habilidades, he incluso servidores de aplicaciones como Viber y Truecaller. Muchos han catalogado en el pasado sus estrategias y procedimientos como "de novatos", pero poco a poco están demostrando que son un grupo que no debe tomarse a la ligera.
31 | -------------------------------------------------------------------------------- /_posts/noticias/2013-09-02-steve-ballmer-es-retirado-tempranamente-de-microsoft.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | status: publish 4 | published: true 5 | title: 'Steve Ballmer es retirado tempranamente de Microsoft ' 6 | author: Jonathan Wiesel 7 | author_login: jonathan 8 | author_email: jonathan@codehero.co 9 | author_url: http://jonathanwiesel.com/ 10 | date: 2013-09-02 00:00:52.000000000 -04:30 11 | thumbnail: http://i.imgur.com/sMskTV3.png 12 | description: El CEO de Microsoft anunció que en un año se estaría retirando de la compañía, aseguró que la decisión era totalmente de él. ¿Qué tan cierto será?... 13 | categories: 14 | - Artículos 15 | - Notícias 16 | tags: 17 | - microsoft 18 | - steve ballmer 19 | - retiro 20 | - ceo 21 | --- 22 |La semana pasada el CEO de Microsoft anunció que en un período de un año se estaría retirando de la compañía, aseguró que la decisión era totalmente de él mediante una emotiva carta dirigida al personal. Al parecer la partida de Ballmer no es exactamente como se presentó.
23 | 24 |Según varias encuestas realizadas a individuos dentro y fuera de la compañía, el retiro de Steve no había sido planeado y que había sido adelantado drásticamente. Varios problemas que han ido creciendo cada vez más pareciera la razón más lógica detrás de esta decisión, entre ellos se habla del alzamiento de los accionistas en contra de la compañía y el hecho principal de que el liderazgo de Steve Ballmer se ha convertido en un imán de problemas.
25 | 26 |Algunas indirectas se lograron identificar en la carta de Steve, como el hecho de nunca haber mencionado o agradecido al Bill Gates, con quién ha compartido varias décadas dentro de Microsoft desde que se unió en 1980 y su proclamación como CEO en el año 2000, por esto se puede suponer que la decisión puede estar fuertemente sustentada por el fundador de la empresa.
27 | 28 |La búsqueda del tercer director general de una de las compañías tecnológicas más grandes del mundo ha comenzado, solo el tiempo dirá si un personaje como Marissa Mayer llegará a tomar las riendas o simplemente un individuo poco conocido con talentos excepcionales para dirigir.
29 | 30 |Steve Ballmer según las lista Forbes de billionarios ocupa el puesto número 51 de los personajes más ricos del mundo con un valor neto de 15.2 billones de dólares, envidiando a su colega y jefe Bill Gates el puesto 2 con 67 billones.
31 | -------------------------------------------------------------------------------- /_posts/noticias/2013-09-09-hdmi-2-0-se-anuncia-oficialmente.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | status: publish 4 | published: true 5 | title: HDMI 2.0 se anuncia oficialmente 6 | author: Jonathan Wiesel 7 | author_login: jonathan 8 | author_email: jonathan@codehero.co 9 | author_url: http://jonathanwiesel.com/ 10 | date: 2013-09-09 00:00:19.000000000 -04:30 11 | thumbnail: http://i.imgur.com/O3FuwBt.png 12 | description: La semana pasada se revelaron las especificaciones de la versión 2.0 de la interfaz de alta calidad de audio/video más conocida en el mercado, el HDMI 13 | categories: 14 | - Artículos 15 | - Notícias 16 | tags: 17 | - hdmi 18 | - '2.0' 19 | - tv 20 | - ifa 21 | --- 22 |La semana pasada se dieron a conocer las especificaciones de la versión 2.0 de la interfaz de alta calidad de audio y video más conocida en el mercado, el HDMI. Desde los iniciales desarrollos de la primera versión unos 11 años atrás, se han vendido mas de 2 billones de dispositivos compatibles, convirtiendo al protocolo de transferencia de datos de audio/video en el nuevo estándar indiscutible.
23 | 24 |Entre las novedades del nuevo estándar podemos encontrar la visualización de videos en la novedosa resolución 4K a 60 cuadros por segundo, las últimas versiones (1.4.x) soportaban 4K pero al estándar de 30 cuadros por segundo. También soporta unos impresionantes 32 canales de audio, 24 más que su antecesor, aunque la mitad que el nuevo formato de Dolby, Atmos. Esto seguro traerá sistemas de sonido de lujo con muchas más cornetas o sino al menos con una capacidad de procesamiento de sonido mucho mayor.
25 | 26 |También nos trae mayor compatibilidad de control entre dispositivos conectados, es decir, el control para tu TV podrá controlar aquellos equipos compatibles con HDMI 2.0 conectados a él. Esto anteriormente era posible pero no a gran escala, con el nuevo estándar se incluye obligatoriamente la capacidad de control. Además ofrecerá una nueva proporción de video, 21:9, lo cual seguramente serán muy buenas noticias para los fanáticos de las películas y aquellos que les fascine ver en un futuro cercano un televisor extra ancho.
27 | 28 |Alguno de los dispositivos recientes de gama alta como los televisores Sony de resolución 4K, aseguran que en el momento indicado solo se deberá hacer una sencilla descarga para actualizar el firmware del televisor y mágicamente tendremos HDMI 2.0. Esto nos da indicios de que el hardware utilizando recientemente en estos televisores, específicamente en la afamada interfaz de audio/video, es en esencia el mismo. Como consecuencia también observaremos que el conector es el mismo y la retrocompatibilidad no será un problema.
29 | -------------------------------------------------------------------------------- /_posts/noticias/2013-09-12-cota-el-futuro-de-cargar-dispositivos-inalambricamente.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | status: publish 4 | published: true 5 | title: Cota, el futuro de cargar dispositivos inalambricamente 6 | author: Jonathan Wiesel 7 | author_login: jonathan 8 | author_email: jonathan@codehero.co 9 | author_url: http://jonathanwiesel.com/ 10 | date: 2013-09-12 00:00:58.000000000 -04:30 11 | thumbnail: http://i.imgur.com/GbWk3ok.png 12 | description: Cota pretende cargar los dispositivos de manera inalámbrica hasta 9 metros de distancia, sin necesidad de linea directa de visión 13 | categories: 14 | - Artículos 15 | - Notícias 16 | tags: 17 | - cota 18 | - ossia 19 | - cargador 20 | - inalámbrico 21 | - disrupt 22 | --- 23 |Esta semana surgió por parte de Ossia Inc. una tecnología sumamente interesante que, luego de 6 años desarrollo bajo perfil, fue revelado al publico durante el TechCrunch Disrupt en San Francisco. Esta tecnología se enfoca en cargar de manera inalámbrica dispositivos como teléfonos, cámaras, controles o en esencia cualquier gadget que dependa de una batería para funcionar.
24 | 25 |Sin duda la idea no es nueva, podemos encontrar en el mercado varias "alfombras" sobre las cuales puedes colocar tus dispositivos para recargarlos, o el cargador que viene incluido con el último teléfono exclusivo de Google, el Nexus 4 de LG. Sin embargo el sistema Cota pretende cargar los dispositivos sin necesidad de contacto directo como es lo que se ha visto en el mercado, puede emitir ondas de energía hasta 9 metros de distancia, sin necesidad de linea directa de visión.
26 | 27 |La tecnología esta basada en ondas bajo el espectro de los 2.4GHz que ya es utilizado por Wifi y Bluetooth, además de solo emitir 1 vatio de energía, los ingenieros de Ossia Inc. aseguran que la tecnología es completamente segura. Tanto así que ya se encuentran en fases avanzadas de aprobación por parte de la FCC (Comisión Federal de Comunicaciones) para masificar el proceso y aplicarlo en todo aquello que se le pueda sacar provecho tan pronto como el 2015.
28 | 29 |Imagina un mundo donde en tu casa, en el trabajo, en el carro, en tiendas y restaurantes estén presentes estos cargadores emitiendo energía a todos los dispositivos dependientes de batería, los cuales hoy en día son bastantes. Virtualmente todos los lugares ofrecerían cargar los dispositivos que siempre llevamos con nosotros. El concepto de baterías cambiaría por completo, tanto así que varios dispositivos podrían venir con opción de esconder el símbolo de batería restante ya que, si en todos lados mi equipo está siendo cargado, ¿para qué quiero saber cuanto me queda?.
30 | 31 |Puedes ver el video (en inglés) de su presentación en el Disrupt aquí.
32 | -------------------------------------------------------------------------------- /_posts/noticias/2013-09-16-ganadores-del-disrupt-san-francisco-2013.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | status: publish 4 | published: true 5 | title: Ganadores del TechCrunch Disrupt San Francisco 2013 6 | author: Jonathan Wiesel 7 | author_login: jonathan 8 | author_email: jonathan@codehero.co 9 | author_url: http://jonathanwiesel.com/ 10 | date: 2013-09-16 00:00:32.000000000 -04:30 11 | thumbnail: http://i.imgur.com/4uPy1cw.png 12 | description: La semana pasada se llevó a cabo el TechCrunch Disrupt, donde se presentan, compiten y premian los mejores startups que aun no han sido revelados al público 13 | categories: 14 | - Artículos 15 | - Notícias 16 | tags: 17 | - disrupt 18 | - techcrunch 19 | - layer 20 | - estimote 21 | --- 22 |La semana pasada se llevó a cabo un evento donde, entre otras cosas como el Hackathon, se presentan, compiten y premian los mejores startups que aun no han sido dados a conocer públicamente, el TechCrunch Disrupt de San Francisco, entre los competidores estuvo Cota, por Ossia Inc. del cual hablamos la semana pasada; sin embargo esta novedosa idea aunque con muchas oportunidades de cambiar el mundo como lo conocemos, no logró cautivar tanto a los jueces como aquellos que al final de la jornada se llevaron el premio.
23 | 24 |Se le otorgó la mención del mejor startup de hardware a Estimote, para aquellos familiarizados con la información revelada sobre los iBeacons en el WWDC 2013, sería la competencia directa de Apple, para aquellos que no están al tanto o necesitan un refrescamiento de memoria, los iBeacons se presentaron como una pieza de hardware colocada en sitios estratégicos de un establecimiento para que cuando un cliente entre al rango de interacción del mismo, este equipo le notifique al teléfono del usuario cierto tipo de información referente al establecimiento. En el caso de Estimote, el enfoque viene dado a las ofertas y pago inmediato. Imagina que al entrar a una tienda puedas ver en tu dispositivo móvil las ofertas disponibles del momento o información importante. Este pequeño dispositivo es capaz de emitir radio-frecuencias hasta 50 metros y puede graduarse para que su interacción sea en un espacio tan reducido como 2 pulgadas de distancia. Por el momento sólo se está ofreciendo un Kit para desarrolladores que incluye 3 beacons por unos $99.
25 | 26 |Por otro lado el premio mayor del Disrupt se lo llevó Layer, este startup se enfoca en la premisa de integrar en tu aplicación, con tan solo 10 líneas de código, funciones como mensajería de texto, voz, video y compartir archivos; con la intención particular de que la comunicación sea intercambiada entre distintas aplicaciones. De ahí su nombre Layer (capa), fácil de implementar ya que toda la magia reside en el SDK que estará disponible inicialmente para iOS y Android, y posteriormente para Web. Imagina que las aplicaciones de mensajería en el mercado como WhatsApp, Line y Viber pudieran comunicarse entre ellas, de esta manera podrías utilizar aquella que se adapte mejor a tu estilo y sus características particulares sin la necesidad de limitarte a una aplicación por el síndrome BBM (no me gusta esta aplicación pero es la que todos mis amigos tienen y solo así podré hablar con ellos).
27 | -------------------------------------------------------------------------------- /_posts/noticias/2013-11-25-ayudanos-a-crecer.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | status: publish 4 | published: true 5 | title: Ayudanos a crecer 6 | author: Oscar González 7 | author_login: oscar 8 | author_email: gonzalezgreco@gmail.com 9 | author_url: http://www.oscarvgg.com 10 | date: 2013-11-25 11:59:11.000000000 -04:30 11 | thumbnail: http://i.imgur.com/ERooO8q.jpg 12 | categories: 13 | - Artículos 14 | - Notícias 15 | tags: 16 | - ayuda 17 | - donar 18 | - donacion 19 | - futuro 20 | --- 21 |El día 3 de junio de 2013 nació Codehero como una fuente de recursos educativos sobre desarrollo de software para apoyar a estudiantes y entusiastas interesados en aprender en su propia lengua.
22 | 23 |Nos enteramos de esta necesidad porque fuimos estudiantes también, la vivimos, y nos hemos dado cuenta que aún existe.
24 | 25 |En estos cuatro meses que llevamos trabajando para ustedes, hemos visto crecer la comunidad, progresivamente cada semana las visitas a nuestra pequeña página aumentan y por tal motivo les damos las gracias.
26 | 27 |Este hecho también ha servido como indicador de que vamos en la dirección correcta y de que aún hay un montón de personas hambrientas de conocimiento las cuales no hemos alcanzado.
28 | 29 |Por esta razón, hoy les pedimos ayuda.
30 | 31 |32 | 33 |
Como ayudar
34 | 35 |Para poder cumplir nuestra misión de llevarte los últimos cursos de vanguardia y lograr difundir el conocimiento a los espacios más recónditos del internet, necesitamos hacer una inversión de dinero con el fin de optimizar nuestra infraestructura, diseño y los servicios que ofrecemos para hacer de CODEHERO un portal de mayor calidad, rapidez y del profundo agrado de todos.
36 | 37 |Para lograr estos objetivos hemos establecido una meta de $1.000, para esto colocamos un botón de donaciones de Paypal en la barra lateral de la página y un medidor que indicará cuanto se ha recaudado hasta el momento.
38 | 39 |40 | 41 |
¿Por qué piden donaciones si muestran publicidad?
42 | 43 |Actualmente la publicidad desplegada a lo largo del sitio web no genera suficiente dinero para mantenerla en línea.
44 | 45 |46 | 47 |
¿Cuánto donar?
48 | 49 |Cada quien es libre de donar la cantidad que considere, sea pequeña o grande, todas son bien recibidas.
50 | 51 |52 | 53 |
¿Pueden saber quien donó?
54 | 55 |No, las donaciones son anónimas, sin embargo, agradecemos muchísimo la colaboración.
56 | 57 |58 | 59 |
¿Cuándo van a invertir el dinero recaudado?
60 | 61 |Tan pronto alcancemos el monto requerido haremos la inversión y los cambios irán notándose paulatinamente.
62 | 63 |64 | 65 |
Gracias
66 | 67 |Sabemos que es mucho pedir, pero si no fuera necesario no lo haríamos. Con tu ayuda podremos seguir entregándote semana a semana información útil y de calidad.
68 | -------------------------------------------------------------------------------- /_posts/noticias/2015-03-05-donde-estamos-y-a-donde-vamos.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | status: publish 4 | title: Donde estamos y a donde vamos 5 | author: Jonathan Wiesel 6 | author_login: jonathan 7 | description: El presente de este proyecto y a donde apuntamos que vaya. 8 | dificultad: Heroe 9 | duracion: 5 10 | github: https://github.com/codeheroco/codehero-static 11 | thumbnail: http://i.imgur.com/ERooO8q.jpg 12 | categories: 13 | - Notícias 14 | tags: 15 | - futuro 16 | - comunidad 17 | - codehero 18 | - mejoras 19 | - gracias 20 | --- 21 | Han pasado poco menos de 2 años que comenzamos con la iniciativa de este espacio de aprendizaje tecnológico en español. Poco a poco lo vimos crecer, notamos la activa participación de los lectores y su sed de aprendizaje, lo cual nos motivó cada vez más a seguir con el objetivo inicial de este proyecto, crear más contenido de calidad en nuestro idioma para aquellos que confían en nosotros y no tienen donde más encontrarlo. 22 | 23 | Ciertamente llegó un momento donde nuestros trabajos formales y proyectos de vida nos dificultaron seguir con este proyecto y poco a poco cada uno de nosotros fue dejando de lado el cuidado de este lugar hasta llegar el punto de que el blog estuvo prácticamente abandonado. 24 | 25 | > Sus comentarios aquí y en las redes sociales siempre fueron (y serán) tomados en cuenta, aunque no siempre respondidos. 26 | 27 | *** 28 | 29 | ## Mejoras 30 | 31 | Es por ello que hace un tiempo hemos trabajado en mejorar el blog: 32 | 33 | * Mejorar su apariencia general. 34 | * Visualización correcta sin importar en qué dispositivo o tamaño de pantalla lo veas. 35 | * Más rápido. 36 | * Menor tiempo fuera de línea. 37 | * **Soporte de comunidad.** 38 | * Y muchas otras mejoras más... 39 | 40 | **Este blog ahora es de [código abierto](https://github.com/codeheroco/codehero-static).** Dejamos de lado Wordpress y construimos este desde cero en [Jekyll](http://jekyllrb.com/). 41 | 42 | *** 43 | 44 | ## Contribución 45 | 46 | Algunos de los lectores nos presentaron en ocasiones su interés en escribir entradas que aparecieran en el blog, ahora esta posibilidad es una realidad. Tenemos una nueva sección de [Comunidad](http://codehero.co/community.html) y [Contribuidores](http://codehero.co/contributors.html) para que aquellos que deseen compartir su conocimiento con la comunidad de lectores lo puedan hacer. 47 | 48 | > Incluso aquellos que deseen presentar modificaciones y/o aclaratorias sobre las entradas existentes porque consideran que presentan errores o hay lugar para mejoras, [lo pueden hacer](https://github.com/codeheroco/codehero-static#contribuci%C3%B3n). 49 | 50 | **Para mayor información de cómo escribir en el blog visita el [wiki del repositorio](https://github.com/codeheroco/codehero-static/wiki/Contribuci%C3%B3n-de-entradas).** 51 | 52 | *** 53 | 54 | ## ¡Gracias a todos! 55 | 56 | De parte de todo el equipo de CODEHERO: 57 | 58 | Aquellos que donaron, son ustedes los que lograron que este espacio siguiera existiendo durante este largo tiempo y por ello estamos profundamente agradecidos. 59 | 60 | Aquellos que nos visitaron y presentaron siempre su interes y dudas, son nuestra motivación para seguir adelante, nos demostraron que este proyecto sigue aún con vida. 61 | 62 | Esperamos que sigan visitándonos, dándonos su apreciado *feedback* y más importante aún, **sigan aprendiendo**. 63 | -------------------------------------------------------------------------------- /_posts/noticias/2015-04-21-que-paas-personal-quieres-conocer.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | status: publish 4 | title: ¿Qué PaaS personal quieres conocer? 5 | author: Jonathan Wiesel 6 | author_login: jonathan 7 | description: Queremos oir qué opciones te interesan sobre los PaaS personales. 8 | thumbnail: http://i.imgur.com/ERooO8q.jpg 9 | categories: 10 | - Notícias 11 | tags: 12 | - encuesta 13 | - paas 14 | --- 15 | Hace unos cortos 2 años salío a la luz la famosa y agradable imagen de una ballena con unas cajitas encima. 16 | Hablamos nada más y nada menos que de [Docker](http://codehero.co/como-instalar-y-usar-docker/). 17 | 18 | Desde su aparición ha venido crenciendo a un ritmo exponencial y se ha convertido en uno de los proyectos de código abierto más 19 | populares de la comunidad. Las posibilidad con esta herramienta han alcanzado un punto donde aislar una aplicación de sus demás 20 | dependencias y servicios es tan fácil como crear un único archivo. 21 | 22 | Hace un tiempo hablamos de [Dokku](http://codehero.co/como-instalar-y-utilizar-dokku), lo cual categorizamos como un pequeño Heroku peronsal para encapsular nuestras aplicaciones, un PaaS personal si se quiere. Hoy en día han surgido varias alternativas a este proyecto y, al igual que ustedes, nos encantaría conocer sobre ellas. 23 | 24 | En la encuesta que sigue expresa tu opinión y si la opción en la que piensas no se encuentra listada dejanos saber en los comentarios. 25 | 26 | **Actualización:** La encuesta ha terminado. La votación ha estado muy reñida. El ganador ha sido **[Deis](http://deis.io/)**: 27 | 28 | . 29 | 30 | Muchas gracias a todos por su participación. Proximamente estaremos publicando la entrada para conocer más sobre el PaaS personal más votado. 31 | -------------------------------------------------------------------------------- /_prose.yml: -------------------------------------------------------------------------------- 1 | prose: 2 | rooturl: '_posts/comunidad' 3 | siteurl: 'http://codehero.co' 4 | metadata: 5 | _posts/comunidad: 6 | - name: "layout" 7 | field: 8 | element: "hidden" 9 | value: "post" 10 | - name: "status" 11 | field: 12 | element: "hidden" 13 | value: "publish" 14 | - name: "title" 15 | field: 16 | element: "text" 17 | label: "Título" 18 | value: "" 19 | - name: "author" 20 | field: 21 | element: "text" 22 | label: "Nombre del autor" 23 | value: "" 24 | - name: "author_login" 25 | field: 26 | element: "text" 27 | label: "Nombre de usuario en el blog" 28 | value: "" 29 | - name: "description" 30 | field: 31 | element: "textarea" 32 | label: "Descripción" 33 | placeholder: "Escribir aquí una descripción menor a 155 caracteres" 34 | - name: "dificultad" 35 | field: 36 | element: "select" 37 | label: "Dificultad" 38 | placeholder: "Escoger dificultad" 39 | value: "" 40 | options: 41 | - name: "Novato" 42 | value: "Novato" 43 | - name: "Aprendiz" 44 | value: "Aprendiz" 45 | - name: "Intermedio" 46 | value: "Intermedio" 47 | - name: "Avanzado" 48 | value: "Avanzado" 49 | - name: "Heroe" 50 | value: "Heroe" 51 | - name: "duracion" 52 | field: 53 | element: "select" 54 | label: "Duración" 55 | help: "Cantidad de minutos que le puede tomar a alguien leer y realizar lo que se expone en la entrada" 56 | options: 57 | - name: "5 min" 58 | value: 5 59 | - name: "10 min" 60 | value: 10 61 | - name: "15 min" 62 | value: 15 63 | - name: "20 min" 64 | value: 20 65 | - name: "25 min" 66 | value: 25 67 | - name: "30 min" 68 | value: 30 69 | - name: "35 min" 70 | value: 35 71 | - name: "40 min" 72 | value: 40 73 | - name: "45 min" 74 | value: 45 75 | - name: "50 min" 76 | value: 50 77 | - name: "55 min" 78 | value: 55 79 | - name: "60 min" 80 | value: 60 81 | - name: "github" 82 | field: 83 | element: "text" 84 | label: "URL de repositorio Github" 85 | help: "En caso de que tu entrada tenga relacionada un proyecto de Github, coloca aquí el URL del repositorio" 86 | value: "" 87 | - name: "thumbnail" 88 | field: 89 | element: "text" 90 | label: "Imagen de entrada" 91 | help: "Procura que la imagen sea de 200x200" 92 | value: "" 93 | - name: "categories" 94 | field: 95 | element: "hidden" 96 | value: "comunidad" 97 | - name: "tags" 98 | field: 99 | element: "multiselect" 100 | label: "Agregar etiquetas" 101 | placeholder: "Escoger etiquetas" 102 | alterable: true 103 | value: "" 104 | - name: "published" 105 | field: 106 | element: "hidden" 107 | value: true 108 | -------------------------------------------------------------------------------- /author/albertogg.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | title: Alberto Grespan 4 | author_name: Alberto Grespan 5 | description: Información de las entradas escritas por Alberto Grespan en el blog de Codehero. 6 | --- 7 | {% include templates/autor-detalle.html %} 8 | -------------------------------------------------------------------------------- /author/carlos.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | title: Carlos Picca 4 | author_name: Carlos Picca 5 | description: Información de las entradas escritas por Carlos Picca en el blog de Codehero. 6 | --- 7 | {% include templates/autor-detalle.html %} 8 | -------------------------------------------------------------------------------- /author/jonathan.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | title: Jonathan Wiesel 4 | author_name: Jonathan Wiesel 5 | description: Información de las entradas escritas por Jonathan Wiesel en el blog de Codehero. 6 | --- 7 | {% include templates/autor-detalle.html %} 8 | -------------------------------------------------------------------------------- /author/oscar.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | title: Oscar González 4 | author_name: Oscar González 5 | description: Información de las entradas escritas por Oscar González en el blog de Codehero. 6 | --- 7 | {% include templates/autor-detalle.html %} 8 | -------------------------------------------------------------------------------- /author/ramses.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | title: Ramses Velasquez 4 | author_name: Ramses Velasquez 5 | description: Información de las entradas escritas por Ramses Velasquez en el blog de Codehero. 6 | --- 7 | {% include templates/autor-detalle.html %} 8 | -------------------------------------------------------------------------------- /author/ricardo.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | title: Ricardo Sampayo 4 | author_name: Ricardo Sampayo 5 | description: Información de las entradas escritas por Ricardo Sampayo en el blog de Codehero. 6 | --- 7 | {% include templates/autor-detalle.html %} 8 | -------------------------------------------------------------------------------- /autores.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | title: Autores 4 | permalink: authors.html 5 | description: Ficha personal de todos los escritores del Codehero.co 6 | --- 7 | 8 |
9 |
16 |
17 |
--------------------------------------------------------------------------------
/como-lo-hago.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: default
3 | title: Cómo lo hago
4 | permalink: category/como-lo-hago.html
5 | description: Página de los cursos de cómo lo hago de Codehero.co, aquí encontrarás cursos rápidos de temas de actualizad como, Docker, Redis, tmux, nginx,vagrant, y más
6 | ---
7 |
8 |
17 |
--------------------------------------------------------------------------------
/comunidad.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: default
3 | title: Comunidad
4 | permalink: community.html
5 | description: Página de los aportes de la comunidad, aquí encontraras las entradas que han sido escritas por los contribuidores de Codehero.
6 | ---
7 |
9 | {% for post in site.posts %}
10 | {% if post.categories contains 'cómo lo hago' %}
11 | {% include article-section.html %}
12 | {% endif %}
13 | {% endfor %}
14 |
15 | {% include ads-section.html %}
16 |
8 |
17 |
--------------------------------------------------------------------------------
/contribuidores.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: default
3 | title: Contribuidores
4 | permalink: contributors.html
5 | description: Ficha personal de todos los contribuidores a Codehero.co
6 | ---
7 |
8 |
9 | {% for post in site.posts %}
10 | {% if post.categories contains 'comunidad' %}
11 | {% include article-section.html %}
12 | {% endif %}
13 | {% endfor %}
14 |
15 | {% include ads-section.html %}
16 |
9 |
16 |
17 |
--------------------------------------------------------------------------------
/contributor/mrtest.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: default
3 | title: Mr. Test
4 | author_name: Mr. Test
5 | description: Información de las entradas escritas por Mr. Test en el blog de Codehero.
6 | ---
7 | {% include templates/autor-detalle.html %}
8 |
--------------------------------------------------------------------------------
/cursos.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: default
3 | title: Cursos
4 | permalink: category/cursos.html
5 | ---
6 |
7 |
16 |
--------------------------------------------------------------------------------
/esenciales.md:
--------------------------------------------------------------------------------
1 | ---
2 | layout: default
3 | permalink: esenciales.html
4 | title: Codehero
5 | description: Página de esenciales de Codehero, encuentra aquí la información sobre nosotros, nuestros términos y condiciones y nuestra política de privacidad.
6 | ---
7 | Tómate unos minutos y conoce todo lo que debes saber sobre Codehero:
8 |
9 | - [Sobre Nosotros](http://codehero.co/sobre-nosotros.html)
10 | - [Términos y Condiciones](http://codehero.co/terminos-y-condiciones.html)
11 | - [Política de Privacidad](http://codehero.co/politica-de-privacidad.html)
12 |
--------------------------------------------------------------------------------
/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeheroco/codehero-static/49b4200545950b7b6a59a0d2a9853b9dc4b575e5/favicon.ico
--------------------------------------------------------------------------------
/feed.xml:
--------------------------------------------------------------------------------
1 | ---
2 | layout: nil
3 | ---
4 |
5 |
8 | {% for post in site.posts %}
9 | {% if post.categories contains 'cursos' %}
10 | {% include article-section.html %}
11 | {% endif %}
12 | {% endfor %}
13 |
14 | {% include ads-section.html %}
15 |
7 |
15 | {% include paginator.html %}
16 |
--------------------------------------------------------------------------------
/noticias.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: default
3 | title: Noticias
4 | permalink: category/articulos/noticias.html
5 | description: Entérate de los últimos acontecimientos del mundo de la tecnología.
6 | ---
7 |
8 |
9 | {% for post in paginator.posts %}
10 | {% include article-section.html %}
11 | {% endfor %}
12 |
13 | {% include ads-section.html %}
14 |
8 |
17 |
--------------------------------------------------------------------------------
/robots.txt:
--------------------------------------------------------------------------------
1 | User-agent: *
2 | Disallow: /search
3 | Disallow: /images
4 |
--------------------------------------------------------------------------------
/search.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: default
3 | title: Búsquedas
4 | description: Codehero te ofrece la página de búsquedas sobre artículos relacionados al desarrollo de software más rápida que hayas visto en tú vida.
5 | ---
6 |
9 | {% for post in site.posts %}
10 | {% if post.categories contains 'notícias' %}
11 | {% include article-section.html %}
12 | {% endif %}
13 | {% endfor %}
14 |
15 | {% include ads-section.html %}
16 |
7 |
18 |
--------------------------------------------------------------------------------
/search.json:
--------------------------------------------------------------------------------
1 | ---
2 | ---
3 | [
4 | {% for post in site.posts %}
5 | {
6 | {% if post.serie %}
7 | "title" : "{{ post.serie | escape }}: {{ post.title | escape }}",
8 | {% else%}
9 | "title" : "{{ post.title | escape }}",
10 | {% endif %}
11 | "url" : "{{ post.url }}",
12 | "tags" : [
13 | {% for tag in post.tags %}
14 | "{{tag}}" {% if forloop.last %}{% else %},{% endif %}
15 | {% endfor%}
16 | ],
17 | "date" : "{{ post.date | date: "%d/%m/%Y" }}",
18 | "author": "{{ post.author }}",
19 | "author_login": "{{ post.author_login }}",
20 | {% if post.serie %}
21 | {% for s in site.data.series %}
22 | {% if post.serie == s.name %}
23 | "thumb" : "{{ s.thumb }}"
24 | {% endif %}
25 | {% endfor %}
26 | {% elsif post.thumbnail %}
27 | "thumb" : "{{ post.thumbnail }}"
28 | {% else %}
29 | "thumb" : "http://placehold.it/200x200"
30 | {% endif %}
31 | } {% if forloop.last %}{% else %},{% endif %}
32 | {% endfor %}
33 | ]
34 |
--------------------------------------------------------------------------------
/series/django-desde-cero.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: series
3 | title: Django desde Cero
4 | series_header: Django desde Cero
5 | bg-color: 27AE60
6 | font-color: fff
7 | ---
8 | {% include templates/serie-detalle.html %}
9 |
--------------------------------------------------------------------------------
/series/ember-js-desde-cero.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: series
3 | title: Ember.js desde Cero
4 | series_header: Ember.js desde Cero
5 | bg-color: f5664d
6 | font-color: 555
7 | ---
8 | {% include templates/serie-detalle.html %}
9 |
--------------------------------------------------------------------------------
/series/git-desde-cero.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: series
3 | title: Git desde Cero
4 | series_header: Git desde Cero
5 | bg-color: f05033
6 | font-color: fff
7 | ---
8 | {% include templates/serie-detalle.html %}
9 |
--------------------------------------------------------------------------------
/series/index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: default
3 | title: Series
4 | description: Página de series de Codehero, aquí encontrarás fácilmente todos los capítulos de las series que más te gustan Laravel, Git Python, MongoDB, jQuery, y más
5 | ---
6 |
8 |
9 |
10 |
11 |
12 |
16 | {% include ads-section.html %}
17 |
13 |
15 | Búsqueda vacía...
14 |
7 |
28 |
--------------------------------------------------------------------------------
/series/ios-desde-cero.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: series
3 | title: iOS desde Cero
4 | series_header: iOS desde Cero
5 | bg-color: 17bce8
6 | font-color: fff
7 | ---
8 | {% include templates/serie-detalle.html %}
9 |
--------------------------------------------------------------------------------
/series/ios-siete-decodificado.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: series
3 | title: iOS 7 Decodificado
4 | series_header: iOS 7 Decodificado
5 | bg-color: 39e3ec
6 | font-color: fff
7 | ---
8 | {% include templates/serie-detalle.html %}
9 |
--------------------------------------------------------------------------------
/series/java-desde-cero.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: series
3 | title: Java desde Cero
4 | series_header: Java desde Cero
5 | bg-color: e92028
6 | font-color: fff
7 | ---
8 | {% include templates/serie-detalle.html %}
9 |
--------------------------------------------------------------------------------
/series/javascript-desmitificado.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: series
3 | title: JavaScript Desmitificado
4 | series_header: JavaScript Desmitificado
5 | bg-color: f0db4f
6 | font-color: 323330
7 | ---
8 | {% include templates/serie-detalle.html %}
9 |
--------------------------------------------------------------------------------
/series/jquery-desde-cero.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: series
3 | title: jQuery desde Cero
4 | series_header: jQuery desde Cero
5 | bg-color: 1169ae
6 | font-color: fff
7 | ---
8 | {% include templates/serie-detalle.html %}
9 |
--------------------------------------------------------------------------------
/series/laravel-4-desde-cero.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: series
3 | title: Laravel 4 desde Cero
4 | series_header: Laravel 4 desde Cero
5 | bg-color: e74c3c
6 | font-color: fff
7 | ---
8 | {% include templates/serie-detalle.html %}
9 |
--------------------------------------------------------------------------------
/series/mongodb-desde-cero.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: series
3 | title: MongoDB desde Cero
4 | series_header: MongoDB desde Cero
5 | bg-color: 4e3629
6 | font-color: fff
7 | ---
8 | {% include templates/serie-detalle.html %}
9 |
--------------------------------------------------------------------------------
/series/node-y-express.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: series
3 | title: Node.js y Express
4 | series_header: Node.js y Express
5 | bg-color: 90c640
6 | font-color: 46483e
7 | ---
8 | {% include templates/serie-detalle.html %}
9 |
--------------------------------------------------------------------------------
/series/objective-c-desde-cero.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: series
3 | title: "Objective-C desde Cero"
4 | series_header: "Objective-C desde Cero"
5 | bg-color: F1C40F
6 | font-color: 555
7 | ---
8 | {% include templates/serie-detalle.html %}
9 |
--------------------------------------------------------------------------------
/series/php-desde-cero.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: series
3 | title: PHP desde Cero
4 | series_header: PHP desde Cero
5 | bg-color: 9b59b6
6 | font-color: fff
7 | ---
8 | {% include templates/serie-detalle.html %}
9 |
--------------------------------------------------------------------------------
/series/python-desde-cero.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: series
3 | title: Python desde Cero
4 | series_header: Python desde Cero
5 | bg-color: 1ABC9C
6 | font-color: fff
7 | ---
8 | {% include templates/serie-detalle.html %}
9 |
--------------------------------------------------------------------------------
/series/ruby-desde-cero.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: series
3 | title: Ruby desde Cero
4 | series_header: Ruby desde Cero
5 | bg-color: ff4940
6 | font-color: fff
7 | ---
8 | {% include templates/serie-detalle.html %}
9 |
--------------------------------------------------------------------------------
/series/ruby-on-rails-desde-cero.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: series
3 | title: Ruby on Rails desde Cero
4 | series_header: Ruby on Rails desde Cero
5 | bg-color: c0392b
6 | font-color: fff
7 | ---
8 | {% include templates/serie-detalle.html %}
9 |
--------------------------------------------------------------------------------
/series/sinatra-desde-cero.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: series
3 | title: Sinatra desde Cero
4 | series_header: Sinatra desde Cero
5 | bg-color: a3a5a5
6 | font-color: 000
7 | ---
8 | {% include templates/serie-detalle.html %}
9 |
--------------------------------------------------------------------------------
/sobre-nosotros.md:
--------------------------------------------------------------------------------
1 | ---
2 | layout: default
3 | title: Sobre Nosotros
4 | permalink: sobre-nosotros.html
5 | description: Página que habla un poco de la historia de cómo nace Codehero.
6 | ---
7 | Este sitio web es una iniciativa que nace de la falta de recursos educativos sobre tecnologías de información en español.
8 |
9 | Codehero se funda en mayo de 2013 como un proyecto de tres jóvenes venezolanos, residentes de la ciudad de Caracas, con el sueño de llevar los conocimientos adquiridos durante sus estudios y experiencias de trabajo, hasta las personas que no tienen acceso a ella, principalmente porque no entienden la lengua más hablada del internet, inglés.
10 |
11 | Nuestro principal objetivo es proporcionar la mejor relación calidad-precio de educación en linea, sobre tecnología de la información para que puedas alcanzar tu máximo potencial, siempre en nuestro idioma favorito, español.
12 |
--------------------------------------------------------------------------------
8 |
10 | {% for series in site.data.series %} 11 |
12 |
24 | {% endfor %}
25 |
26 | {% include ads-section.html %}
27 | Series
9 |10 | {% for series in site.data.series %} 11 |
13 |
23 |
14 | 
15 |
16 |
17 |
22 |