background preloader

Design & Design Workflow

Facebook Twitter

Firebug. Randy Marmer (randymarmer) Sites I Admire in Web Development. Recently, I've been giving some thought to the future of my web development articles and tutorials site, Flippin' Awesome.

Sites I Admire in Web Development

When I started it nearly six months ago, the plan wasn't just to become yet another web developer tutorials site--there are already a ton of those, to be quite honest. Tooling Live Reload for Multi-Task Cycles. We all are taught not to repeat ourselves while coding.

Tooling Live Reload for Multi-Task Cycles

Nonetheless we keep repeating the same operation over and over – pressing F5/Ctrl-R for browser reload every time we have to examine the results of our last changes. After watching some of Paul Irish screencasts where he was showing the magic of live reload under Sublime Text 2 I wondered if I could employ something alike while keeping working with my beloved NetBeans IDE. However in my case it wouldn’t be enough just to reload the page when any of watched files change.

I need to compile SASS sources, combine atomic JavaScript chunks into a single module and sometimes flush the application cache. Eventually I found a tool meeting all requirements I have. Updates the subscribed pages. Configuring Grunt As you see this approach requires Grunt. Npm install -g grunt. Speed Up Frontend Coding With Emmet.

Web Developers are always looking for new ways to speed up our development process, one the best ways to speed up your development and becoming more productive is to choose the right IDE for the way you code.

Speed Up Frontend Coding With Emmet

I've tried a lot of IDE's but he one that I find myself most productive with is with sublime text, this is because the speed I can do different tasks. Much of this performance comes from the massive amount of plugins that are available to the IDE, in this article we are going to be looking into one of the most productive front-end development plugins called Emmet previously known as Zen Coding. My workflow v3: full coding stack. A Look at Flat Design and Why It's Significant. There has been a growing tidal wave of flat designs on the web, and recent trend reports have confirmed that they're only increasing in popularity.

A Look at Flat Design and Why It's Significant

The Codeship Workflow – Developing a new feature. Update: We have released a free ebook about our workflow: Efficiency in Development Workflows.

The Codeship Workflow – Developing a new feature

With this blog post we start a new series about how we work on the Codeship. Many people asked us how we develop features, about our workflow and which apps we use every day. This blogpost focuses on the workflow to implement a new feature. From branching away from master until it is ready for the pull request. The following blog posts will talk about our internal communication, how we do pull requests and code reviews and an in-depth look into our deployment strategy. Mockup.png (1003×1321) Rails is not MVC. There is a terminology problem in the Rails community.

Rails is not MVC

Everyone promotes Rails as a MVC framework. A Modern Web Designer's Workflow. The First Step to Applying Design Patterns: Don't. Design patterns are awesome.

The First Step to Applying Design Patterns: Don't

The more we build software with them in mind, the better off we'll be as a community. They can help us elegantly construct solutions which can be readily discussed with peers. They're common solutions to common problems. They're not just common solutions, however. They're battle tested, proven, performant and generally considered "the best" solution. In this article, I'll look at varying levels of design pattern application, starting from worse to better, and ultimately landing on what I would consider the utopia of software engineering. Working from Scratch Personally, one of the most compelling exercises in software engineering is exploration. Take, for example, a simple arithmetic problem: Imagine modern programming languages didn't have a + operator. Following Patterns and Innovating. By Steven Hoober Published: April 22, 2013 “Adding any widget, feature, interface, interaction, or piece of hardware never automatically solves your problems with any information service or application.”

Following Patterns and Innovating

For the past few years, it has been fashionable to point out faults in things like TV interfaces and interactions, while positing that innovative new hardware like smartphones and tablets would fix everything any minute now—but it hasn’t yet. For example, I chose my television programming service provider largely based on the service’s usability and usefulness. Dish has a rather good remote and, for years, has had many of the features that popular articles insist we need to break out of our current mode of interacting with television programming. But there’s a problem: There are issues of consistency that make it difficult to switch between the user interfaces. In a recent interview, Alan Kay spoke about providing devices like iPads in every classroom. Workflow. Design Workflows for Rails.

John Long – Design Workflows For Rails. John W.

John Long – Design Workflows For Rails

Long is a software developer and designer that lives and works in Raleigh, NC. He tends to spend most of his time on the design side, but he can't get away from dabbling in Ruby and Javascript. He is passionate about user-driven design and helping clients build successful businesses. John is the proprietor of wiseheartdesign.com, the creator of Radiant CMS, and an active contributor to open source. Web Design — Jeff Schuette.