Tagged: smashingmagazine

The Mystery Of The jQuery Object: A Basic Introduction 0

The Mystery Of The jQuery Object: A Basic Introduction


  

Have you ever come across a bit of JavaScript like $(".cta").click(function(){}) and thought, “What the $(‘#x’) is that” If it looks like gibberish to you, then please read on. If you think that snippet of code couldn’t possibly be real, then please browse some jQuery examples. They are full of such constructions.

Beginners' JavaScript And jQuery Syntax

This article covers the key concepts that underly such intimidating fragments of code, but we’ll start with a longer example, based on an example for animating a square.

The post The Mystery Of The jQuery Object: A Basic Introduction appeared first on Smashing Magazine.

Streamlining Mobile Interactions 0

Streamlining Mobile Interactions


  

The mobile web is a harsh environment: mobile processors are slower than their desktop counterparts; network connectivity is flaky; bandwidth is low; latency is high; and touchscreen keyboards are slow. The best mobile web applications are the ones that excel at handling these challenges.

Streamlining Mobile Interactions

In this article, we’ll look at how to identify the tasks your users want to accomplish on a mobile device, memorize as much as you can about your users’ situation, presume that your users’ actions will succeed (and get them to their next task) and also how to predict your users’ next actions, and prepare accordingly.

The post Streamlining Mobile Interactions appeared first on Smashing Magazine.

Freebie: Summer And Essentials Icon Set (50 Icons, EPS, AI, PNG) 0

Freebie: Summer And Essentials Icon Set (50 Icons, EPS, AI, PNG)


  

For those of you who are impatiently waiting for summer to finally arrive, we’re pleased to feature an icon set that will help make the wait worthwhile. Today’s icon set includes 50 icons that have been designed by Elena Genova exclusively for Smashing Magazine and its readers.

Freebie: Summer And Essentials Icon Set (50 Icons, EPS, PNG, AI)

If you’ve been looking for a way to welcome summer and freshen up your designs with even more colors, then this freebie will not disappoint you.

The post Freebie: Summer And Essentials Icon Set (50 Icons, EPS, AI, PNG) appeared first on Smashing Magazine.

Love Generating SVG With JavaScript? Move It To The Server! 0

Love Generating SVG With JavaScript? Move It To The Server!


  

I hope that by now, in 2014, there is no need to explain why SVG is a blessing to developers who want to ensure that their graphics look sharp on all devices, especially with their huge diversity of resolutions.

But just like any other technology, SVG has its limitations. And in this article, we’ll talk about how to bypass some of them. Well, what’s the problem? Why would you even need to generate SVG on the server? The technology is entirely client-side, so what would motivate anyone to move it from there?

The post Love Generating SVG With JavaScript? Move It To The Server! appeared first on Smashing Magazine.

Next-Generation Responsive Web Design Tools: Webflow, Edge Reflow, Macaw 0

Next-Generation Responsive Web Design Tools: Webflow, Edge Reflow, Macaw


  

To prepare for a talk about the changing roles of designers and developers, given at HOW Interactive a few months back, I interviewed 20+ web shops. Validated by my own experience, I found that many of them faced challenges fitting responsive design into their workflow, and the role of most web designers had changed to include coding in some form or another.

Next-Generation Responsive Web Design Tools: Webflow, Edge Reflow, Macaw

At least half of the designers knew HTML and CSS well but wanted a more visual way to get at it. Well, a new generation of visual responsive design tools has arrived. These responsive design tools are for anyone who understands HTML and CSS (or is willing to learn) and wants to visually design a responsive website — and have code to show for it.

The post Next-Generation Responsive Web Design Tools: Webflow, Edge Reflow, Macaw appeared first on Smashing Magazine.

An Introduction To Node.js And MongoDB 0

An Introduction To Node.js And MongoDB


  

Node.js is a rapidly growing technology that has been overtaking the world of server-side programming with surprising speed. MongoDB is a technology that’s revolutionizing database usage. Together, the two tools are a potent combination, thanks to the fact that they both employ JavaScript and JSON.

A Detailed Introduction To Node.js And MongoDB

At first glance, coming to grips with Node.js and MongoDB can seem both time-consuming and painful. Read on to learn how to wield these tools quickly and easily. Before getting started, let’s take a quick look at what this article offers.

The post An Introduction To Node.js And MongoDB appeared first on Smashing Magazine.

Mobile And Accessibility: Why You Should Care And What You Can Do About It 0

Mobile And Accessibility: Why You Should Care And What You Can Do About It


  

Mobile has revolutionized the way we use the web. This is especially true of disabled users, for whom mobile devices open the door to a whole new spectrum of interactions.

Mobile And Accessibility: Why You Should Care And What You Can Do About It

And they are taking advantage of it. A July 2013 survey (PDF) of adults with disabilities done by the Wireless Rehabilitation Engineering Research Center found that 91% of people with disabilities use a “wireless device such as a cell phone or tablet.” Among these users, screen reader usage is common, even on mobile devices.

The post Mobile And Accessibility: Why You Should Care And What You Can Do About It appeared first on Smashing Magazine.

The Last Goodbye: How To Shut Down A Failing Product 0

The Last Goodbye: How To Shut Down A Failing Product


  

The true power of the web has always depended on the open nature of its technology. Anyone who’s interested can create a website, and anyone with an idea could turn out the next Facebook. Technology takes no heed of gender, creed or race, but is reduced down to code and the desire to create.

The Last Goodbye: How To Shut Down A Failing Product

This great power has produced unbounded enthusiasm, and everyone you meet has an idea for the “next great website or app.” Buried within this enthusiasm, however, is the harsh reality that many new products fail. But what should you do if your product does fail? How do you close a product with dignity, so that both you and your users leave on good terms?

The post The Last Goodbye: How To Shut Down A Failing Product appeared first on Smashing Magazine.

Moving A Git Repository To A New Server 0

Moving A Git Repository To A New Server


  

Suppose your company decides to change its code-hosting provider or you wish to move your own Git repository to a different host. It doesn’t happen often, but it happens. When I had to move a number of Git projects to a new host, it took me quite some time to find an accurate method.

Moving A Git Repository To A New Server

Having made many attempts, and a couple of fails, and carefully reading Git’s documentation, I found a solid and effective way. I thought, then, that every developer would benefit from knowing how to migrate a Git repository to a new host quickly and easily. The most important thing is to make sure that your branches and tags and your commit history are all moved.

The post Moving A Git Repository To A New Server appeared first on Smashing Magazine.

Design Principles: Space And The Figure-Ground Relationship 0

Design Principles: Space And The Figure-Ground Relationship


  

If you see graphic design as a process of arranging shapes on a canvas, then you’re only seeing half of what you work with. The negative space of the canvas is just as important as the positive elements that we place on the canvas.

Design Principles: Space And The Figure-Ground Relationship

Design is an arrangement of both shapes and space. To work more effectively with space, you must first become aware of it and learn to see it — learn to see the shapes that space forms and how space communicates. This is second part of a series on design principles for beginners. The first part covered an introduction to gestalt; the rest of the series (including this post) will build on those gestalt principles and show how many of the fundamental principles we work with as designers have their origin there.

The post Design Principles: Space And The Figure-Ground Relationship appeared first on Smashing Magazine.