Archivo de la etiqueta: HTML

Creating a Standard Data Layer for the Tag Management Industry – via @googleanalytics


It’s been an exciting few months for Google Tag Manager. As referenced in our previous post this morning, Google Tag Manager is now serving twice the amount of traffic it was in April 2013 and we have been steadily adding features. Recently, at Google I/O, we announced that  Google Tag Manager will also work with mobile applications.

Source http://analytics.blogspot.com.ar/

 
This week, a consortium of companies, including IBM, Accenture and more, along with the W3C, announced they are collaborating to create a standard Data Layer.
 
The data layer is a core component of Google Tag Manager and a common way for all businesses to implement tag management tools. It’s a standard way to format data within a web page.  Think of the data layer as a central way for analytics and marketing tools to communicate and share data on a web page.
 

 
It’s typically used in two ways: 1. to store data and provide a clear separation between the data and presentation layer of the page and 2. to store data when some type of user activity occurs.  The information in the data layer can then be consumed by different web technologies, like analytics tools or marketing tools, through a tag management platform.
 
Through the W3C community group we’re supporting the effort to standardize the format and syntax of the data layer. This will make it a lot easier for businesses to add data to HTML  and access it with different tools. An industry-wide standard will create a common way that websites and tag management tools can interact – thus making it easier on site owners.
 
Standards can not exist in a vacuum. They need adoption. Please take some time to learn about this effort and the specification. You can learn more about the work at the W3C Customer Experience Digital Data Standard Community Group site where you can also review the first draft of the Specification. If you’re interested in participating please join the group and help us test and refine the spec.
 
Posted by Brian Kuhn, Lukas Bergstrom & Justin Cutroni, Google Tag Manager Team

Tips for Building Your First Web App – Thnxz @sixrevisions


These tips are from a person who started out as someone who wasn’t familiar with Web programming. When I first started developing my first web app, I wasn’t a web developer. I was a business guy.

(If you want to read my story on how I built my first web app in only a few months using Ruby on Rails, check out my article: Why Making Web Apps with Rails Is Awesome.)

An assumption I’m going to make about you, the person reading this article, is that you’re already a web developer, or that you’ll be hiring one for your first web app. I’ll be discussing practical, general tips that are applicable to all web apps regardless of what Web technologies you’re using. So please don’t expect some deep-level web programming techniques in this article, because you’ll find none.

Another assumption I’m making is that you’re going to build your first web app without investing hundreds of thousands of dollars into version 1.0. I’ll assume that your budget is in the $5,000 range largely because that’s where my experience lies.

With my preface all said and done, let me share my seven tips based off my own web app development experience.

1. Think in Terms of Data Relationships

Regardless of complexity, size or feature set, you can break down any web application into this simple operational mechanics:

  1. The web app takes in data from users
  2. The web app processes and decides what to do with that data
  3. The web app produces some output for the users

All web apps work like that, so at the start, it’s best to break down your web app’s core features into data relationships to see:

  • How your web app should be built
  • How your web app might deal with user data and presentation
  • What features you need to prioritize
  • What web services and web technologies you’ll need to enlist and get familiar with

And so on. | Full article +INFO :)

For example, let’s take the primary feature of Instagram — posting a photo up on the photo-sharing service — and break it down into the fundamental operational mechanics above:

  1. The web app takes in a photo from users
  2. The web app processes the photo to scale it up or down to the layout of Instagram and also what photo effect the user wants to apply to the photo
  3. The web app produces a modified image and displays it for the usersI know you may not be able to think naturally like that at first whenever you look at web apps, but the more you use other web apps, and the more you think about them in all of these little pieces of data relationships, the easier it is for you to conceptualize and build your web app.

2. Keep Track of UIs and Websites That Inspire You

Do you have examples of web applications and websites that you like?
Full article +INFO :)

 

3. Keep the First Version as Simple as Possible

Building a minimum viable product (MVP) is a popular concept for online startups.
Full article +INFO :)

 

4. Focus on Behavior and Less on Look-and-Feel

Quite often, frustrations that people have with a web app come from the way it behaves, not the way it looks.
Full article +INFO :)

 

5. Use Free or Affordable Web Services as Much as Possible

Even if you just won the lottery and have money to burn, don’t be frivolous with your funds.
Full article +INFO :)

 

6. Use Third-Party APIs with Caution

An API is a way for a developer to get access to the data of an external web service. For example, Twitter’s API allows any developer to build an app that accesses public tweets and the account information of Twitter users.
Full article +INFO :)

 

7. Focus on the Excellent Execution of Your Idea

I can’t think of one web app that was successful based solely on being “the first.”
Full article +INFO :)

Prepado para una entrevista de trabajo? Sos Desarrollador Web? hacé tu checklist – @codejobs


Preguntas generales:

  • ¿Qué sistemas de control de versiones ha usado (Subversion, Git, etc.)?
  • ¿Cuál es su ambiente de desarrollo favorito (Sistema Operativo, Editor de Texto, Navegadores, Herramientas, etc.)?
  • ¿Puede describir el proceso que sigue cuando crea una página web?
  • ¿Puede describir la diferencia entre “Progressive Enhancement” y “Graceful Degradation”?
    • Puntos extra si el entrevistado menciona “detección de capacidades”.
  • Explique qué significa “HTML Semántico”.
  • ¿Cuál es el navegador que utiliza principalmente para el desarrollo y qué herramientas de desarrollo usa?
  • ¿Cómo optimiza los recursos de una web?
    • Se espera una lista respuestas tales como:
      • Concatenación de archivos
      • Compresión (minificación) de archivos
      • Utilizar un CDN
      • Caching
      • etc.
  • ¿Por qué es mejor utilizar varios dominios para distribuir los recursos de una página web?
    • ¿Cuántos recursos se pueden descargar simultáneamente de un mismo dominio?
  • Mencione tres formas para disminuir el tiempo de carga de una página (tiempo real o percibido).
  • Si se ha unido a un proyecto y los desarrolladores usan tabs y usted usa espacios, ¿qué hace?
    • Sugerir que el proyecto utilice algo como EditorConfig (http://editorconfig.org)
    • Mantener la convención establecida y utilizar tabs.
    • Utilizar el comando :retab!
  • Escriba un página con una galería sencilla.
  • ¿Qué herramientas usa para probar el rendimiento de su código?
  • Si pudiera elegir una tecnología para dominar este año, ¿cuál sería?
  • Explique la importancia de estándares y los grupos que los definen.
  • ¿Sabe que es el FOUC? ¿Cómo lo evita?

Preguntas específicas de HTML

Preguntas específicas de JavaScript

Respuestas y ejemplos! Seguí por acá :)

Basic Web Design Video Course – Wireframing, Photoshop Tools & Panels, and Designing [Part 1]


Hello everyone, this is Mike and welcome to my Basic Web Design Video Course. In this course I will walk you through the very basic steps on what to do and what to learn before, and during, building a website. You’ll learn all the steps I use including: planning, wireframing, using basic tools and panels in Photoshop, basic HTML and CSS, and after learning these we will apply our knowledge and create our very fist website from scratch.%tutke

For our valuable readers we will be pushing the basics here. So it’s your chance to learn and become a web designer for free. Are you excited? I hope that beginners can follow through, if anything is unclear just reach out to me in the comments section.

I will do my best to walk you through everything slowly and clearly. So let’s get started!

Planning and Wireframing

What is a wireframe?

A wireframe is a visual presentation of how a website’s layout will look when it’s finished. It’s about structuring the overall layout without any graphics, placing the various elements where you believe they will look and work best. Wireframing is a great step to start before jumping on to Photoshop because it allows you to focus on the important components of the website without all the visual clutter of a finished design. Wireframing also saves you time when designing a website because wireframing acts as a sketch, and instead of having to do things more than once in Photoshop, you can just adjust your ‘sketch’ until you’re happy.

Your wireframe should include boxes that represents images, header, footer, sidebars, text blocks, navigation and other content aspects of your website.

You don’t have to worry about drawing them yourself, since there are many wireframing tools available on web.

Wireframing Tools:

Tools Used: Go Mocking Bird

Photoshop Basic Tools and Panels
+ INFO + Videos? Here!

There Is No Mobile Internet! // @smashingmag – smashingmagazine.com


By Marek Wolski

A Quiet Change

At the beginning of June, Google published on its Webmaster Central Blog its “Recommendations for Building Smartphone-Optimized Websites.” Its recommendations are that responsiveness — or, where necessary, device-specific HTML — is the way to build websites for today. Both methods are based on all devices accessing one URL, which in Google’s words makes it “easier for your users to interact with, share, and link to…”

Following the recommendation means making most of your Web content accessible across devices. It ensures that each link shared across the Web leads back to the same place and that, irrespective of the user’s device, everyone gets the same design experience. It aims to standardize Web design approaches, but also to standardize user experience expectations.

Shortly after, Apple announced a lot of thrilling updates to iOS 6. One of the least talked about was Safari’s iCloud tabs. This syncs your open browser tabs and allows you to continue browsing from where you left off on another device. Google’s recent version of Chrome for iOS has the same feature. The result? The ultimate cross-media surfing experience, a digital doggy bag.

After many years of Internet people working on standards, technologies and practices to bring about a One Web experience, the two companies made a big push towards making it a reality. We are now a big step closer to, in the words of the W3C, “an Internet where as far as reasonably possible, the same information and services are available to users irrespective of the device they are using.” Well, that is only if website owners and brands get their act together and change their old ways. To do so, they will need to recognize that things aren’t what they seem and aren’t what many are still peddling.

Full article

Old Habits, Old Stereotypes

A couple of years ago, mobile devices couldn’t even handle many of the Web’s fundamental standards (JavaScript, for example). But as devices became as powerful as last year’s MacBook, the technology drove a behavioral shift. It wasn’t just early adopters who were using the mobile Web. It was every person and their dog with a smartphone and a 3G connection (around 75% of smartphone owners surf the Web).

Our Mobile Planet - General Smartphone Activities
Image source: Our Mobile Planet.

The line between what is and isn’t Web-enabled is blurring. People don’t see the Internet on their phone or tablet as being the “mobile Internet.” It’s just the Internet. In the words of mobile expert Brad Frost, “mobile users will do anything and everything desktop users will do, provided it’s presented in a usable way.”

For the last few years, across categories, mobile experience benchmarking studies have been filled with recommendations to broaden and deepen the content available. Users are searching more and longer for information that currently isn’t available on mobile or even tablet devices.

Mobile Site vs Full Site
Image source: Strangeloop.

This desire for information is prevalent and strong enough that many opt for a less than optimal visit to the “full site” in order to access more or other information. The fact that almost a third of mobile users are prepared to endure poor navigation, slow loading times and no touch optimization really underscores the presence of this fundamental behavior.

Full article

Microsoft claims Gmail is invading your privacy, makes plea to use Outlook.com


Microsoft claims Gmail is invading your privacy, makes plea to use Outlook.com

Microsoft really wants its Outlook.com email app to pick up new users. Its solution? Attack the hell out of Google’s incredibly popular Gmail service.

via Sean Ludwig | Venturebeat.com

In November, Microsoft tried to go after Google’s credibility by claiming that Google Shopping results were all advertisements rather than fair comparisons of products around the web. Now it appears Microsoft is going after an even meatier target than Google Shopping by attacking Gmail.

The new Scroogled.com site from Microsoft makes the case that Gmail snoops on all of your emails to serve you better ads.

“Google goes through every Gmail that’s sent or received, looking for keywords so they can target Gmail users with paid ads,” the site claims. “And there’s no way to opt out of this invasion of your privacy.”

Some of what Microsoft is saying is true. Google does scan email keywords so it can contextually serve you advertising. However, it is clearly lying when it says there is no way opt out. As Marketing Land points out, you can not have Google reading your emails by using the basic HTML version of Gmail, using a third-party email client, or paying $50 a year for Google Apps and opting out that way.

Sigue leyendo

thumbler x thumbler: principios básicos. Video tutorial, primeros pasos. Uso para fotógrafos.


Tumblr fue fundado por David Karp en el año 2007.

Una actualización, años de trabajo…

Cuando nos imaginamos cómo sería Tumblr hace más de siete años, soñamos con poder ofrecer a los creadores un lienzo nuevo que llenar, una página en blanco. Cada publicación sería una invitación directa a ver el mundo a través de los ojos y la mente de su autor. Fantaseamos sobre cómo la interfaz desaparecería al hacerse todo lo demás realidad.

Durante años, esta idea se vio frenada por las limitaciones tecnológicas de los navegadores y por una cantidad abrumadora de funciones de Tumblr a las que atender, que además no dejaron de aumentar. Hoy, al fin, podemos dar un gran paso.

Tras meses de dedicación y esfuerzo, hemos conseguido reducir el proceso creativo en Tumblr a la mínima expresión, manteniendo todas y cada una de las funciones y haciendo hueco a otras nuevas que creemos que serán cruciales, como la creación de sets de fotos más fáciles de personalizar al poder arrastrar las imágenes directamente, las mejoras a la hora de subir archivos o la posibilidad de rebloguear publicaciones sin moverse del Escritorio. ¡Estamos deseando que las probéis!

Hemos empezado a aplicar los cambios y estarán disponibles para todos los usuarios antes de que acabe el fin de semana. Ya hemos arreglado la mayoría de los errores y descuidos de los que nos habéis informado, pero no dudéis en escribirnos si tenéis cualquier problema.

(Fuente: staff)

Interface de publicación (Blog o Thumblr?)

Si estás empezando en el mundo de los blogs, querrás una plataforma que sirva a tus objetivos y te permita publicar y compartir contenidos con facilidad. Aunque tanto Tumblr como Blogspot permiten publicar todo tipo de contenidos, la interfaz de Tumblr lo hace un poco más fácil de navegar. Desde el panel de control Tumblr, los usuarios pueden hacer clic en el botón que corresponda con el tipo de contenido que desean compartir: videos, fotos, texto y más. En la plataforma de Blogspot, por su parte, los usuarios tienen un solo tipo de mensaje para elegir, desde la que pueden añadir videos, fotos, textos u otros tipos de contenido. Ambas plataformas logran el objetivo final de publicar contenido;Tumblr sólo hace que sea un poco más fácil de navegar.

Compartir

Tus metas para el uso compartido de contenido puede ser un gran factor determinante para elegir Blogspot o Tumblr. La página “Acerca de” en Tumblr define la estructura de la plataforma claramente: “Tumblr te permite compartir fácilmente cualquier cosa.” Una vez que publiques algo, hay opciones “me gusta” y “republicar” para cada mensaje, lo que hace que sea fácil para que otros usuarios compartan tus mensajes en Facebook, en su blog de Tumblr propio y en cualquier número de otros sitios sociales. Del mismo modo, los mensajes de otras personas que “republiques” automáticamente se publicarán en tu propio blog Tumblr. La plataforma Blogspot, por su parte se centra únicamente en compartir tu propio contenido. En Blogger “Acerca de Nosotros”, el objetivo de la plataforma se define como “ayudar a las personas tener voz propia en la web”, nota que no dice nada acerca de compartir contenidos de otros. Con este fin en Blogspot, los usuarios deben crear un botón “Me gusta” como en Facebook, o un botón de acción para otros sitios sociales mediante la manipulación del código HTML de tu página, o realizar otras personalizaciones para poder compartir en otras redes sociales.

via http://www.ehowenespanol.com/blogspot-contra-tumblr-info_215712/

Video tutorial, bien simple! :D

MartinPier
http://martinpier.tumblr.com/

Tumblr para fotógrafos Sigue leyendo

Cruces, Sol y La Imaginación

Cuando la imaginación y la creatividad suman infinito

MarketingActivo

el mundo del marketing se activa para ti

tranquicomix

fanzine bejarano de historietas hecho en los 80

A Stairway To Fashion

contact: ralucastoica23@gmail.com

Vinod833's Blog

This WordPress.com site is the bee's knees

Apasionada de las Redes Sociales

Compartir conocimientos 2.0 y Marketing Online

Zona de Promesas

Tecnología - Internet - Redes Sociales - Entrepreneurship - Música - Economía - Innovación

Top Master | Blog

LOS PROGRAMAS DE MBA Y POSTGRADO MAS INFLUYENTES DE TODO EL MUNDO

La realidad alterna

Diario de sueños, cuentos, poesías y una novela en proceso

TechCrunch

Startup and Technology News

Unencumbered by Facts

Taking unsubstantiation to new levels

Carlos Cordero

Blog de tecnología

PsicoEmocions Blog

Un Pont entre la Psique i les Emocions

TEA PTLS NACHO

AUTISMO.TEA..PTLS

Comunicación & Marketing

De Lilian Lanzieri

Xtratexia

Dirección estratégica para la vida

Silvia Altamirano

An editorial designer that writes

StellarHIRE Partners

Founding Partner, StellarHire Partners - Executive Search Consultants. Recent engagements include Eloqua, SFDC, Tibco and Veeam.

ivanbrunpr's Blog

4 out of 5 dentists recommend this WordPress.com site

Matt on Not-WordPress

Stuff and things.

BLOGTEC

Noticias de Tecnologia.

Talento en Expansión

Tendencias y Mejores Prácticas en la Gestión de Personas de la Empresa 2.0

Two Leaves Tea SPAIN

Great Organic Tea! ✫✫✫✫✫ Te Organico en Piramides

Escuela de Dinero

El mejor Sitio en Español sobre lo básico para entender el Dinero y sus matemáticas relacionadas.

Intentando dejar huella...

...en cada uno de los visitantes

Ideas Para la Clase.com

Portafolio de experiencias en la clase de español para Middle School.

littlegreybox

Travel & Lifestyle Blog

déborah rueda

Un sitio más pero diferente sobre marketing on line

No solo los 80's

La mejor música de la historia

Molly Balloon's Blog

Identity + Dressing + Colour

El OJO PUBLICO. / Глаз общественности

Ver para contar & contar para ver. / Чтобы рассказать

Think Creative Idea

Marketing, publicidad, web y negocios

Social Media y más

Social Media, Redes Sociales, Marketing, SEO

The Coaching Alliance

El camino hacia el éxito

Luces y sombras de las marcas

Social Media, Marketing y Comunicación

CNN en Español: Ultimas Noticias de Estados Unidos, Latinoamérica y el Mundo, Opinión y Videos

Ultimas Noticias de Estados Unidos, Latinoamérica y el Mundo, Opinión y Videos

Javier GM Photography - México y más.

“Un fotógrafo tiene que ser auténtico y en su obra, debe expresar emociones, provocar reacciones y despertar pasiones.” ~ Javier García-Moreno E.

Natalia Gómez del Pozuelo

Experta en comunicación y oratoria

aloyn

Alimentación, ocio y negocios, ALOYN, es un Grupo dirigido a Directivos y Propietarios de empresas, interesados en el mundo de la industria de alimentación y bebidas. Tanto por la parte de la industria productora como por la parte de la industria consumidora y/o distribuidora (Distribución Comercial, Horeca, Vending, Venta Directa, etc). También nos interesan las actividades ligadas al agroturismo y el enoturismo como magníficas actividades de promoción y difusión de la cultura gastronómica.

Blog de Jack Moreno

Un blog de Joaquín Moreno sobre recursos, literatura y ciencia ficción

Mashamour

Ensalada de Manjares

Infographic List

For those who love Infographics - www.infographiclist.com

URieLaRtE

hay que ser libre para ser uno mismo

Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

Únete a otros 1.682 seguidores

%d personas les gusta esto: