Useful Tools, Scripts, and Resources for Front-End Developers


By  | http://www.noupe.com

If you’re a front-end developer mostly focused on HTML, CSS, and JavaScript, then you’re probably always on the look out for ways to be more productive. In this post we’ll share sometools and other resources for front-end developers that you might find useful to include in your workflow.

Tools and Scripts and Resources, Oh My!

Font Stack Builder by Erin Lawrence

This font stack builder lets you select a font stack and will tell you, using percentages, how likely it is for the fonts to be present on users’ systems. It includes options for a number of different font category styles and summarizes how the different options size up for different operating systems (Mac, Windows, Linux). Very easy to use, and, best of all, it gives you the necessary CSS to copy and paste into your projects.

Font Stack Builder by Erin Lawrence

Browser Support by Paul D. Waite

This simple tool lets you type in the name of any CSS feature (including properties, selectors, at-rules, values, and more) and it will display a simple graphic-based chart that outlines browser support. The individual results’ pages even have links to test cases and the official specification for the selected feature.

Browser Support

CSS Hat

This looks like quite a revolutionary tool. Although it might disturb purists who prefer to code everything by hand, it certainly looks like an excellent productivity tool. In a nutshell, CSS Hat is a Photoshop plugin that converts layer styles in Photoshop to CSS3 code. The site embedsa video review and demonstration that shows the tool in action, so be sure to check that out. The plugin adds conversion support for gradients, opacity, shadows, inner/outer glow, rounded corners, and more. It’s not free, but for $19.99, if it does what they claim it does, it’s well worth it.

CSS Hat

WYSIHTML5 (…) Leer más “Useful Tools, Scripts, and Resources for Front-End Developers”

Oferta laboral | Incorporación inmediata

Capital Federal | Argentina

Test Leader

Para trabajar en importante empresa multinacional.

EDAD ENTRE 22 y 31 AÑOS

ESTUDIANTE AVANZADO O GRADUADO: ING. EN INFORMATICA/SISTEMAS, ING. INDUSTRIAL:

Minimo 1 año de experiencia como:

1. Responsable de pruebas de calidad en ambiente de testeo con el objetivo de que los desarrollos cumplan con los requerimientos originales y asegurar su calidad en producción.

2. En el manejo de la documentación de pruebas. Identificando para ello la información necesaria para realizar las pruebas de usuario y supervisar la ejecución de las mismas.

3. 3)Líder técnico y funcional en la planeación de las pruebas

4. Proveedor de soporte sobre los reportes de estado, y el manejo de incidentes y defectos identificados.

INGLÉS (AVANZADO)

Caracteristicas principales solicitadas:

§ Estudios tecnicos

§ Sólida experiencia en el rol

§ Manejo fluido de inglés (oral y escrito)

§ Capacidad de interactuar con todos los niveles dentro de la organización

§ Capacidad de trabajar en múltiples proyectos en simultáneo

§ Muy buenas capacidades comunicativas y de relaciones interpersonales (orales y escritas)


Capital Federal | Argentina

Test Leader

Para trabajar en importante empresa multinacional.

EDAD ENTRE 22 y 31 AÑOS

ESTUDIANTE AVANZADO O GRADUADO: ING. EN INFORMATICA/SISTEMAS, ING. INDUSTRIAL:

Minimo 1 año de experiencia como:

1.       Responsable de pruebas de calidad en ambiente de testeo con el objetivo de que los desarrollos cumplan con los requerimientos originales y asegurar su calidad en producción.

2.       En el manejo de la documentación de pruebas. Identificando para ello la información necesaria para realizar las pruebas de usuario y supervisar la ejecución de las mismas.

3.       Líder técnico y funcional en la planeación de las pruebas

4.       Proveedor de soporte sobre los reportes de estado, y el manejo de incidentes y defectos identificados.

INGLÉS (AVANZADO)

Caracteristicas principales solicitadas: Leer más “Oferta laboral | Incorporación inmediata”

10 Practical Ways to Bust Through Web Designer’s Block

As a web designer, is there any feeling worse than being creatively uninspired and not being able to complete or start your design projects? It’s frustrating, depressing, and costs us income.

Now imagine if there was a magical, surefire technique to make our creative block instantly disappear, giving us instant creativity and productivity.

That would be great, wouldn’t it? Well, too bad, because there’s no such thing. Designer’s block happens to all of us, and there’s no easy way out of it. However, if you feel you’re in a situation where you just feel unable to create, here are a few things you can try. [Más…]
1. Start from the Inside Out

Every serious web designer will tell you that you start out your layout with a nice grid and do a few wireframes to see how the text flows through the boxes and columns. Then you settle on a color scheme and a design theme, and work towards the smaller details from there.

In other words, we’re taught to start from the big picture and work our way down to the details.

But we all know things don’t always (or, should I say, never) work out this way. Staring at a dull and empty grid all day is not helping you move forward an inch. Instead of inspirational site content that can give us ideas on what themes would work well with a company, the only text the client gives us to work with is “Lorem ipsum dolor sit amet” they copy-pasted from this ubiquitous site.

Why not break all the rules and start inside out? Design something as small as a form button or a “read more” link. Don’t worry about colors; you can always change them later. Or pick a palette from kuler or COLOURlovers, and make something that looks nice; something that gives you a glimpse of the website that should go around it.


by Sacha Greif
http://sixrevisions.com/productivity/10-practical-ways-to-bust-through-web-designers-block/

10 Practical Ways to Bust Through Web Designer's Block

As a web designer, is there any feeling worse than being creatively uninspired and not being able to complete or start your design projects? It’s frustrating, depressing, and costs us income.

Now imagine if there was a magical, surefire technique to make our creative block instantly disappear, giving us instant creativity and productivity.

That would be great, wouldn’t it? Well, too bad, because there’s no such thing. Designer’s block happens to all of us, and there’s no easy way out of it. However, if you feel you’re in a situation where you just feel unable to create, here are a few things you can try. Leer más “10 Practical Ways to Bust Through Web Designer’s Block”