Tecnico Programador

CSS: Trucos y Efectos con imágenes

Como publicar "Publish Web" con Visual Studio Express Edition

Aspnet_compiler.exe

La herramienta de compilación de ASP.NET (Aspnet_compiler.exe) hace posible la compilación de una aplicación Web ASP.NET, en el propio lugar donde se encuentra o para implementarse en una ubicación de destino como un servidor de producción

xDebug Php For NetBeans and EasyPhp

Pasos para Configurar xDebug en EasyPhp

Unrecognized attribute 'targetFramework'. Note that attribute names are case-sensitive.

CSS: Especifico para IE, Generador de Textos y Hacks

No se puede cargar el archivo o ensamblado System.Web.Extensions Version=1.0.61025.0

Problema

Tips CSS: Efecto Hover, Gaussiano, Texto 3D y Sombras sin Imagenes

Estilos de Sombras con CSS sin Imagenes

Error de Analizador. Application ASP.NET, Web Site y Virtual Directory

Error del analizador Descripción: Error al analizar el recurso requerido para dar servicio a esta solicitud. Revise los detalles de error de análisis específicos y modifique el archivo de código fuente en consecuencia. Mensaje de error del analizador: No se puede cargar el ensamblado 'App_Web_jok6qv5y'. Asegúrese de que está compilado antes de obtener acceso a la página.

Definiciones para Tener Claro los Conceptos

Posibles Soluciones

Información de versión: Versión de Microsoft .NET Framework:2.0.50727.3615; Versión ASP.NET:2.0.50727.3618

Service Unavailable en una Pool Aplicaciones del IIS o Proceso w3wp.exe

Que Podemos Hacer

Error: No se pudo realizar la inicialización de la caché permanente de plantillas para el grupo de aplicaciones 'xxx' debido al siguiente error: No se pudo crear un subdirectorio de caché de disco para el grupo de aplicaciones. Los datos pueden tener códigos de error adicionales..

Pasos a Seguir Para la Solucion

Recurso Fácil

Nuevas Caracteristicas de los Formularios Web en HTML5

Ejemplos de nuevos tipos de INPUT

<input type="number">
<input type="range">
<input type="date"> and other date/time controls
<input type="color">
<input type="search">
<datalist> element and list attribute
<input type="tel">
<input type="email">
<input type="url">

Nuevas Formas de Representar Datos

<output>
<progress>
<meter>

Propidades para las Validaciones

required
type
pattern

Referencias

Round-Corners y Gradient CSS para Todos los Navegadores

Bordes Redondos Con CSS

Fondo Degradado Con CSS

Bordes Redondos y Fondo Degradado Con CSS

Degradado Redondo Sombra y CSS

Referencias

Herramientas para Optimizar Imagenes Online en momentos de apuros

Redimensionar

Optimizar

Recomendación

<IMG src="images/name.png" width="200px" height="200px" />

Menus Dinamicos en Vertical con CSS y Javascript

Como Saber la Version del IIS instalada

Como Ver la Version del IIS (Internet Information Service)

Versión IIS Desde Páginas ASP

<%=System.Diagnostics.FileVersionInfo.GetVersionInfo(System.Environment.SystemDirectory + "\\inetsrv\\inetinfo.exe")%>

File:             C:\WINDOWS\system32\inetsrv\inetinfo.exe
InternalName:     INETINFO.EXE
OriginalFilename: INETINFO.EXE
FileVersion:      5.1.2600.2180 (xpsp_sp2_rtm.040803-2158)
FileDescription:  Internet Information Services
Product:          Internet Information Services
ProductVersion:   5.1.2600.2180
Debug:            False
Patched:          False
PreRelease:       False
PrivateBuild:     False
SpecialBuild:     False
Language:         English (United States)

Como crear un Planeta de Blogs

Que Necesitamos

Los Plugins

Agregar Atributos para acceder desde Javascript

Primero Crear el Atributo Customizable

protected void AgregarAtributoMyId(ControlCollection controls)
    {
        foreach (Control ctrl in controls)
        {
            if (ctrl is WebControl)
                ((WebControl)ctrl).Attributes.Add("myId", ctrl.ID);
        }
    }

Recuperar el Valor del Atributo desde Javascript

var ctrl = document.getElementById(txtControlClientID);
    aux = ctrl.attributes.item('myId').value+'='+ctrl.value;  

Conclusión

Alternativa al Adsense Asincrono, para mejorar la velocidad

Very Best method for Load Adsense

<html>
...
<body>
	<!-- ... Header, Menu, Content,  -->
	<!-- Article -->
	<div id="ad1_inline"></div>
	<!-- Article End -->
	<!-- ... Footer -->

	<!-- Adsense Code Abajo del Todo -->
	<div id="ad1_footer" style="display: none;">
	<script type="text/javascript"><!--
	<em>Google ad params</em>
	//--></script>
	<script type="text/javascript" src="...show_ads.js"></script>
	</div>

	<script type="text/javascript">
		window.onload = function() {
			document.getElementById('ad1_inline').appendChild(document.getElementById('ad1_footer'));
			document.getElementById('ad1_footer').style.display = '';
		}
	</script>
</body>
</html>

Cargar Asíncronamente Javascript

function loadScript(url, callback){
 var script = document.createElement("script")
 script.type = "text/javascript";

 if (script.readyState){  //IE
    script.onreadystatechange = function(){
     if (script.readyState == "loaded" ||
         script.readyState == "complete"){
           script.onreadystatechange = null;
           callback();
        }
     };
 } else {  //Others
   script.onload = function(){
     callback();
   };
 }

 script.src = url;
 document.getElementsByTagName("head")[0].appendChild(script);
}

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/min.js"></script>
<script type="text/javascript">
	loadScript("<?php bloginfo('template_url'); ?>/js/utils.js", function(){ });	
</script>

Auto Eventos del PostBack en Paginas aspx

Como aplicar estilos CSS o Themes a paginas o Skins a controles en asp.net

Configurar el Proyecto Entero

<configuration>
    <system.web>
        <pages theme="ThemeName" />
    </system.web>
</configuration>

Aplicar un estilo concreto a una Página

<%@ Page Theme="ThemeName" %>
<%@ Page StyleSheetTheme="ThemeName" %>

Aplicar estilo a un WebControl

<asp:button runat="server" BackColor="lightblue" BorderColor="AliceBlue" Font-Bold ="true" ForeColor="black"/>

<asp:button runat="server" SkinID="mySkin" BackColor="Brown" BorderColor="AntiqueWhite" Font-Bold ="true" ForeColor="black"/>

<asp:Button ID="btnMySkinButton" runat="server" SkinID="mySkin" />

Referencias

Como conseguir busquedas voy a tener suerte en Wordpress

Pasos a Seguir

<?php
    if ((is_search()) && (have_posts())) {
        if (count($posts)==1)
        {
            the_post();
            $mypermalink = get_permalink(get_the_ID());
            header( "Location: $mypermalink");
        }
    }
?>

if (count($posts)==1)

Llamadas al servidor desde el cliente con DoCallBack y DoPostBack ASP.NET

Ejemplo DoCallBack

public partial class mipage : System.Web.UI.Page, System.Web.UI.ICallbackEventHandler

#region ICallbackEventHandler
private string respuestaCallBack = string.Empty;
void  ICallbackEventHandler.RaiseCallbackEvent(string eventArg)
{
	respuestaCallBack = "Es posible "+eventArg;
}

String ICallbackEventHandler.GetCallbackResult()
{
	return respuestaCallBack;
}
#endregion

WebForm_DoCallback(controlImplementInterfaz,datosenvio,funcionJScallback,idllamada,funcionJSerror, esAsincrono);

//Llamamos al siguiente método desde el PageLoad
protected void RegisterScriptVariables()
{	
	System.Text.StringBuilder sbJS = new System.Text.StringBuilder();
	sbJS.Append("var controlImplementInterfaz = '" + this.UniqueID + "';");

	// registrar en la página el código JavaScript
	Page.ClientScript.RegisterClientScriptBlock(this.GetType(),"ScriptVariablesJS", sbJS.ToString(), true);
}

function CallServer()
{
	WebForm_DoCallback(controlImplementInterfaz, datosenvio, CallServerCallBack, null, null, false);
}

function  CallServerCallBack(result, idLlamada) 
{
	alert(result);
}

Referencias de Ayuda Callbacks

Ejemplo DoPostBack

<input type="hidden" name="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" value="" />

function __doPostBack(eventTarget, eventArgument) {
	 if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
		theForm.__EVENTTARGET.value = eventTarget;
		theForm.__EVENTARGUMENT.value = eventArgument;
		theForm.submit();
	 }
}

//Javascript
function CallServerMethod()
{
    __doPostBack('OpcionA','');
}

//Código Servidor
protected void Page_Load(object sender, EventArgs e)
{
	if (Request.Params["__EVENTTARGET"] == "OpcionA")
		ServerMethod();
	else
		//ServerMethodWithParameters(Request.Params["__EVENTARGUMENT"]);

	if (!Page.IsPostBack)
	{
		//...
	}
}
protected void ServerMethod()
{
	//Ponemos el código que necesitamos en el lado Servidor
}

Las Claves del ModalPopupExtender ASP.NET

<asp:Button ID="btnModal" runat="server" Text="Consultar 1" CausesValidation="False" OnClientClick="javascript:showmpe();"/>    

<ajaxToolkit:ModalPopupExtender runat="server"
    ID="mpeSelec"   
    BehaviorID="mpeSelec"
    TargetControlID="btnModal"
    PopupControlID="pnlModal"
    BackgroundCssClass="modalBackground"     
    OkControlID="btnAceptarModal" 
    OnOkScript="Aceptar()"
    CancelControlID="btnCancelarModal" 
    OnCancelScript="Cancelar()"> 
</ajaxToolkit:ModalPopupExtender>

<asp:Panel ID="pnlModal" runat="server" style="margin:auto; text-align:center;" Width="400px" class="panel1" BackColor="white" Height="400px">
	<!--Aqui el Código que queremos tipo PopUp-->
	<asp:Panel ID="pnlInfo" runat="server" ScrollBars="Vertical" Height="80%">
		<!--Más Código-->
	</asp:Panel>
    <div style="text-align: center; margin:auto;">
        <asp:Button id="btnAceptarModal" runat="server" Text="Aceptar" CssClass="boton"  CausesValidation="False" ></asp:Button>
        <asp:Button id="btnCancelarModal" runat="server" Text="Cancelar" CssClass="boton" CausesValidation="False" ></asp:Button>
    </div>
	</asp:Panel>
</asp:Panel>

function showmpe()
{
    var modal=$find('mpeSelec');    
    if (modal!=null)
    {
        modal.show();
    }
}

function Aceptar()
{
    alert('Ok');
}

function Cancelar()
{
    alert('Cancel');
}

A tener en Cuenta

Posibles Problemas

Referencias y ayudas

Buenas practicas Javascript y Php

No puede cargar Assembly microsoft.office.interop.word

Solución

Ha intentado ejecutar un programa CGI, ISAPI u otro programa ejecutable desde un directorio que no permite ejecutar programas

Tipos de Permisos de Ejecución

Utilizar la API Ajax de Google para Las Busquedas Relacionadas

API Google Ajax Javascript

Conseguir las búsquedas Relacionadas

<?php $keysreferrer = getKeywords();
    if($keysreferrer!='')
    { ?>

     <script src="http://www.google.com/jsapi?key=ABCDF" type="text/javascript">
        </script>
        <script language="Javascript" type="text/javascript">
        //<![CDATA[
        google.load("search", "1", {"language" : "es"});
        function OnLoad()
        {
            var keys = '';
            var domain = 'komoloves.com';
            keys = "<?php echo $keysreferrer; ?>";
            OnLoadSearchRelated(domain, keys);
        }
        google.setOnLoadCallback(OnLoad);
        //]]>
        </script>
<?php } ?>

function OnLoadSearchRelated(domain, keywords) {
    // Create a search control
    var searchControl = new google.search.SearchControl();
    
    var options = new google.search.SearcherOptions();
    options.setExpandMode(google.search.SearchControl.EXPAND_MODE_OPEN);

    var siteKomoloves = new google.search.WebSearch();
    siteKomoloves.setUserDefinedLabel(domain);
    siteKomoloves.setUserDefinedClassSuffix("site"+domain);
    siteKomoloves.setSiteRestriction(domain);
    searchControl.addSearcher(siteKomoloves, options);

    var siteYoutube = new google.search.VideoSearch();
    siteYoutube.setUserDefinedLabel("Videos");
    siteYoutube.setUserDefinedClassSuffix("siteYoutube");
    
    searchControl.addSearcher(siteYoutube, options);   
    searchControl.draw(document.getElementById("searchcontrol"));

    searchControl.setResultSetSize(google.search.Search.SMALL_RESULTSET);
    // Execute an inital search
    searchControl.execute(keywords);
}

<?php
$showdiv = getKeywords();
if($showdiv!=''){ ?>
    <div class="box-sidebar-380">
        <div id="searchcontrol">Loading...</div>
    </div>
<?php } ?>

Plugins de Desarrollo Web para Varios Navegadores

Internet Explorer

Para habilitar el Debug en el Navegador
Tools - Internet Options - Pestaña "Advanced" 
desmarcar "Disable Script Debugging" <em>(Las dos opciones existentes)</em>
Para Abrirlo y Utilizarlo
View - Script Debugger - Open

Firefox

Chrome

Conclusión

Acortar las URL con la Api de Bit.ly para PHP

Recursos

Ejemplo de Uso

function CreateBitly()
{
    include_once("bitly.php");
    return new Bitly("yourlogin","yourapikey");
}

function myfunction($title, $url)
{ 
    $bitly = CreateBitly();
    $urlbit = $bitly->shorten($url);
    //utilizar $urlbit como queramos
    ...

Crear metodos para enviar a Twitter y a Facebook desde Wordpress (I)

function GetTwitter($title, $url)
{
    $link = 'http://www.twitter.com/home?status=RT+@komoloves+'.str_replace(' ','+',$title).'+'.str_replace(' ','+',$url);
    echo $link;
}
function GetFacebook($title, $url)
{
    $link = 'http://www.facebook.com/share.php?u='.str_replace(' ','+',$url).'&t='.str_replace(' ','+',$title);
    echo $link;
}

<div class="social">
  <a href="<?php GetTwitter(the_title('','',false), get_permalink(get_the_ID())); ?>" target="blank" title="send to twitter" rel="nofollow"><img src="<?php bloginfo('stylesheet_directory');?>/images/twitter.png" title="twitter send" alt="Enviar a Twitter" width="165px" height="30px" ></a>
  <a href="<?php GetFacebook(the_title('','',false), get_permalink(get_the_ID())); ?>" target="blank" title="send to facebook" rel="nofollow"><img src="<?php bloginfo('stylesheet_directory');?>/images/facebook.png" title="facebook send" alt="Enviar a Facebook" width="165px" height="30px" ></a>
</div>

7 Cosas que nos recomiendan para mejorar en el SEO

9 Cosas que Debemos evitar para ganar puntos SEO

Todo lo que hagamos que le de más trabajo a los robots de los motores de búsqueda ¡Malo!

SEO para principiantes orientado a Motores de Busqueda

Puntos Clave

Conclusión