Etiqueta: Design

Are Your Web Graphics Print-Ready? – thnxz to @sixrevisions


Is Your Web Graphics Print-Ready?

As a web designer, masters of the digital realm, you might have never faced the situation where your designs are going to be sent to a print shop.

Or perhaps you’re an Internet business owner in a place right now where you need printed materials for an event (a conference, a meet-up, billboard advertising, and so forth). You might be an online retailer, a SaaS company, a web development agency, etc.

What happens when you’ve only got web graphics at hand? Graphics designed to be displayed on electronic devices like computer monitors and smartphones.

continue reading »

@topdesignmag :) Are You A Web Developer Without Any Graphic Skills? Then Check Out These 25 Gorgeous Website .PSD’s


Writen by Bogdan is the founder of Top Design Magazine.

 

Creating a website is not an easy thing because it requires a lot of steps; from the planning and all the way to functionality testing, the process of designing and developing a website needs people with various skills. You need a good graphic designer, a good web designer, a talented web developer, a great content writer and also a SEO expert is you want your website to be great. Sure, you can skip some of them but this can cost you a lot in terms of success.

For web developers, coding a website can be a piece of cake if they have all the graphic components but this always means that whenever they want to create something, they are dependent to a web designer. For a company, this issue is solved from the start but if you are a web developer and also a freelancer, then you need to come up with solutions if you want to stick to the deadline. Depending on your budget you can either hire someone to create a design from scratch, either use a template. A .psd template is extremely useful in the following cases: you are a beginner and you want to practice your programming skills but you don’t want to spend time creating the visual stuff; you are a web developer and you don’t have a budget for creating the design; you have a budget but the time is so limited that you can’t afford spending it on the graphical part.

Full article and more PSD’s 🙂

Whatever your reasons are, a .psd website template can prove to be extremely useful so it will be a good idea to save them in your toolbox. In this article you can see a collection of 25 gorgeous .PSD’s which are ready to be converted into fully functional websites.

Intent Creative Free PSD Theme

25. website psd template

WordPress blog theme PSD template

24. website psd template

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

Gay Marriage Chronology infographic

24 Things You Didn’t Know About Beer

24 Things You Didn

24 Things You Didn’t Know About Beer infographic

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! 🙂