Google Maps Widget will Show Any Location In Lightning Speed

,
I’m a travel blogger who has been using WordPress for about five years now. I’ve always wanted to upload an interactive map to my blog to show people where I’m traveling. Of course, I don’t have the actual technical skills to build such…

Haz tus datos más atractivos con estas siete aplicaciones online para crear gráficas

, , ,
No hay nada más aburrido que enfrentarse a una montaña de datos en un documento de texto o en una hoja de cálculo. Son áridos, no invitan a la lectura y a menudo son costosos y difíciles de interpretar. Por eso, en muchas ocasiones es…

15 Must-have Chrome extensions for web designers and front end developer

, , , ,
via Muzli Source: 15 Must-have Chrome extensions for web designers and front end developer

10 WordPress Plugins to Migrate WordPress Sites – Best of

, ,
WordPress is not the easiest to move or migrate from development to production environment or from one server to another. One can come across a whole host of roadblocks such as database import/export errors, file or database permission errors,…

Typography tools

, , ,
Source: Typography tools

Atomic Design

,
As the craft of Web design continues to evolve, we’re recognizing the need to develop thoughtful design systems, rather than creating simple collections of web pages. A lot has been said about creating design systems, and much of it focuses…

Building an Angular and Express App Part 1

, ,
This is somewhat of an update to one of my earlier posts, but delves into setting up a better front end workflow and also using Express 4.x. It will also continue into a series of posts on building out an actual app Note: This has been updated…

The 10 Commandments of Good Form Design on the Web – Mono

, , , ,
1. Thou shalt provide clear, always visible labels for each field There is a trend in web design to show form labels only when a field is focussed. This can be cool on a simple form like a username/password form, but for anything longer it…

AngularJS Form Validation | Scotch

, ,
Today we’ll be looking at at the ways that Angular helps us do form validations. We’ll be talking more on forms using Angular (just like our other article: Submitting AJAX Forms: The AngularJS Way). Don’t worry though, that article is…

How to use ng-if else in AngularJs ~ CodeAndYou

, ,
Angular 1.1.5 introduced ng-If directive. You can Use ng-if directive above 1.1.5 versions . ng-if directive remove DOM element if expression return false. And if expression return true then it recreates a DOM tree again. ng-if directive…

Coisas sobre AngularJs que eu ficaria feliz em ter aprendido antes. — Medium

, ,
AngularJs é um framework para javascript mantido pela Google, atualmente está na versão 2.x (beta). Nesse post irei comentar sobre alguns pontos sobre a versão 1.x que apesar de não ser tão nova e já ter seu sucessor, continua ganhando…

¿Usas WordPress? Cuidado, porque han descubierto un nuevo método para hackear tu SEO

, , ,
Que el SEO constituye uno de los imprescindibles de cualquier empresa que desee tener cierta presencia en Internet es una realidad innegable y una apuesta compartida por cientos de ellas. Unas acciones que permiten que nuestra web sea mostrada…

AngularJS Directives, Using Isolated Scope with Attributes – Umur Kontaci

, ,
Directives in AngularJS are very powerful, but it takes some time to understand what processes lie behind them. While creating directives, AngularJS allows you to create an isolated scope with some custom bindings to the parent scope. These…

Mastering the scope of the directives in AngularJS

, ,
What are Directives Directives are one of the most powerful features of AngularJS. You can imagine them as building blocks ( aka re-usable components ) of any AngularJS application. Mastering all the directives, is totally out of this article’s…

GitHub - getify/You-Dont-Know-JS: A book series on JavaScript. @YDKJS on twitter.

, ,
You Don't Know JS (book series) This is a series of books diving deep into the core mechanisms of the JavaScript language. The first edition of the series is now complete. Please feel free to contribute to the quality of this content by…

Improving Angular performance with 1 line of code — The Startup — Medium

, ,
I’m on Genius.com and I right click over some text and click “Inspect Element” for I’m not sure what reason, as any good web developer does. Generally, I’ll see nothing particularly interesting as I’m reviewing the elements that…

JavaScript Closures Explained by Mailing a Package — Free Code Camp

, ,
If you have mailed a package or letter in the past, then you can understand closures in JavaScript. On your journey to becoming an intermediate or advanced JavaScript dev, you may have come across closures. After reading a technical resource…

Electron Brings Cross-Platform JavaScript Apps to the Desktop

, ,
JavaScript has come a long way since its humble beginnings as a scripting language. Originally, JavaScript was only used in web browsers — and somewhat begrudgingly at that — as JavaScript was the only natively supported option for browsers,…

Así es Weebly, una herramienta para crear tu web sin conocimientos de diseño

, , ,
Hace unos días os hablamos de Strinkingly, una interesante herramienta de diseño web apta para todos los públicos cuyo funcionamiento decidimos explicar paso a paso con el fin de poneros las cosas más fáciles a la hora de desarrollar vuestra…

AngularJS: Factory vs Service vs Provider — Tyler McGinnis

, ,
When you first get started with Angular, you’ll naturally find yourself flooding your controllers and scopes with unnecessary logic. It’s important to realize early on that your controller should be very thin; meaning, most of the business…

Nueve herramientas y media para diseñar como un diseñador web sin serlo

, , ,
Si bien hace unos años el diseño web podía suponer un auténtico reto para cualquiera y era un asunto de unos pocos expertos, lo cierto es que el lanzamiento de nuevas herramientas y la aparición de servicios alternativos ha puesto al alcance…

Snappa, o cómo crear gráficos bonitos sin saber diseñar

, , ,
Snappa es un genial sitio web en el que puedes crear gráficos bonitos de forma increíblemente sencilla con excelente resultados. Snappa es una nueva aplicación web de diseño gráfico creada para todos aquellos que quieren los mejores resultados…

The Practical Guide to Becoming a Professional Web Developer — Free Code Camp

, , ,
What to learn and when in order to become a working, professional Web Developer. This article is meant to serve as a practical guide to becoming a professional web developer. I’ve spent over 20 years writing code for the web. I work with…

How to Design a Killer Email Signature ~ Creative Market Blog

, , , ,
It’s just an email signature, right? People don’t really think much of their email signatures sometimes. Besides, it’s not exactly rocket science. You just have to put all your contact details, then that’s it, "you’re good to go". This,…

How to Build Customer Loyalty and Get Positive Feedback for Your App

, , , , ,
If you want your app to be successful you need to get to the top of a target app store search - either App Store for iOS or Google Play for Android. The main If you want your app to be successful you need to get to the top of a target app store…

Improving Your CSS with Parker – CSS Wizardry

,
Parker is an absolutely fantastic, beautifully simple static analysis tool that gives you some very insightful metrics about your CSS files. Parker is built and maintained by Katie Fenn, a developer from England who has since become a friend. I…

Controlling color with Sass color functions

,
Sass comes with functions that can easily be applied to colors in your CSS properties. These functions, when used correctly, can be incredibly powerful. They take some of the sting out of choosing and manipulating colors. When used with variables,…

CSS coding techniques ★ Mozilla Hacks – the Web developer blog

,
Lately, we have seen a lot of people struggling with CSS, from beginners to seasoned developers. Some of them don’t like the way it works, and wonder if replacing CSS with a different language would be better—CSS processors emerged from…

Distorted Button Effects

,
A set of inspirational distorted button effects using SVG filters Source: Distorted Button Effects with SVG Filters

Creating A Living Style Guide: A Case Study – Smashing Magazine

, , ,
“That's how we developed our living style guide, the mistakes we made along the way, and why popular style guide generators did not suit our needs.” Living style guides are an important tool for web development today, especially in…