Great web design requires every bit as much imagination and creativity as graphic design. But while graphic designers get a (relatively) easy ride with the drag-and-drop tools of Photoshop, web designers, essentially, still have to do it the hard way with from-scratch coding. Hard to believe, I know, given that it’s now 2013, but this archaic method of design still reigns supreme.
Code, for the time being, at least, is still a necessity when designing a website. Wouldn’t it make things easier, though, if code-based styling were a little more intuitive.
That is the aim of bluePen, a live CSS editor, which has simple styling controls for each element on your site. But does this site add-on really save time, or is it yet another failed attempt to streamline web design?
About a month ago, I rounded up a set of 10 tiny but really useful free web apps for designers. Given how well the app ecosystem on the web has evolved over the years, there’s no reason to stick with the theme of designers, so here’s a list of 10 similar apps, but for web developers.
Made by one of the most prolific community of professionals on the web, for themselves and other like them. All these apps are simple, focused on doing one thing and doing it right. If you are a web developer, they all might come in pretty handy at some point or another.
Sometimes over here at Web.AppStorm we look at apps that are built using Adobe AIR, a cross-platform solution that allows you to easily create and install apps that will work on Windows, OS X, and Linux. Crunch is a CSS editor/compiler built using AIR, and is definitely worth a look.
Built to take advantage of the CSS-supplement LESS (which we’ll take a look at in the review), is Crunch a worthwhile program or a worthless novelty? Let’s take a look.
Editor’s Note: After careful consideration, we have decided to remove this post. W3Schools does have some correct information that can be useful to beginners, but it also has a number of inadequacies as our readers have pointed out in the comments. Our post was not affiliated with W3Schools in any way, and we have deleted it since it the inaccurate information in W3Schools’ sites could be especially misleading for beginning developers, the very audience of this article. If you’d like more information on the problems with W3Schools, please check out http://www.w3fools.com/ to see some of the worst problems with their content.
We’re thankful for our engaged community of readers, and endeavor to have the highest quality content possible. This article wasn’t up to that standard, and we apologize for that. If you ever have any feedback about our content, please let us know and we’ll strive to take your advice to heart.
There’s a ton of great web development-oriented web apps out there, everything from in-browser image editing tools to full-fledged cloud IDEs. It’s evident that you don’t need a ton of expensive software to develop websites, and even a Chromebook can be turned into a great little web development machine.
Today we’re going to take a look at WebPutty, a CSS editor based in your browser, complete with previewing new styles on existing sites. WebPutty is a simple affair, allowing you to create a site and load it up in the editor with the CSS editor beside it. Here you can manipulate the styles in real-time, previewing them before exporting and publishing to your live site.
I’ve just finished designing a website, and I used a ton of CSS: everything from laying out my content, to styling elements like the headings. Then, Twitter released Bootstrap, and I’m pretty disappointed I didn’t delay starting to design it.
Say you’re a web designer new to the scene and don’t know all the ropes. Bootstrap from Twitter is aimed at providing a bunch of really useful CSS classes and IDs in a single library that’s simple to use, removing a lot of the load of designing a website from scratch. Bootstrap is a package, and includes a ton of user interface elements styled to be usable in any web app, or site.
HTML and CSS are the two most commonly used languages on the web. While it may not be the most advanced form of web development, every website made in the past decade uses both languages. Needless to say, there’s a lot to learn here, but that doesn’t mean tools can’t help. We’ve compiled a super list of super tools to take your markup from mediocre to macho.