Tag Archives: HTML

Responsive Layouts: How To Maintain Hierarchy Through Content Choreography

April 25, 2013   SmashingMagazine.com

Responsive LayoutsHow To Maintain Hierarchy Through Content Choreography

One of the issues we need to be concerned with in responsive design is how to maintain hierarchy as elements on the screen are resized and reflowed. Trent Walton first called attention to the issue with his post “Content Choreography,” which showed how visual hierarchy gets lost when columns are dropped below one another.

While techniques exist to help with part of the problem, the solution also requires conscious thought in how you structure blocks of content in your HTML. You need to think about how you’ll want to rearrange blocks of

Article source: http://feedproxy.google.com/~r/SmashingMagazine/~3/_zOCmUIGq8E/

Read More

Phishing gangs exploit videos of Boston, Texas

April 21, 2013   USAtoday.com

Cybergangs that specialize in phishing scams wasted little time moving to take advantage of the Boston bombing saga and the Texas fertilizer plant explosion. Dell SecureWorks’ on Friday detected and blocked waves of e-mails carrying enticements to click to video of the twin news events. Doing so does take the victim to a YouTube video of the event – but it also triggers an infection that turns control of the victim’s PC over to operators of two of largest networks of infected PCs, referred to as the Cutwail and Kelihos botnets. USA TODAY asked Dell security researcher Dr. Brett Stone-Gross for more clarity.

Q: What stands out about this wave?

A: The volume of malicious spam is extremely high because it is being sent

Article source: http://rssfeeds.usatoday.com/~r/usatoday-TechTopStories/~3/c0vFgIs8F40/

Read More

Design Strategy: Creating Wireframes And Prototypes With InDesign

March 7, 2013   SmashingMagazine.com

Creating Wireframes And Prototypes With InDesign

Hundreds of tools may be available for interaction designers, but there is still no industry standard for interaction design the way Photoshop and Illustrator are to graphic design. Popular programs are out there, but many of them have considerable drawbacks, which has led me to explore alternative apps.

I eventually chose Adobe InDesign for much of my preliminary interaction design work. Yes, you read that correctly: InDesign, a desktop publishing app originally created for designing books and magazines, is currently my tool of choice for designing low- to medium-fidelity wireframes and interactive prototypes.

Slowly but surely, InDesign has evolved from

Article source: http://feedproxy.google.com/~r/SmashingMagazine/~3/iKKkdTcCeZc/

Read More

Maintainable Code: Using White Space For Readability In HTML And CSS

February 19, 2013   SmashingMagazine.com

Maintainable CodeUsing White Space For Readability In HTML And CSS

Right up front, I’ll offer some simple advice: In production, your code should be as performance-friendly as possible. This means, Gzip’ing, concatenating and minifying as many assets as possible, thus serving the smallest possible files and the least number of files. I don’t think anyone would argue that these suggestions aren’t best practices (even if we don’t implement them in every project).

labyrinth-comic
Well-written, readable code doesn’t create mind games and labyrinths when other developers read it. (Image: Toca

Article source: http://feedproxy.google.com/~r/SmashingMagazine/~3/rBQzZy59XIo/

Read More

Converting The Prototype: iOS Prototyping With Adobe Fireworks And TAP (Part 3)

February 15, 2013   SmashingMagazine.com

Converting The PrototypeiOS Prototyping With Adobe Fireworks And TAP (Part 3)

In the previous parts of this tutorial (part 1 and part 2), we looked in detail at the building blocks of our design in Fireworks (pages, shared layers, symbols, styles), and we started to make a demo prototype in Fireworks.

The demo prototype had six pages, linked together by hotspots, and each hotspot was customized for use with TAP. (Which page will the hotspot link to? Which gesture will initiate the hotspot link? Which transition will animate once the appropriate gesture is used?)

Now that the

Article source: http://feedproxy.google.com/~r/SmashingMagazine/~3/SRzI0Xxdzgw/

Read More
« Older posts