Viewing profile for Fox


Member forabout 4 years






Front end guy

■ tutorials■ tools■ assets

Favorites Viewing Reading List (80)

  • CSS3Ps CSS3Ps

    CSS3Ps is a free, cloud based, photoshop plugin for converting layers to CSS3 styles.

  • CSS3 = Awesome CSS3 = Awesome

    This website is designed to help you build modern sites that are able to make use of so...

  • Loadersuite Loadersuite

    An advanced online tool to create animated loading GIFs.

  • Sidr Sidr

    A jQuery plugin for creating excellent side menus that are responsive.

  • Maki Icons Maki Icons

    Maki is a clean point of interest icon set made for web cartography. It includes 88 dif...

  • Responsive Img Responsive Img

    Make your existing images responsive without creating new images.

  • Paperkit Paperkit

    Paperkit offers designers free paper templates that can be easily customized to their n...

  • Voke Voke

    An instant CSS and PHP search. Very efficient, minimal, and nice.

  • Cool Kitten Cool Kitten

    A parallax css framework which is responsive.

  • jVectorMap jVectorMap

    jVectorMap uses only native browser technologies like JavaScript, CSS, HTML, SVG or VML...

  • Photoshop Etiquette Photoshop Etiquette

    Etiquette for designers to make your developer's life easier.

  • Subtle Patterns Subtle Patterns

    High quality resource for anyone in need of tilable textured patterns.

  • Colorhexa Colorhexa

    TL;DR WolframAlpha for colors that offers design suggestions is a colo...

  • 30 Extremely Useful Heading Fonts 30 Extremely Useful Heading Fonts

    As there are numerous free fonts available out there, so we thought why not to share wi...

  • Roots Wordpress Theme Roots Wordpress Theme

    Roots is a starting WordPress theme based on HTML5 Boilerplate & Bootstrap from Twitter.

  • Wonderflux - Wordpress Framework Wonderflux - Wordpress Framework

    Wonderflux is a professional, free WordPress theme framework. It allows you to rapidly ...

  • Beginner's Guide to Pairing Fonts Beginner's Guide to Pairing Fonts

    Pairing fonts can be a challenge. Selecting two or more fonts which work well is one th...

  • The Noob Guide to Link Building The Noob Guide to Link Building

    An in-depth guide that covers the process of link building from start to finish.

  • Touchfolio Touchfolio

    Touch-optimized free responsive portfolio WordPress theme. For photographers, designers...

  • HTML5 Cross Browser Polyfills HTML5 Cross Browser Polyfills

    "So here we're collecting all the shims, fallbacks, and polyfills in order to implant h...

  • View the rankings, backlinks and Google AdWords ads of any website View the rankings, backlinks and Google AdWords ads of any website

    Shows Google rankings, backlinks, and Google AdWords ads of any website.

  • Pictos - Using Icon Fonts Pictos - Using Icon Fonts

    Pictos Font Server: Serving Custom Built Icon Fonts to Your Website. Also Hand Crafted,...

  • 30 of the best alternatives to Helvetica 30 of the best alternatives to Helvetica

    30 must-see alternatives to Helvetica

  • phpcreatehtml phpcreatehtml

    Easy php class for html creation with some gimmicks. Creation is done similar to jQuery.

  • Twitter Bootstrap v2.* Twitter Bootstrap v2.*

    Sleek, intuitive, and powerful front-end framework for faster and easier web development.

  • CSS Style Guides CSS Style Guides

    A helpful article that links to CSS formating guides that will make your code look good...

  • Form Builder Form Builder

    Design and generate the code for a well looking form.

  • Compare Ninja Compare Ninja

    Compare Ninja is an amazing tool which allow you to create beautiful HTML & CSS compari...

  • Prefixr Prefixr

    A cross-browser CSS generator that generates CSS prefixes.

  • Retina optimization guide Retina optimization guide

    A guide for using CSS Sprites to optimize your website for Retina Displays

  • Pattern Tap Pattern Tap

    A site where you can select a specific element like footers, forms, tables etc. and get...

  • UptimeRobot UptimeRobot

    UptimeRobot lets you monitor your websites' uptime easily and totally free. The service...

  • IconArchive IconArchive

    IconArchive is a huge archive for different types of icons you can use for your web des...

  • Adobe Edge Adobe Edge

    Add motion to graphics and HTML elements using a powerful and easy to use timeline edit...

  • Geek Name Geek Name

    Find unregistered domain names.

  • CSS Font Stack CSS Font Stack

    The long awaited CSS font stack resource :: A complete collection of web safe CSS font ...

  • Front-end Development Tools List Front-end Development Tools List

    Continously updated list of useful and 'must have' tools and libraries for front-end dev.

  • CSS Comb CSS Comb

    A great tool for sorting CSS properties in specific order. Comes with many text editor ...

  • Browserling Browserling

    Browserling is a great tool that allows cross-browser testing in your browser for any w...

  • Icon Monster Icon Monster

    Icon Monster allows you to download any types of icon and symbol to help develope your ...

  • Responsive Tables Responsive Tables

    A quick and dirty look at some techniques for designing responsive table layouts.

  • Interactive HTML5 Experiments Interactive HTML5 Experiments

    A collection of beautiful and unique HTML5 experiments.

  • Cookie Consent Cookie Consent

    A free, open source solution to the EU cookie law. Easily installed with just a few lin...

  • WordPress Template Hierachy WordPress Template Hierachy

    This is the incredibly useful image at about template file hierarchy.

  • Sosa Icon Font Sosa Icon Font

    Sosa includes the 120+ useful icons. Icon categories include: web, devices, media, medi...

  • Pretty HTML5 Form Examples Pretty HTML5 Form Examples

    Got dreadful when designing a CSS form? This post might help you, which includes cool e...

  • Responsive Patterns Responsive Patterns

    A collection of patterns and modules for responsive designs.

  • Backstretch Backstretch

    A simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable ...

  • Adaptor Adaptor

    Adaptor is a light-weight content slider that aims to provide a simple interface for de...

  • Tipped Tipped

    Tipped allows you to easily create beautiful tooltips using the jQuery Javascript library.

  • CSS3 Front-End Snippets CSS3 Front-End Snippets

    A collection of open source user interface components coded with modern HTML5, CSS3, an...

  • Bootsnipp Bootsnipp

    Design elements and code snippets for Twitter Bootstrap HTML/CSS/JS framework

  • jQuery Vector Maps jQuery Vector Maps

    JQVMap is a jQuery plugin that renders Vector Maps. It uses resizable Scalable Vector G...

  • QRhacker QRhacker

    QRhacker is a tool to generate and customize QR codes

  • CSSwarp CSSwarp

    This is the CSS/HTML to path generator

  • Wordmark Wordmark

    This tool lets you type a word and then lets you see it in every font you have on your ...

  • Pttrns Pttrns

    A collection of cool mobile app designs, perfect for inspiration.

  • Pictaculous Pictaculous

    This tool lets you generate any color palette from an image.

  • Mailrox Mailrox

    The quickest way to turn email designs into bulletproof HTML emails.

  • trunk8 trunk8

    trunk8 is an intelligent text truncation plugin to jQuery. When applied to a large bloc...

  • Best Google Web Fonts Best Google Web Fonts

    A collection of the best Google web fonts

  • @Font-Face @Font-Face

    Tired of Font Squirrel blacklisting every font imaginable? Try this one out!

  • Kube CSS Framework Kube CSS Framework

    A CSS framework for professional developers. Minimal and enough. Adaptive and responsiv...

  • Simply Testable Simply Testable

    Save time and take the pain out of routine front-end web testing. One-click testing of ...

  • Bountify Bountify

    Got a tough coding task? Post it here with a cash bounty ($1-250) to incentivize your f...

  • WebZap WebZap

    WebZap is a plugin for Photoshop to create mockups the quick and easy way.

  • Responsive Email Templates Responsive Email Templates

    A set of super awesome email templates that will make your email campaigns responsive.

  • Learn to use SASS/SCSS Learn to use SASS/SCSS

    A series of Sass screencasts showing the installing of, the basics, and using key featu...

  • Bacon! Bacon!

    Bacon is a jQuery plugin that allows you to wrap text around a bezier curve or a line.

  • Ideal Forms Ideal Forms

    Ideal Forms is the ultimate framework for building and validating responsive HTML5 form...

  • Build Podcast Build Podcast

    Build podcast is a show about technology tools for design and development. Each week is...

  • PlaceIt PlaceIt

    Drag and drop your mockup screenshots into a selection of mobile and desktop environmen...

  • Junior Junior

    A front-end framework for building HTML5 mobile apps with a native look and feel.

  • Workless Workless

    A clean & classy HTML5, CSS3 framework that helps you to get your project up and runnin...

  • Gmail Buttons Gmail Buttons

    CSS3 Gmail Buttons is a collection of button styles inspired by the new Gmail UI.

  • Advanced Guide to HTML & CSS Advanced Guide to HTML & CSS

    An Advanced Guide to HTML & CSS takes a deep look at front-end design and development, ...

  • What No One Told You About Z-Index What No One Told You About Z-Index

    Time to sharpen your corner-case knowledge about CSS. Learn some things about z-index t...

  • The Absolute Beginner's Guide to SASS The Absolute Beginner's Guide to SASS

    Using Sass for your CSS preprocessing is a useful tool for executing responsive web des...

  • Typographer’s Glossary Typographer’s Glossary

    A glossary of terminology relating to digital fonts and typefaces; defininitions and de...

  • Contrast Rebellion Contrast Rebellion

    Low-contrast font color and unreadable texts? To hell with them! This is a tutorial abo...

Tutorials are any resources you learn from.

Examples: an intro to html5 screencast, a pdf about git, photoshop effects tutorials, meta-programming in ruby, lambda calculus, higher-order fixed-point combinators.

Tools are websites, apps or services used -on- your project (indirectly), to aid the process.

Examples: A color scheme generator, email marketing software, usability heat maps, css3 code generators, a downloadable png compressor.

Assets are downloadable files used -in- your projects, usually as code, textures, or images.

Examples: a jquery sticky menu, photoshop brushes, background textures, mvc frameworks, twitter bootstrap, 960 grid system.