DiffNow - Compare files online. Powered by ExamDiff Pro. MailChimp. Sprites. 11 Tools to Instantly Code Faster. Twice a month, we revisit or update some of our readers’ favorite posts and sessions from throughout the history of Nettuts+.
This tutorial was first published last September. Doesn't the title say it all? There are a wide variety of tools and techniques which can drastically improve the speed at which we code. Particularly during time-sensitive settings, even a savings of a few seconds per iteration can add up substantially over the course of the month. I'll show you eleven of my favorite tools in this article. 1. Combine the power and specificity of CSS selectors with HTML mark-up, and you get Zen Coding. ...convert to: In this last year, the Zen Coding project has gained considerable attention, and has been expanded to support a wide variety of code editors, including Espresso, Vim, Netbeans, TextMate, and Komodo Edit.
"Zen Coding is an editor plugin for high-speed HTML, XML, XSL (or any other structured code format) coding and editing. Collecting all the cheat sheets.
Wireframing. How to create animated tooltips with CSS3. How to create some simple, animated tooltips using CSS transitions and the pseudo-classes :before and :after View demo Download source In today’s tip we’ll show you how to create some simple, animated tooltips using CSS transitions and the pseudo-classes :before and :after.
Pretty IP - By Strange. Genericons - a free, GPL, flexible icon font for blogs!
Vim. Bootstrap. Viewports. An Introduction To DOM Events. Advertisement Click, touch, load, drag, change, input, error, resize — the list of possible DOM events is lengthy.
Events can be triggered on any part of a document, whether by a user’s interaction or by the browser. They don’t just start and end in one place; they flow though the document, on a life cycle of their own. This life cycle is what makes DOM events so extensible and useful. UX vs. UI Infographic – The Difference Between User Experience and User Interface.
Homebrew. Browser comping. Web Type. Adaptive. Push Down Mega Menu. Enterprise Git. Talks To Help You Become A Better Front-End Engineer In 2013. Advertisement Many of us care deeply about developing our craft.
But staying up to date can be a true challenge, because the quantity of fresh information we’re regularly exposed to can be a lot to take in. 2012 has been no exception, with a wealth of evolution and refinement going on in the front end. Great strides have been made in how we approach workflow, use abstractions, appreciate code quality and tackle the measurement and betterment of performance. If you’ve been busy and haven’t had time to catch up on the latest developments in these areas, don’t worry. With the holiday season upon us and a little more time on our hands, I thought it would be useful to share a carefully curated list of the most relevant front-end talks I’ve found helpful this year. Image credit: Jacob Bøtter Baseline Have a Strategy for Staying Up to Date How to Stay Up to Date on Web Stuff, Chris Coyier Part of continually developing your craft is staying up to date.
Understand How Browsers Work Behind the Scenes.
Startups, This Is How Design Works – by Wells Riley. Optimization. Testing. Debugging IE. Rails. Color. How to align checkboxes and their labels consistently cross-browsers. Widgets. Chrome Bolding Bug. Articles: theory and criticism. Front End Patterns. Enkoder. Posting your email address on a website is a sure-fire way to get an inbox full of Spam.
DBs. WordPress. CODING. Typekit - Webfonts. The Mysterious “Save For Web” Color Shift. Warning, the following information is hotly contested.
CSS. Front End Dev Blogs. Mobile + Responsive. LIGHTBOX. Git.