Viewing profile for vedran


Member forover 5 years






Web Developer

■ tutorials■ tools■ assets

Favorites Viewing Reading List (97)

  • Show Slow Show Slow

    Monitors URLs to see how changes to the page affects performance. Measures using YSlow...

  • trunk8 trunk8

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

  • Instant Sprite Instant Sprite

    The fastest way to make a sprite sheet for CSS.

  • GoSquared GoSquared

    Real-time analytics for your website - both free and paid plans. Free includes up to 10...

  • Cambelt Placeholder Images Cambelt Placeholder Images

    Dummy images done right. Customize sizes, colors, fonts, etc. Looks and functions great.

  • Web Performance Best Practices Web Performance Best Practices

    This best practices guide by Google covers many of the steps involved in page load time...

  • Ligature Symbols Ligature Symbols

    Ligature Symbols is a WebFont project to display symbols & icons with ligature features


    Minimal wireframing tool for websites and mobile apps.

  • JavaScript Style Guide JavaScript Style Guide

    A reasonable approach to writing JavaScript, from the folks at AirBnB

  • Bountify Bountify

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

  • Code Casts Code Casts

    Learn html, css and JS in a new, unique way.

  • yepnope.js yepnope.js

    yepnope is an asynchronous conditional resource loader that's super-fast, and allows yo...

  • Jarallax Jarallax

    Jarallax is an open-source javascript library which makes adjusting css based on intera...

  • SpritePad SpritePad

    SpritePad is your free and easy-to-use web app for creating CSS spritemaps.

  • Form Builder Form Builder

    Design and generate the code for a well looking form.

  • Fontello - Combine existing icon fonts and generate your own Fontello - Combine existing icon fonts and generate your own

    Hand pick from a large selection of existing icon font collections to create your own c...

  • Lenticular.js Lenticular.js

    Remember those cards from the bottom of the Cracker Jack box – the ones that changed im...

  • Roots Wordpress Theme Roots Wordpress Theme

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

  • Best Google Web Fonts Best Google Web Fonts

    A collection of the best Google web fonts

  • Beginner's Guide to SEO Beginner's Guide to SEO

    New to SEO? The Free Beginner's Guide to SEO has been read over 1 million times and pro...

  • Closure Compiler Closure Compiler

    Instead of compiling from a source language to machine code, this tool compiles from Ja...

  • Garlic.js Garlic.js

    Garlic.js allows you to automatically persist your forms' text field values locally in ...

  • jPanelMenu jPanelMenu

    jPanelMenu is a jQuery plugin that creates a paneled-style menu (like the type seen in ...

  • FitVids.js FitVids.js

    Fitvids.js is a lightweight, easy-to-use jQuery plugin for fluid width video embeds.

  • Stratus Stratus

    Stratus is a jQuery powered SoundCloud player that lives at the bottom (or top) of your...

  • Pep.js Pep.js

    A lightweight plugin for kinetic drag and drop on mobile/desktop

  • NVD3.js NVD3.js

    This project is an attempt to build re-usable charts and chart components for d3.js wit...

  • Tower.js Tower.js

    Full Stack Web Framework for Node.js and the Browser.

  • Paper.js Paper.js

    Paper.js is an open source vector graphics scripting framework that runs on top of the ...

  • Overscroll Overscroll

    Overscroll is a jQuery plug-in that mimics the iphone/ipad scrolling experience in a br...

  • Express.js Bootstrap Express.js Bootstrap

    This project is an express.js bootstrap web app.

  • Ratchet Ratchet

    Prototype mobile apps with simple HTML, CSS and JS components.

  • Magna Charta Magna Charta

    Magna Charter is a jQuery plugin used to create accessible and lovely looking bar chart...

  • amMap Maps Library amMap Maps Library

    amMap is a robust interactive maps library. It’s available in Javascript/HTML5 as well ...

  • Sly - jQuery plugin Sly - jQuery plugin

    jQuery plugin for one-directional scrolling with item based navigation support

  • Crumble Crumble

    A jQuery plugin for creating feature tours

  • Rocketfeed Rocketfeed

    Rocketfeed lets you organize the news that matter to you in a simple and gorgeous way. ...

  • jQuery Spectragram jQuery Spectragram

    spectragram.js is a jQuery plugin using the Instagram API to fetch and display user, po...

  • HeyOffline.js HeyOffline.js

    Warn your users when their network goes down to make sure they don't lose anything.

  • Sparky Sparky

    Sparklines are intense, simple, word-sized graphics. Sparky is a JavaScript library for...

  • DBV.php DBV.php

    Database version control, made easy!

  • :nth Tester :nth Tester

    A visual & interactive tool to learn how :nth selectors work.

  • Freetile.js Freetile.js

    Freetile is a plugin for jQuery that enables the organization of webpage content in an ...

  • Pictaculous Pictaculous

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

  • Data-Columns Data-Columns

    With data-columns you’ll be able to create Masonry-like layouts without the complexity ...

  • Fokus JS Fokus JS

    Fokus uses JavaScript to emphasize anything you highlight by covering the rest of the p...

  • FluidityCSS FluidityCSS

    Fluidity is a modern CSS3 & HTML5 framework for Node.js & Stylus

  • WordPress Template Hierachy WordPress Template Hierachy

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

  • GuideGuide GuideGuide

    It lets you create grids and guides in photoshop

  • RegExp Generator RegExp Generator

    Awesome tool to help generate regular expressions.

  • BigVideo.js BigVideo.js

    This plugin makes it easy to add fit-to-fill background video to websites. It can play ...

  • UICloud UICloud

    User Interface Design Search Engine

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

  • JavaScript - The Right Way JavaScript - The Right Way

    The Right Way is an easy-to-read, quick reference for JS best practices, accepted codin...

  • Tipped Tipped

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

  • jQuery Easings jQuery Easings

    Make animation more realistic by picking right easing function.

  • CSS3 Front-End Snippets CSS3 Front-End Snippets

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

  • Backbone.js Fundamentals Backbone.js Fundamentals

    An in-progress book about the Backbone.js framework for structuring JavaScript applicat...

  • Bootsnipp Bootsnipp

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

  • Initializr Initializr

    Generate HTML5 starting templates for your new projects.

  • D3js Tutorials D3js Tutorials

    Several sick tutorials for d3.js

  • Real Shadow Real Shadow

    jQuery Plugin that casts photorealistic shadows. Perfect for eye-catching demos and lan...

  • jQuery Scroll Path jQuery Scroll Path

    The plugin that lets you define custom scroll paths to create very cool animations that...


    A simple website mockup designer.

  • Moqups Moqups

    MoqUps is a great HTML5 tool used to create wireframes, mockups and prototypes

  • Helveticons Helveticons

    Royalty-free vector icons, glyphs and symbols based on the Helvetica Bold typeface

  • Interactive HTML5 Experiments Interactive HTML5 Experiments

    A collection of beautiful and unique HTML5 experiments.

  • SuperFastBlur.js SuperFastBlur.js

    Blurs images dynamically and beautifully.

  • jQuery Parallax jQuery Parallax

    A jQuery Parallax plugin that relies on scrolldeck.js

  • Skrollr Skrollr

    Skrollr allows you to animate any CSS property of any element depending on the horizont...

  • Flow by Mixpanel Flow by Mixpanel

    Flow is a free and awesome visual tool for seeing where your visitors go, and leave on ...

  • Twitter Bootstrap v2.* Twitter Bootstrap v2.*

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

  • CodePen CodePen

    A pastebin, but more importantly, a regularly-updated high-quality collection of absolu...

  • pdf.js pdf.js

    Online PDF Reader in JavaScript.

  • Ceaser CSS Easing Ceaser CSS Easing

    Ceaser is an interactive CSS easing animation tool. It lets you build any kind of ease ...

  • Sequence.js Sequence.js

    Sequence is a jQuery slider that lets you specify each element in your slider with CSS3...

  • Page Scroller Page Scroller

    Page Scroller lets you know where you are on a page while providing a simple smooth scr...

  • SlideJS SlideJS

    SlidesJS is a simple slideshow plugin for jQuery. Packed with a useful set of features ...

  • Cool Font Pairings Cool Font Pairings

    A nice collection of good-looking font pairings.

  • Clearless Clearless

    A reuseable collection of carefully-considered Less mixins, or YALML (Yet Another Less ...

  • CanIUse CanIUse

    CanIUse is a chart that allows you to see what kind of properties are compatible with w...

  • Snip it Snip it

    A repository that contains private and public code snippets

  • Webmaster Central Webmaster Central

    Get data, tools and diagnostics for a healthy, Google-friendly site.

  • jQuery Picture jQuery Picture

    A jQuery plugin to help ease the transition to responsive images.

  • stickyMojo stickyMojo

    stickyMojo is a contained sticky sidebar jQuery plugin

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

  • Touchfolio Touchfolio

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

  • Sublime Text 2 Tips and Tricks Sublime Text 2 Tips and Tricks

    Covers a lot of useful features that can be found in the excellent text editor Sublime ...

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

    30 must-see alternatives to Helvetica

  • Code Academy Code Academy

    An interactive coding tutorial that teaches you javascript. Interact with the command p...

  • {wrap}Bootstrap {wrap}Bootstrap

    A huge list of themes for Bootstrap... an HTML5 & CSS3 framework designed to help you k...

  • equalize.js equalize.js

    The jQuery plugin for equalizing the height or width of elements

  • jQuery Vector Maps jQuery Vector Maps

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

  • HorizontalNav HorizontalNav

    HorizontalNav is a jQuery plugin that spans a horizontal navigation to fit the full wid...

  • CSSwarp CSSwarp

    This is the CSS/HTML to path generator

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.