background preloader

Front End Web Dev

Facebook Twitter

Ethnio : Recruiting for User Research.

Responsive Ecomm Sites

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+.

11 Tools to Instantly Code Faster

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.

Ecomm

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.

How to create animated tooltips with CSS3

Pretty IP - By Strange. Genericons - a free, GPL, flexible icon font for blogs!

Google Maps

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.

An Introduction To DOM Events

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.

Frameworks

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.

Talks To Help You Become A Better Front-End Engineer In 2013

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.

Scrolling sites

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.

Enkoder

The Enkoder helps protect email addresses by converting them into encrypted JavaScript code so only real people using real browsers will see them. The Enkoder Form will encrypt your Email address and convert the result to a self evaluating JavaScript, hiding it from Email-harvesting robots which crawl the web looking for exposed addresses. Your address will be displayed correctly by web-browsers, but will be virtually indecipherable to Email harvesting robots. Although the Enkoder should help to reduce Spam, no solution is perfect. The only way to truly prevent Spam is to never publish your address at all, ever, anywhere. The Basic Form Enter the information for your link in the form below. The Advanced Form If you're comfortable creating your own HTML, just paste your code into the box below. Notes We do not store or save any of the information gathered here.

Backup Scheme

DBs. WordPress. CODING. Typekit - Webfonts. The Mysterious “Save For Web” Color Shift. Warning, the following information is hotly contested.

The Mysterious “Save For Web” Color Shift

Read the comments for more info. Or, read my new, updated post, Save For Web, Simply. Fig. 1 : Dastardly! The usual suspects get knocked out pretty quickly in this issue: It isn't a Mac/PC thing, it isn't a monitor thing, it isn't because the color profile is somehow set "wrong". Dirty Markup · Tidy and Beautify your HTML, CSS, and JavaScript code.

Jquery

CSS. Front End Dev Blogs. Mobile + Responsive. LIGHTBOX. Git.