background preloader

Six Revisions - Useful information for Web Developers and Designers

Six Revisions - Useful information for Web Developers and Designers
There are many available tools to help make web development projects quicker and more productive. Aside from a handy text editor or WYSIWYG editor like Dreamweaver, you can find plenty of tools and utilities that can greatly increase development speed, reduce debugging and testing time, and improve quality of the output. The tools described below are a variety of utilities, optimizers, testing, and debugging tools aimed towards helping developers create websites more efficiently. 1. CSS Grid Builder CSS Grid Builder is an online GUI for customizing the YUI Grids CSS – a lightweight CSS framework developed by Yahoo! You don’t even have to host the CSS file on your web server (saving you some bandwidth and maintenance hassles), the generated code links to the appropriate stylesheet found on Yahoo!’ 2. 3. Blueprint reduces the amount of CSS code you have to write by including common styles that developers typically use such CSS reset and page layouts. 4. 5. logicss: CSS Framework 6. 7. 8. 9.

Related:  HTML5

#html5 VS #flash (for the week) The simple HashtagBattle layout provides a clear contrast between hashtags. Layouts are fully responsive. They work great on a smartphone, a tablet, a desktop, a TV, a projector, or your future iWatch? The multi HashtagBattle widget is really useful for contest, simple statistics, or real-time feedback. Embed it everywhere and show that to your audience. Cheat Sheets for Front-end Web Developers Cheat sheets are helpful to have around because they allow you to quickly remember code syntax and see related concepts visually. Additionally, they’re nice decorative pieces for your office. In this article, you’ll find 23 excellent, print-ready cheat sheets for HTML/HTML, CSS, and JavaScript (including MooTools and jQuery). So go ahead – print out your favorites and pepper your workspace with these wonderful references. 1.

AppMobi to Open Source All Its HTML5 APIs on Black Friday HTML5 development firm appMobi has a gift for developers to kick off the holiday season. The company is making much of its HTML5 device-side APIs available as open source projects starting on November 25, otherwise known as Black Friday. AppMobi is releasing its DirectCanvas, device-APIs for iOS and Android and its MobiUs browser among hundreds of other HTML5 development APIs as open-source projects free for developers to build upon. This cache of APIs is the type of trove that HTML5 developers could put to great use. For appMobi, HTML5 is not about the desktop, it is about mobile and it has worked to create functionality for device access by HTML5 applications including access to native functions like the camera, accelerometer and GPS.

17 Wonderful Free Tools To Make Designers Lives Easier! - Opensource, Free and Useful Online Resources for Designers and Developers Don't Forget to participate in a contest where you can win an amazing e-Commerce template from TemplateMonster. This is the wonderful list of 17 free and online web based tools for designers and developers which may be very helpful for you as well when you are at work. Designers and Developers will must like this list but you can also use them and will love whether you are office worker, manager, supervisor, student, home user, etc. Most of them are not very well-known but, they are really amazing in respect to their features. Just take a look at them and share your thought’s here. You are welcome to share if you know more free tools for designers that our readers may like.

thanks to chriseppstein for starting this In this document I am using Sass's SCSS syntax. You can choose to use the indented syntax in sass, if you prefer it, it has no functional differences from the SCSS syntax. For less, I'm using the ruby version because this is what they suggest on the website. The javascript version may be different. Variables Both languages support scoped variable definition within a selector context. Thinking XML: The XML flavor of HTML5 08 Jul 2010: Added two Resources per author request: Tip: Always use an XML declaration and thanks to Michael Smith. The history of HTML has been controversial at every turn. Despite the best efforts of web architects, the web has always been a wild frontier of messy, confusing, and sometimes just diabolically broken markup (nicknamed tag soup). One ambition of XML has always been to help clean up this mess, hence XML's designation as "SGML for the web" (SGML is the meta-language of which HTML is just one flavor). XML came on the scene and immediately made a lot of waves. The W3C expected, reasonably enough, that XML might also find success in the browser, and set up XHTML as the most natural evolution from HTML to something more coherent.

70+ Cheat Sheet Resources for Web Designers Posted By Thomson Chemmanoor Cheat sheats, or reference sheets, are a helpful and quick way to remember things. Web designers, by nature of their work, are forced to cram their heads with TONS of information ranging in many different areas. In this particular post, we have created a dynamite list of 70+ helpful cheat sheets we found on the web to help web designer’s manage all this information. 15 CSS Frameworks for Responsive Web Design Responsive design is cool thing to do, and for good reason — it means one site to maintain for all devices. It’s also a really challenging approach to web design. In this article, we look at frameworks that will help you handle the challenge. Just like most CSS frameworks, all of the frameworks below will help you rapidly develop sites by eliminating the need to write basic CSS styles yourself, and they also come with a responsive layout helping you to quickly and easily create mobile-specific sites.

Flash vs. HTML5 Endgame [In the debate of Flash vs HTML5, has the death of Flash been over exaggerated? Guest author Guilhem Ensuque peeks through thick layers of hype and facts to predict what the future holds for the mobile web]. The last year has seen a flurry of announcements and debate around the rise of HTML5 and the fall of Flash. Some have even gone as far as declaring a “war” between the two, and predicting the “death” of Flash as the outcome. However, as Mark Twain once famously said: “The rumor of my death is an exaggeration”. As we’ll see, the jury is still out as far as the fate of Flash and Adobe are concerned. 25+ Web 2.0 Generators to rescue ( Be Lazy) Sometime there are projects or clients that need to be done in one days or so. When you need a quick striped background, a CSS menu, web 2.0 badges these tools are lifesavers. Recently, these generators helped me on one of the photo gallery I was working on.

shame.css 17 April, 2013 Update: I did a short interview about shame.css with .net magazine. Something Chris Coyier, Dave Rupert and I joked about recently was the idea of a stylesheet dedicated to housing your nasty, hacky, quick-fix CSS. I’ve been thinking a lot more about it lately and I reckon it’s actually a pretty good idea; here’s why… The problem We all know that, no matter how hard we may try, sometimes we do need to use quick fixes, hacks and questionable techniques in our code. HTML5 Drag and Drop Multiple File Upload Previously I experimented with drag and drop file upload with Google Gears. Recently FireFox 3.6 (codenamed Namoroka) was the first to implement File API. It enables JavaScript to interact with local files. Correction: Ionut G. Stan pointed out that File API was actually available already in FireFox 3.0. What Namoroka introduced is the drag and drop interface for the files.