Mostrando entradas con la etiqueta Proyectos web. Mostrar todas las entradas
Mostrando entradas con la etiqueta Proyectos web. Mostrar todas las entradas

2020-10-12

Utilizar NAMESPACED en CakePHP 2.x y composer para proyecto viejo..

Quizas tenes proyectos viejos que fueron creado en CakePHP 2.x  y siguen funcionando y que por tiempo o costos no pudiste actualizar a CakePHP 3.x o 4.x como es mi caso. 


Con estos pasos vas a poder utilizar NAMESPACED  sin que de error, siempre y cuando tengas configurado tu sistema (CakePHP 2.x con Composer y PHP 5 >= 5.3.0) para poder crear código más robustos y aplicar mejores prácticas con patrones de diseños y poder hacer un mantenimiento más simple del sistema.


Paso 1): Modificar tu archivo composer.json agregando algo similar a esto.

"autoload": {
  "psr-4": {
    "Mylib\\": "app/Lib/Mylib/"
  }
}

Paso 2): Ejecuta el siguiente comando donde esta el archivos composer.json que modificaste.

composer dump-autoload

Paso 3): Crear tu class dentro de "app/Lib/Mylib" o SubCarpeta según el caso y como esta en el ejemplo.

<?php

// app/Lib/Mylib/Error/MyErrorHandler.php
namespace Mylib\Error;

class MyErrorHandler
{
    ........
}

Paso 4): Ejemplo de como utilizarlo dentro de un controller

<?php

App::uses('AppController', 'Controller');

use Mylib\Error\MyErrorHandler;

class UsersController extends AppController

{

    public $components = array('Paginator', 'Session', 'Flash');

    public function index()

    {

        $testDemo = new MyErrorHandler() ;
        $testDemo ->myTest1(__('Error EOM ;-]')) ;
        var_dump($testDemo ) ;

        $this->set('clientesReferidosNiveles', $this->Paginator->paginate());

    }

.....
.....
.....


Listo eso es todo para poder utilizar tus class y el load automático con  NAMESPACED.

Saludos y espero que le sea útil ;-)

2013-09-09

UIBox Sitio web con muchos rescursos listo para utilizar en nuestros desarrollos web.


UIBox es una página web que funciona a modo de librería o recopilación de muchos componentes, tratando de solucionar una de las mayores fortalezas y debilidades de Internet: su tamaño, a pesar que exista de todo, es tan grande que es difícil encontrarlo, el autor de la página web se encarga de recolectar los elementos manualmente, comprobar que tengan un Demo funcional, excelente documentación, y el soporte de varios navegadores, al encontrar un componente con estas características lo agrega a la librería haciéndolo más fácil de encontrar y posteriormente integrar en nuestros proyectos.
Así que la próxima vez que necesites algún componente rápido para tu proyecto solo entra a  UIBox y lo tendrás funcionando en minutos.

2012-06-28

RedactorJs una alternativa a CKEditor y TinyMCE que solo pesa 40Kb

Navegando por internet me encontre con este editor WYSIWYG, llamado Redactor que esta escrito en jQuery y el cual tiene las opciones mas utilizada de un editor y hasta permite subir fotos y que las agregue a nuestro contenido. 
Es compatible con IE8+, Opera, Chorme, Firefox, Safari, Ipad, Iphone, Android 4

2012-06-25

Cambiar el aspecto del input file con CSS y JavaScript

Con este codigo podemos personalizar el boton de los input file, para que podamos subir archivos y tener un aspecto mas acorde a nuestro diseño.

2012-06-16

3 Días de vídeos tutoriales de Symfony 2, todo en catellano

Acá le dejor 3 dias de videos tutoriales de Symfony 2 con sus respectivas presentaciones también, que fue realizado en el evento "deSymfony 2011" es bueno para lo que quieren aprender sobre este framework ya que todo el contenido de los vídeos es 100% en castellano.


Primer día (1 de julio):
Segundo día (2 de julio):
Tercer día (3 de julio):

Lista de iconos "fontface Icon Sets", para bajar y utulizar en nuestros proyectos web


Estupenda lista con iconos para nuestros sitio web "@fontface Icon Sets"en su gran mayoría gratis y otros pagos

Modern Pictograms

Modern Pictograms @fontface font
Number of Icons/Characters: 89
Download Page: Modern Pictograms →

Web Symbols Typeface

Web Symbols Typeface @fontface font
Number of Icons/Characters: 77
Download Page: Web Symbols Typeface →

A Free Icon Web Font

A Free Icon Web Font @fontface font
Number of Icons/Characters: 60
Download Page: A Free Icon Web Font →

Iconic Icon Set

Iconic Icon Set @fontface font
Number of Icons/Characters: 171
Download Page: Iconic Icon Set →

Raphaël Icon-Set

Raphaël Icon-Set @fontface font
Number of Icons/Characters: 116
Download Page: Raphaël Icon-Set →

Modern Pictograms

Modern Pictograms @fontface font
Number of Icons/Characters: 92
Download Page: Modern Pictograms →

Symbol Signs

Symbol Signs @fontface font
Number of Icons/Characters: 21
Download Page: Symbol Signs →

Pictos

Pictos @fontface font
Number of Icons/Characters: 94
Valor: $49
Download Page: Pictos →

Fico

Fico @fontface font
Number of Icons/Characters: 52
Valor: €19
Download Page: Fico →

Web Symbols

Web Symbols @fontface font
Number of Icons/Characters: 78
Download Page: Web Symbols →

iconSweets 2

iconSweets 2 @fontface font
Number of Icons/Characters: 400+
Valor: $8
Download Page: iconSweets 2 →

Tipogram

Tipogram @fontface font
Number of Icons/Characters: 90
Valor: $18
Download Page: Tipogram @fontface font” width”640″>

InfoBits Icons & Dingbats

InfoBits Icons & Dingbats @fontface font
Number of Icons/Characters: 190
Valor: $29
Download Page: InfoBits Icons & Dingbats →

ikoo

ikoo @fontface font
Number of Icons/Characters: 65
Download Page: ikoo →

Social Media Icons Pack

Social Media Icons Pack @fontface font
Number of Icons/Characters: 74
Download Page: Social Media Icons Pack →

GUI Design Icons

GUI Design Icons @fontface font
Number of Icons/Characters: 30
Valor: $17
Download Page: GUI Design Icons →

Dot Com Font

Dot Com Font @fontface font
Number of Icons/Characters: 93
Download Page: Dot Com Font →

ClickBits Web Icon & Dingbat System

ClickBits Web Icon & Dingbat System @fontface font
Number of Icons/Characters: 300+
Valor: $49
Download Page: ClickBits Web Icon & Dingbat System →

Social Networking Icons Font

Social Networking Icons Font @fontface font
Number of Icons/Characters: 56
Price: Free
Download Page: Social Networking Icons Font →

Writesocial

Writesocial @fontface font
Number of Icons/Characters: 18
Valor: $10
Download Page: Writesocial @fontface font” width”640″>

JustVector Social Icons Font

JustVector Social Icons Font @fontface font
Number of Icons/Characters: 30
Download Page: JustVector Social Icons Font →

Flexi Social Icons

Flexi Social Icons @fontface font
Number of Icons/Characters: 65
Valor:  $29
Download Page: Flexi Social Icons →

Iconos gratis con Font Awesome para Twitter Bootstrap 2.0

Mas iconos para nuestro Bootstrap 2.0, para seguir mejorando las posibilidades que ofrece este Framework CSS.



Link: fortawesome.github.com/Font-Awesome/

2012-06-12

Introducción a Zend Framework 2 en Castellano


Introducción a Zend Framework 2 (beta)

Autor: Rob Allen, www.akrabat.com
Versión original: Getting started with Zend Framework 2 (beta), Revisión 0.3.2
Copyright © 2011, 2012
Traducción: Alejandro Mohamad, www.alemohamad.com
Este tutorial está destinado a brindar una introducción al uso de Zend Framework 2 mediante la creación de una aplicación simple con base de datos, utilizando el paradigma de Modelo-Vista-Controlador.
Nota: Este tutorial ha sido testeado en la beta 3 de Zend Framework 2. Puede que funcione en versiones más recientes, pero es probable que no lo haga en versiones anteriores.

2012-06-02

Bootswatch te permite bajar otras combinaciones de colores para nuestro Booststrap

Bootswatch es un sitio donde podemos ver y bajar distintas combinaciones de colores para utilizar en nuestro proyecto que se basa sobre el Booststrap 2

Link: http://bootswatch.com/

Themes, Templates basado en Booststrap

WrapBootstrap es un sitio dedicado a crear templates o temas web sobre el Framework Booststrap de Twitter; para nuestros administrador web, sitio web frontend, wordpress, etc.. Con un coto bajo, el cual nos permite ganar tiempo en nuestros desarrollos.


Link: http://wrapbootstrap.com/

2012-05-12

Mejorar el aspecto del reproducto de Youtube para insertar video en nuestros sitios webs

Una forma mas elegante de insertar videos de youtube, sin que muestre los controladores ni el icono de play, solo muertes un logito de youtube 3 segundos y se oculta.


Lo importante del código es estos parámetros 


"version=3&feature=player_detailpage&showinfo=0&rel=0&controls=0&theme=light"


2011-12-14

Video Tutorial con Tip sobre Modernizr + CSS3 y HTML5 en castellano



Modernizr es una librería javascript que nos ayuda a tener un control en el uso de CSS3 Y HTML5 cuando nuestra página web se muestra en navegadores que no soportan estas tecnologías.

En es siguiente video se muestra el uso de esta librería, se trabaja con la propiedad CSS3 boxshadow y con el atributo placeholder de HTML5
Suscríbete a monitojoomla en youtube para que puedas ver todos los videos publicados

2011-12-07

CSS: Tabla de Equivalencias entre px, %, pt y em


Daniel de Webadictos nos da a conocer una excelente tabla de equivalencias para usar en tus CSS entre pixeles, porcentajes, puntos y emphasis (px, %, pt y em), los que saben de esto muchas veces prefieren utilizar valores sobre em (emphasis) debido a que su equivalencia en dispositivos puede ser mejor manejada sin perder la fidelidad de los textos a diferencia de como sucede con los pixeles.
PtsPxEmPorcentaje
6pt8px0.5em50%
7pt9px0.55em55%
7.5pt10px0.625em62.5%
8pt11px0.7em70%
9pt12px0.75em75%
10pt13px0.8em80%
10.5pt14px0.875em87.5%
11pt15px0.95em95%
12pt16px1em100%
13pt17px1.05em105%
13.5pt18px1.125em112.5%
14pt19px1.2em120%
14.5pt20px1.25em125%
15pt21px1.3em130%
16pt22px1.4em140%
17pt23px1.45em145%
18pt24px1.5em150%
20pt26px1.6em160%
22pt29px1.8em180%
24pt32px2em200%
26pt35px2.2em220%
27pt36px2.25em225%
28pt37px2.3em230%
29pt38px2.35em235%
30pt40px2.45em245%
32pt42px2.55em255%
34pt45px2.75em275%
36pt48px3em300%

La tabla fue publicada originalmente en WorldTechnies y de hecho ellos mencionan que esta tabla puede tener ciertas variaciones, dependiendo del Sistema Operativo, Navegadores y Resolución, yo le añadiría de igual manera Dispositivos.