Skip to content

Instantly share code, notes, and snippets.

View kenyk7's full-sized avatar
🏠
Working from home

Kenyk Romero kenyk7

🏠
Working from home
11 followers · 23 following
View GitHub Profile
@kenyk7
kenyk7 / app.md
Last active November 3, 2022 21:58
Eslint

Mi "App js"

Escribiendo "Hello world" en Javascript

Primer acto

var hello_world ="Hello world"
console.log(hello_world)

Eslint: Error: Unexpected var, use let or const instead no-var

@kenyk7
kenyk7 / dart.md
Last active November 15, 2022 13:37
Dart Intro -> Variables, Funciones
@kenyk7
kenyk7 / main.dart
Last active October 13, 2022 03:23
Dart order list object by property
class Category {
const Category({
required this.name,
});
final String name;
}
List<Category> categories = [
const Category(name: 'cat3'),
const Category(name: 'cat1'),
@kenyk7
kenyk7 / Youtube.tsx
Last active September 21, 2023 13:42
Youtube Basic React Component
/* eslint-disable @typescript-eslint/no-explicit-any */
import {
forwardRef,
Ref,
useEffect,
useImperativeHandle,
useRef,
useState,
} from 'react';
@kenyk7
kenyk7 / Flutter BLoC combine rxdart.dart
Created August 2, 2022 02:43
import 'package:flutter/material.dart';
import 'package:rxdart/rxdart.dart';
class AppBloc extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
darkTheme: ThemeData.dark(),
theme: ThemeData.light(),
home: const HomePage(),
@kenyk7
kenyk7 / Flutter BlendMode cards + CustomPainter.dart
Last active September 26, 2022 16:52
Flutter BlendMode cards + CustomPainter, Logo Nequi
import 'dart:math' as math;
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
@kenyk7
kenyk7 / index.html
Created July 12, 2022 02:28
Canvas draw
<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="400" height="90">
Your browser does not support the HTML canvas tag.
</canvas>
<script>
var c = document.getElementById("myCanvas");
@kenyk7
kenyk7 / CustomPainter navbar with center floating.dart
Last active August 11, 2022 17:14
CustomPainter navbar with center floating
// Copyright (c) 2019, the Dart project authors. Please see the AUTHORS file
// for details. All rights reserved. Use of this source code is governed by a
// BSD-style license that can be found in the LICENSE file.
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
@kenyk7
kenyk7 / react-redux-style-guide.md
Created November 14, 2017 04:58 — forked from datchley/react-redux-style-guide.md
React + Redux Style Guide
@kenyk7
kenyk7 / Code Style:Html,Sass.md
Last active January 3, 2017 20:45
Code Style:Html,Sass

Html y Sass

Para crear html primero hay que pensar o apostar porque mas adelante se pueda crear una guía de estilo ya que nos ayudará a estandarizar nuestro código y asi cuando alguien nuevo se una al equipo de desarrollo, pueda leer la guía de estilo creada y seguir las mismas prácticas de desarrollo.

Html: etiquetas globales

Sabiendo que el nuevo proyecto se diseño correctamente y comensaremos por estilizar nuestras etiquetas html globales como h1, h2, p, ul ,etc; como tamaños, colores, entre otras.

Escribir html

Aspectos importantes a tomar en cuenta antes de empezar a crear nuestro html:

  • Crear html para reutilizar: Componentes con clases, ejm: button, tags, cards, etc .
  • Pensar que el SEO de una web puede cambiar pero no el UI ni el UX - Evita estilizar a las etiquetas html directamente(h1, h2, h3, div, article, etc) en su lugar crea clases.