Archivo de la etiqueta: Design

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

Hot Infographics on Visually (I) – Thnxz to @Visually


Gay marriage chronology

For more than a decade, the battle over same-sex marriage and other rights for gay couples has been hard fought in U.S. courts and legislatures and at the ballot box. Use this map to view milestones in the fight and how state laws have changed since 2000.

Timeline: Gay marriage | Full-coverage: Prop. 8 and DOMA

Gay Marriage Chronology

24 Things You Didn’t Know About Beer

24 Things You Didn

20+ New Brochure Design Examples – thnxz @topdesignmag


 

Finding a new brochure design that can inspire you can cause a real headache that can ruin you your time. That’s my reason for collecting for you more than 20 brochure designs that rock. Getting inspiration from these examples will help you pass the first step and start designing.

http://www.topdesignmag.com


 

10 Properly Designed Promotional Campaigns on Facebook – thnxz @onextrapixel !


The new Facebook page layout also known as Timeline provides us with tons of opportunities to promote and advertise any content or products via visual means. Many brands grasped this idea long go – the corporate Facebook pages design is the key to a brand’s popularity and fans close engagement.

We’ve already examined best showcases of creative incorporation of brand design into social media. In addition to attractive business pages, brands also organize stand-alone campaigns on Facebook devoted to a new product launch, sales and important events such as company anniversaries.

10 Properly Designed Promo Campaigns on Facebook

Now it’s time to examine top 10 successful promo campaigns on Facebook that brilliantly integrated their appeal into a special design on their Facebook pages.

Full article & design examples! :)

10 Properly Designed Promo Campaigns on Facebook

First, let’s define the criteria of what significant elements make up a successfully designed Facebook campaign:

  1. Cover photo: A cover photo is one of the best helpers to inform your audience about brand news and upcoming events. Some intricate details on their usage are listed below.
  2. Timeline images: Timeline images include branded content, coupons, QR codes, etc. An unusual approach to distribute important content and info in the form of images on the social network increases fans’ engagement.
  3. Milestones: A creative add-on is also able to constitute a harmonious design biosphere of a Facebook promo campaign.
  4. Apps: Promo apps fit the overall design, educate or entertain the Facebook audience, they also inform about news, upcoming events or new services.
  5. Events & Contests: Offline promotional meetings are an integral continuation of marketing activities in social media. Contests ensure maximum reach of the audience that will 100% include a fan’s friends there for broadening your potential audience.

If all these puzzle units merge together (or at least the chosen ones will be joined perfectly), you’ll get thousands of fans who will eye-worship your page and many loyal clients who will stream to your website or store, longing for a new product, service or special offer.

Now let’s look at some Facebook pages for the best design examples of promo campaigns and analyze their tricks.

Full article & design examples! :)

Free Resources to Build Your Next WordPress Site – @sixrevisions


 

WordPress is a popular website publishing platform. What once was primarily a blogging system has now evolved into a flexible and robust CMS used by both small businesses and large corporations alike.

When working with clients, front-end developers are often expected to produce creative, cutting edge content in a very short period of time.

And beyond staying innovative, there can often be a lot of redundant coding and debugging which requires a careful, meticulous eye. Between managing client expectations and trying to produce well-designed sites in a reasonable amount of time, developers can really feel the pinch.

Fortunately, there is an immense amount of resources to help aid with WordPress development.

In this article, I’ve seeded through tons of stuff to bring you a list of my favorite free WordPress resources for designers and developers. From discovering inspiration to choosing the right WordPress theme framework, I hope you’ll find just what you need to kick start your next project.

WordPress Theme Design Inspiration

One of the toughest parts of web design can often be just getting started. And even once you’ve begun to build your wireframes or designed your layouts, it’s easy to fall into the stylistic rhythms you’ve used in the past. This is why it’s important to continually research and interact with the work of other WordPress theme designers.

The following sites are a great place to engage with new and fresh designs to keep you pumping out those jaw-dropping projects.

Full Article :)

Theme Design Gallery

WordPress Tag on CSS Awards

WP Inspiration

 

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!

Creating Exciting And Unusual Visual Hierarchies // thnxz smashingmagazine.com – @smashingmag


Layout, for both print and screen, is one of the most important aspects of graphic design. Designs that extend across multiple pages or screens, whether containing large or small amounts of type, must be carefully controlled in a way that is enticing and is easy for all to access.

Creating Exciting And Unusual Visual Hierarchies With Typography

By 

Careful control of visual hierarchy is a key aspect of the design decisions we have to consider. In this article, we will look at how frequently type needs to be broken down into different levels, such as topic, importance and tone of voice.

Read more…

Design Forward // thnx to @frogdesign


 

The following is the introduction to Design Forward: Creative Strategies for Sustainable Change by frog’s founder Hartmut Esslinger. The book will be released on Feburary 16, 2013 and is available for pre-order now.

After a long career with frog — the design agency I founded in 1969 — and as a creative consultant for some of the world’s best and most successful entrepreneurs, executives, and companies, I wrote my first book, A Fine Line — How Design Strategies Are Shaping the Future of Business. In that book, I focused on the corporate side of the business-design alliance and outlined why Strategic Design is most successful when it is an integral part of a company’s innovation and business strategy. Due to both the business focus and the limited space, A Fine Line wasn’t as complete as many would have wished, and I fielded many questions about organization and process in the field of design and in the working relationship between business and design. Because A Fine Line was published in German, Chinese, Japanese, and Korean, the feedback was — and still is — global in nature. I used the questions, comments, and criticism that I received about my first book as my motivation for writingDesign Forward as well as for structuring the information I offer within it.

In general, the input I received fell within three categories. I used those categories to structure the contents of Design Forward in three parts:

 • Part 1: Creating a New Culture of Design. In this part, I offer an overview of the design profession, its historic development, current challenges, and future opportunities. The chapters in this part explore what we mean when we talk about creativity, the role of creativity in business, and how my earliest creative experiences helped to form my own design practice and approach the process of “right brain-left brain” collaboration. This part also offers specific ideas that can help any company make the best use of design in its strategic plan and operation.

• Part 2: Shaping the Design Revolution. Here, we explore the educational opportunities and challenges of training students — of both design and business — in the professional competencies necessary for effective cross-disciplinary teamwork and collaboration. To illustrate the outcomes of the educational approach I outline here, this part includes a portfolio of the work of my own design students.

• Part 3: Leading By Design. 

Sigue leyendo

…de los realizadores de EDUCANDO AL SOBERANO I, II y III Llega… El Último Intento!! // @CrazyEgg


Es un tema de debate y consulta entre Colegas, Veo el iceberg y Conduzco mi barco directo a él.
Buenos Aires, Argentina – Feb 2013

A nuestros Queridos Clientes!
en ocasiones no logramos que nuestras palabras y recomendaciones lleguen a vuestros oídos.

Contratan un equipo de profesionales y luego gustan de no escuchar, y creéis saber todo de todo. Comparto una pequeña de recomendaciones de terceros, que seguramente ayudaran a su Marca, Producto, Servicio y Estrategia…

Saludos cordiales! :D
PS. si Ud. insiste al respecto solo diremos, “el cliente siempre tiene la razón”, nunca se equivoca, nosotros no lo interpretamos…

The Best Websites In The World Do These 6 Things…

Check list 

Sigue leyendo

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

Para los amantes de las tipografías > lo pedís, lo tenés :D


10 free grunge fonts

Take advantage of this compilation of free grunge fonts that you can put to use in your cool designs.

    Grunge fonts are becoming increasingly popular. Instead of shiny, crisp typefaces, many artists and designers are seeking to use an urban, dirty, street style in their designs. With this in mind, we’ve scoured the web to find you 10 top, free grunge fonts available to download now.
      Via

    Creative Bloq


      01. Everyday Ghost


      Everyday Ghost by Andrew Hart

      Everyday Ghost is one of 63 fonts created by typeface designer Andrew Hart. The design, which features smudges and blotchy effects, adds an interesting twist to an otherwise generic serif font. Free for personal use only.

      FORMAT: TTF

      02. Fail


      Fail by Douglas Vitkausk

      This cool typeface does anything but what its name suggests, having been downloaded hundreds of thousands of times since its release. This is one of 129 fonts designed by Douglas Vitkausk, whose work has amassed over 12 million downloads! Free for personal use only.

      FORMAT: TTF

      03. Laundromat 1967


      Laundromat 1967 by Last Soundtrack

      This cool Laundromat 1967 typeface would make a great newspaper-type ransom note design. Developed by designer Gyom Séguin aka Last Soundtrack, this is one of 46 fonts he’s crafted. The full set of this particular type features uppercase letters and numbers. Free for personal use only.

      FORMAT: TTF

      Sigue leyendo

      McDonald’s rolls out new packaging designs | by Dorian Cioban


      brandingmagazine.com

      McDonald’s is starting strong in 2013 by unveiling a new set of freshly redesigned beverage cups and carry-out bags, but there’s a catch: the new designs contain a scannable QR code which, due to immensely growing popularity of smartphones enables users to more easily find our more information about the products they consume. Along with the scannable point of interest, the design of the package is oriented towards brand storytelling with appealing, trendy illustrations.


      Kevin Newell, McDonald’s Chief Brand Officer stated that the new packaging is designed to enagage with
      consumers in such way that it celebrates McDonald’s, as well as providing more information on nutritional values:

      “Customers tell us they want to know more about the food they are eating and we want to make
      that as easy as possible by putting this information right at their fingertips.” Sigue leyendo

      3 Things to Consider When Designing Your Business Signs | workawesome.com


       

      Work Awesome

      Designing your business signs

      Everywhere you go, you see signs: billboards, road signs, aisle markers, window signs, and service and business signs.  They’re how we find our way through commercial and public places. Whether we’re just looking for a specific exhibit in a museum or for the cereal aisle in a grocery store, signs showcase where things are and they draw foot traffic.

      That said, signs have to be clear and effective at conveying their message otherwise they stand the chance of being ignored or passed by in the search for the most easily accessible information.

      There are many tips and tricks for designing your business signs and effective signage but if you simply follow basic design principles most of the problems disappear at the beginning.

      So here are three things to consider when designing your sign before it’s sent off to print!

      1. Too Many Good Things

      At some point, every piece of media has to go through a cutting room.  Even something that had only a few ideas to begin with can blow up into a piece beyond its own scope.  The bright red text, green mascot, customer image, and product background may seem like a great way to show everything you offer at once but it’s too much too quickly. Remove some of it!

      Pick your points and run with them.  Are you emphasizing a specific product? Then use the customer action shot with the product.  Use it only as a label and let the image speak for itself.  Is the sign a general piece for your brand or company? Then use the mascot and the letterhead or a logo.  Don’t bog things down with images of your products when a quick image, your name, and a tagline can carry the message quickly and cleanly!

      Use basic color theory.  There’s limited real estate on your sign so stick with two or three colors that mesh well.  There are plenty of online resources that give advice on color theory and how to apply it.  If you want, look up a color wheel to check for complimentary colors.  You can also take your main color for the sign and look for specific color themes that match it to help your sign pop out among the crowd. Sigue leyendo

      Frontera YBytes

      Blog sobre gadgets, tecnlogía y telecomunicaciones

      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

      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

      Great Organic Tea!

      Escuela de Dinero

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

      My Blog Daniel Palop

      A topnotch WordPress.com site

      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.net

      like. read. laugh. love.

      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, ROI...

      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

      “A great photograph is a full expression of what one feels about what is being photographed in the deepest sense, and is, thereby, a true expression of what one feels about life in its entirety.” ~ Ansel Adams

      Blog de la escritora Natalia Gómez del Pozuelo

      Experta en comunicación en la empresa. Cursos de hablar en público, storytelling, escritura eficaz... Información sobre sus libros y eBooks.

      The King of Comedy

      I just want to say one word to you. Just one word. Plastics.

      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 literatura y ciencia ficción

      Mashamour

      Ensalada de Manjares

      Infographic List

      For those who love Infographics - www.infographiclist.com

      be.blog

      be. Intelligent Multimedia Education

      unmonodelsiglo21

      Un pequeño espacio virtual para pasarla bien

      Curso Web 2.0

      Curso Diseño y Promoción de Páginas Web

      ~~Mente en Gravedad~~

      ************************************************************************************************************

      The Bogus Effect

      Bogotá somos nosotros!

      The Xtyle

      Fashion Blog - Un Blog de Moda y Tendencias by Bárbara Sanz

      aníbal goicochea

      Tecnologías de la Información y Estrategia

      A Waterfall of Sound

      "Poetry is when an emotion has found its thought and the thought has found words." Robert Frost

      Jonathan L Davey

      Do you need a sales professional with added social media spice? Take a look at Jonathan L Davey and give him a call on 07717 820823

      Health & Family

      A healthy balance of the mind, body and spirit

      Seguir

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

      Únete a otros 4.139 seguidores

      %d bloggers like this: