Archivo de la etiqueta: JavaScript

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á :)

Expanding Universal Analytics into Public Beta


A typical consumer today uses multiple devices to surf the web and interact in many ways with your business. For most large businesses, already swimming in many sources of data, it’s an enormous challenge, but also an incredible opportunity. 

Back in October, we announced the limited beta release of Universal Analytics as a way for businesses to understand the changing, multi-device customer journey. Today, we’re excited to welcome and invite all Google Analytics customers to try Universal Analytics.

The benefits of using Universal Analytics to businesses are:
  • Understanding how customers interact with your businesses across many devices and touch-points, 
  • Insights into the performance of your mobile apps,
  • Improvements of lead generation and ROI by incorporating offline and online interactions so you can understand which channels drive the best results,
  • Improved latency on your site by reducing client-side demands.
Testimonials from the initial beta release
Our initial beta customers using Universal Analytics and are pleased with their results. Rojeh Avanesian, VP of Marketing at PriceGrabber.com reports:“At PriceGrabber, we know it’s important to understand consumer shopping behavior so we can provide a more customized experience to our users. Google’s Universal Analytics will solve this problem for us and many sites that are facing this challenge and help us serve our users better by providing them with more relevant content and shopping results. We can use Google Analytics metrics to segment our users in a way that improves and simplifies the shopping experience for consumers. That’s what we strive for at PriceGrabber, to make shopping and saving money as easy as possible.”

 
How to get started using Universal Analytics
If you’re new to Google Analytics, you can choose Universal Analytics when you setup your account. Already using Google Analytics? Create a new web property in your Google Analytics account to set up Universal Analytics and explore the new features.
Here’s what you’ll see when you create a new web property. Select the Universal Analytics column to get the new analytics.js code snippet you can implement on your website:
You can implement Universal Analytics with the new analytics.js JavaScript for websites, our iOSand Android SDKs for apps, and the new Measurement Protocol for all other platforms.
Find more details on how to set up using our help center or developer guide(Migration guides for properties using ga.js coming soon. Until then, set up a new property in your account for Universal Analytics).
To tag in the most flexible way possible, you can also take advantage of the Universal Analytics template available in Google Tag Manager, which allows you to make additional changes and enable new features to your analytics setup without changing the hard-coded tags on your website. Learn more about how to implement Universal Analytics through Google Tag Manager.
For more information on Universal Analytics, visit our help center and developer guides.
Happy analyzing – in the new and innovative ways you can with Universal Analytics!
Posted by JiaJing Wang, Product Manager, Google Analytics

SafeFrame – thnxz @iab


The SafeFrame 1.0 technology is a managed API-enabled iframe that opens a line of communication between the publisher page content and the iframe-contained external content, such as ads. Because of this line of communication, content served into a SafeFrame is afforded data collection and rich interaction, such as ad expansion, that is unavailable in a standard iframe.

To avoid disruptive ad behavior and the potential security risks of serving ads inline with the page, publishers may choose to have ad content served into an iframe.

An iframe is a sort of mini HTML page within the publisher-hosted page. Using the iframe, ad content is sequestered within the boundaries of the iframe and unable to access any information about the page where it is served. Without access to page content, ad content within the iframe cannot expand, interact dynamically with site visitors, or collect any data necessary in determining ad effectiveness.

The iframe solution protects the publisher, but it also limits ad capabilities and decreases the value of inventory that is restricted to iframes.

SafeFrame’s API-enabled iframe opens a line of communication between webpage code and the ad content in a controlled and transparent way. This communication allows for rich interaction while protecting the publisher’s page from undetected changes that might otherwise damage page integrity.
Some key benefits of SafeFrame for digital advertising include:

Sigue leyendo

Write a Twitter Bot in 5 Minutes – Thnxz to @labnol – Amit Agarwal


Meet @DearAssistant, a Twitter bot that is like a mini version of Siri. You can tweet your questions in plan English and the bot will reply with an answer.

The Twitter bot is internally using Wolfram Alpha so there’s a whole range of questions that it can answer. Here are some questions that people have asked @DearAssistant so far:

  • How many calories are in Diet Coke? (link)
  • When was Mahatama Gandhi born? (link)
  • What is the distance between city A and city B (link)
  • Who directed the film M (link)
  • What is the price of Kindle Paperwhite (link)

Twitter Bot

You can also ask the bot for word meanings, weather conditions, language translation, to convert between time zones, date calculations (how many days until Christmas) and more.

Writing a Twitter Bot – The Basic Ingredients

Writing a Twitter bot is surprisingly simple and you can get one up and running in 5 minutes. It helps if you know little bit of coding (simple JavaScript) but that’s certainly not a requirement for writing a basic Twitter bot.

A bot is essentially a program that is always running in the background and whenever it encounters a command (tweets in this), it processes it (based on the text of the tweeet) and sends a reply to the tweeter in another tweet.

Earlier, you would need a web server to run the bot while the bot itself would be written in languages like PHP, Perl or Python. That’s complicated so we will use Google Scripts to write the Twitter bot and host it on our Google Drive.

How to Write a Twitter Bot – Step by Step
Full article? H e r e :)

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

Multi-Device World: about design and more, and more… // @smashingmag / @flipthemedia


Thnx to smashingmagazine.com and flipthemedia.com

When I think about where we are with the Web in comparison to other media in history, pinpointing it is really hard. Is it like when the Gutenberg Press was just invented and we’re experimenting with movable type, or are we still embellishing pages and slavishly copying books by hand?

By 

 

Our knowledge of building digital things changes rapidly, taking us from newborn to adult and back again every couple of years. It’s both exciting and frustrating, because just when you think you have it all figured out, it completely changes. But if you’re like me, learning something new keeps things interesting.

So, it seems pretty normal that our methods of designing and building websites are questioned every so often. The argument to ditch design apps (or to drastically minimize the time spent in them) and go straight to the browser has popped up a lot in the past few years and then quite recently. It’s obvious that our digital world and, by proxy, our design process are in a state of transition. And they should be: considering design in the context of your materials and goals is always important.

I tend to shy away from prescriptive approaches. Most decisions are framed by our experience, and, as humans, we’re continually drawn to and seek out what we already believe (known as “confirmation bias”), ignoring the rest. So, I strive to keep that in mind whenever listening to advice about how things should be done. We’re all navigating the same changing landscape here. What many designers recommend is the right answer for them and not necessarily the right answer for you, or your client. As Cameron Moll more eloquently states:

“You know your circumstances, your users, and your personal preferences best. And if that means responsive web design — or design methodology or todo app or office chair or whatever — isn’t the right choice for you, don’t be ashamed if you find yourself wanting more, or at least wanting something else.”

That’s exactly how I feel right now. A lot of the explorations into Web design lately have been looking for the best ways to optimize an experience and to make it as flexible as possible across devices. These are important issues. But what about the design principles we’ve proven and iterated on through a variety of media? How can we apply what we’ve learned about design so that it can be utilized in an appropriate way to create websites in this multi-canvas world?


Typographic Design in the Digital Domain” with Erik Spiekermann and Elliot Jay Stocks

In an interview with Elliot Jay Stocks, legendary typographer and designer Erik Spiekermann explains how he finds it funny that designers today complain about limitations in designing for mobile…

by 
1. Technology and use trends

  • Digital options increase every day
  • Fluidity allows you to reach people through all the different methods available
  • Some devices actually create new data, which yield new insights (i.e. FitBit, Fuel band, etc. This idea will also be interesting for toys.)
  • Network speeds increasing (huge difference from 3G to LTE)
  • With the decreased price of cloud storage, sharing content across devices is easier (shared experience)
  • Content management systems drive the consumer experience and should be integrated into the foundation of your platform

2. Types of connected experiences

  • Synchronized: for example, the eReader let’s you make notes and brings you back to where you last stopped, no matter the device. Evernote allows you to share information and access documents from different locations and devices.
  • Adaptive: content adapts to your current device. This could mean apps for the device you want to target or responsive websites. It’s important to consider how the customer will engage on a device and what information you need to share.
  • Complementary(second screen): people interact with content at an event or with others experiencing an event. A lot of networks are investing in second screen platforms. 80% of people with tablets watch television with a second screen in front of them; an opportunity for networks to build deeper experiences for customers.
  • Device shifting: people start searches on mobile/tablets and finishing them elsewhere, shifting seamlessly from device to device. Consider content and context of each device.  For example, when searching for cars, on the phone you might want to show visuals, basic information, and location-based results, while on the PC you have expanded information, but don’t focus on location-based information specifically. Sigue leyendo

noupe.com | Latest post


JavaScript-Turbo: Head.js Speeds Up Your Website
By Denis PotschienPosted in Javascript

Complex websites would not work well without JavaScript. Often there are several scripts residing in the head of your HTML document. The more you embed, the slower your website, potentially. Head.js is a JavaScript tool that calls itself the only script you need. We have put it to the test and found out that Head.js can really boost the performance on websites with several scripts. The more scripts you call in the head the higher the effect Head.js can provide.

Read more

______________________________________________________________________________

Endless Icons & Iconmonstr – Loads Of Free PNG-Icons And Growing Fast
By Dieter PetereitPosted in Freebie 

There is a fresh repository in town and it deals with icons. We all know everybody loves icons. That’s understandable as icons are necessary replacements or at least additions to traditional navigation concepts in the wake of the mobile era. Today we introduce to you a project by name of Endless Icons, created and maintained by web developer Min Kim, based in Orange County, as well as a slightly more established project from Germany. Alexander Kahlkopf has already gathered almost 900 symbols, while Endless Icons is still working towards its first 100 icons. Both projects are subject to continuous and steady growth.

Read more


______________________________________________________________________________

BookBlock And Windy: 2 jQuery-Plugins Provide Exceptional Content Navigation
By Denis PotschienPosted in jQuery 

Chances are, you are not looking for sliders, you have to watch your steps to avoid not trampling on them. There are more sliders on this planet than content for them to take care of. As this is the case, why do we introduce two more variants to our readership? It’s simple. BookBlock and Windy, the new jquery-plugins by Codrops, are extraordinary, totally fresh and new in their approach. They offer a variety of exciting effects to have you present your content in ways not seen before. I am impressed.

Read more

______________________________________________________________________________

Pixabay: More Than 40,000 Completely Free Photos And Illustrations
By Dieter PetereitPosted in Freebie

As designers we are always on the hunt for good pictures. Noupe certainly needs fitting imagery now and then and even more often. That’s where photo-services, stock image providers and the like come into play. There are big marketplaces, offering you high-grade imagery at more or less affordable rates. Then we find repositories with free usage policies but varying licenses, which at times are not easily comprehensible. I have certainly been in trouble with this kind of mine-seeking. Pixabay, a fresh repository with a quickly growing selection of excellent imagery, is different, dead-simple. All the pictures are free, no license conditions apply. Pixabay delivers pure public domain photos.

Read more

______________________________________________________________________________

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 sus fotografías, 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.668 seguidores

%d personas les gusta esto: