Monthly Shaarli

All links of one month in a single page.

August, 2012

User experience design: как построить сайт для клиентов, а не для себя

Презентация Дениса Корcунова

alehandrof/BetterGoTo · GitHub

Allows you to add comments to your code or markup that will appear in the Symbol List.

Cross-platform syncing for Sublime Text editor settings and plugins with Dropbox

Between my day job as an ASP.NET developer and my freelancing and writing, I bounce around among computers quite a bit. I currently split time among my MacBook Air and a Windows 7 PC, as well as various Linux and Windows virtual machines. After setting up Sublime for the second or third time, I realized that I needed to automate the process of installing packages and tweaking configs.

Feed43 : Convert any web page to news feed on the fly

Your favorite site doesn't provide news feeds?
This free online service converts any web page to an RSS feed on the fly.

Compare Colors Tool - ColorTools.net

Compare Six Color Samples.

Sublime Text 2 / Хабрахабр

Пару месяцев назад я случайно наткнулся на массу положительных отзывов о текстовом редакторе Sublime Text 2. Попробовав его в деле, я не разочаровался. Теперь это мой основной рабочий инструмент.

Towards A Retina Web // Resolution Independence in Web Design
Gridset

Gridset is an online tool that allows you to build fully bespoke, responsive grid systems without touching any of the difficult maths, freeing you to focus on your design.

Coda Sass Plug-in

This plug-in converts scss files into css files. You can set it up to automatically convert on save. By default you must manually process scss files via the Coda Plug-ins menu. You can also specify where the css files should be saved. By default they are saved next to the scss files.

n00ge/sublime-text-haml-sass · GitHub

Haml & Sass language definitions and snippets for Sublime Text 2

Code Style: Most common fonts for Windows, Mac and Linux: updated constantly, full results

The table below shows font survey results for all platforms, the cumulative total of all valid font survey submissions. Figures are calculated per platform and ranked alongside each other for comparison. The Apple, Windows and Linux penguin icons show which computer the font figures are for.

Typetester – Compare fonts for the screen

The Typetester is an online application for comparison of the fonts for the screen. Its primary role is to make web designer’s life easier. As the new fonts are bundled into operating systems, the list of the common fonts will be updated.

Who is Leon

When you work with amazing people, you get amazing results.

Red-top red faces as Daily Mirror's website revamp crashes
Places' Tooltips :: Add-ons for Firefox

Shows a tooltip for all links, folders, bookmarks and RSS items on Bookmarks Toolbar, Bookmarks Menu', History Menu' and also Sidebars!
You can also see the last visited date, tags, description and the keywords!

Superscrollorama - The jQuery plugin for supercool scroll animation

Superscrollorama is powered by TweenMax and the Greensock Tweening Engine. Go to greensock.com for documentation on how to use it. Why Greensock/TweenMax? Great performance, ease-of-use, expandibility and basically because it is awesome.

Password Strength Checker

This application is designed to assess the strength of password strings. The instantaneous visual feedback provides the user a means to improve the strength of their passwords, with a hard focus on breaking the typical bad habits of faulty password formulation. Since no official weighting system exists, we created our own formulas to assess the overall strength of a given password. Please note, that this application does not utilize the typical "days-to-crack" approach for strength determination. We have found that particular system to be severely lacking and unreliable for real-world scenarios. This application is neither perfect nor foolproof, and should only be utilized as a loose guide in determining methods for improving the password creation process.

Round-up of Web Browser Internals Resources

The links below capture most of the resources that explain the innerworkings of web browsers.

Nerisson - Art Director & Graphic Designer in Strasbourg

Jimmy Raheriarisoa - Art Director & Graphic Designer based in Strasbourg

When can I use... Support tables for HTML5, CSS3, etc
Host Specific Settings / Sublime Forum

Lets you to define a Hosts.sublime-settings file with specific settings for each machine you work on.

Custom Post Type's Archive in WP Nav Menu « WordPress Plugins

Extends the WP Nav Menu with your Custom Post Type archive pages.

How to Show Home Page Link in WordPress 3.0 Menu

When WordPress 3.0 was launched, many people did not know about how to add a home page link in the WordPress 3.0 Menu. The simple solution was to add home-page link as a Custom Link to the menu. Well in this article, we will show you how you can show home page link under the pages widget in WordPress 3.0 menu system. This is something that all theme developers should have in their WordPress 3.0 compatible themes.

20 Email Design Best Practices and Resources for Beginners | Nettuts+

Even for experience designers, building email newsletters isn’t easy. You receive a lovely looking design, and you crack on with the development. Unfortunately, it just doesn’t work as it should in every email clients. Styles don’t display, images aren’t visible, etc.
This is where these twenty best practices come in handy.

CodePen - frontend code demo and sharing tool

Welcome to CodePen, a community of front end folks focused on inspiration and education. We're just getting started on this adventure, so we'd love to hear from you.

roytomeij/sass-for-wordpress · GitHub

"Sass for Wordpress" enables you to use Sass (Syntactically Awesome StyleSheets) and Compass in your Wordpress project. It has support for Sass and SCSS syntax.

Batman: Arkham Asylum PC Manual

The Game Manual for the PC game Batman: Arkham Asylum

60 User Interface Calendar Inspirations and Downloads | inspirationfeed.com

Welcome to the official calendar apocalypse! As humans we often forget things easily, such as anniversaries. One thing I’ve learned form my experience is to never forget that date, because once you do your in deep water. Apart from relationships we have many other important events happening in our lifes. If you’re a busy person that has too much food on your plate, you probably use a calendar to stay organized. Currently there are tons of apps and services that help you keep track of important events. Some services will even email you a reminder right before you need to accomplish something. All of these incredible tools help us stay on top of our game, and in a strange way act like our second brain.

CLIFE.RU магазин для геймеров | SteelSeries, Razer, Sennheiser | игровые мыши, игровые наушники, игровые коврики.

Наш магазин работает с 2002 года и мы подобрали оптимальный ассортимент товаров для киберспорта и работы с графикой.

Placehold.it - http://placehold.it/350x150 - Quick and simple image placeholders

How does it work? Just put your image size after our URL and you'll get a placeholder. Like this: http://placehold.it/350x150

Slim - A Fast, Lightweight Template Engine for Ruby

A lightweight templating engine

LiveReload2 - a happy land where browsers don't need a Refresh button

CSS edits and image changes apply live.
CoffeeScript, SASS, LESS and others just work.

How to Create Your Own WordPress Shortcodes - SitePoint

WordPress doesn’t normally allow you to add PHP code to pages or posts. That’s for the best; you don’t want clients to discover the power of the unlink function! However, you can create custom functions which are executed when a shortcode is encountered within the post text.

Password managers - Wikipedia
National LGBT Museum

Envisioning a national museum about gender and sexual identity

UICloud | User Interface Design Search Engine

Search through over 23586 UI elements or browse 991 UI sets

HTML5 Boilerplate: The web's most popular front-end template

HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. Kick-start your project with the combined knowledge and effort of 100's of developers, all in one little package.

Intermediaware » How to use Dropbox as a git repository

Dropbox is a free file synchronization/backup service where you can backup, save and share files. One of the best things is, that you can use it as git remote server.

CLCL - clipboard caching utility for Windows

CLCL is clipboard caching utility.

How To Use Size, Scale, And Proportion In Web Design - Vanseo Design

Loud and soft, dark and light, big and small. Each is a relative measurement of some quality on some scale. Day doesn’t exist without night and up doesn’t exist without down. Each exists in contrast to the other and contrast occurs on a scale.

Designing HTML emails for Outlook 2007

The new Outlook 2007 doesn't support or misinterprets many standard HTML tags and CSS styles. These are some issues I ran into. These have nothing to do with the way Sugar sends out emails, but I thought it may help my fellow designers to cope with the new Outlook. I have a feeling, I will be adding to this list, so please keep checking this thread.

Sublime Text Packages by the Community – wbond

Below is the full list of community-built packages for Sublime Text 2 that are available via Package Control.

Setting Up Sass on Windows | Impressive Webs

There’s a ton of information floating around on preprocessors nowadays. Most of that info is geared towards Mac users, so in this post I’m providing a very simple guide to help Windows-based developers get up and running quickly with Sass (my preprocessor of choice).
As you can see from the message at the top of this post’s page, this article falls under the CSS Basics category, which usually doesn’t appear in the main feed. However, I’m allowing this to appear in the main home page feed so it can get a little more exposure and any developers who already use Sass on Windows can add their feedback.
Overall, Sass is not difficult at all to get set up, even if you’re doing it on the command-line. But if you have no interest in going through all these steps, but still want to use Sass on Windows, well, just skip to the final heading in this post for a reference to an app that lets you start using Sass on Windows with minimal setup.

WordPress › WP Super Cache « WordPress Plugins

A very fast caching engine for WordPress that produces static html files.

WordPress › Quick Cache (Speed Without Compromise) « WordPress Plugins

Speed up your site ~ BIG Time! - If you care about the speed of your site, Quick Cache is a plugin that you absolutely MUST have installed.

CSS Usage :: Quickly get aware of obsolete rules in your CSS (which are not used)

Firebug extension to view which CSS rules are actually used.

NoisePNG - Generate noisy PNG-images with alpha-transparency

Hotlinking is currently enabled so you can try out different noises in your CSS before deciding what image(s) your want to use.
Example: noisepng.com/size-intensity(0-100)-opacity(0-100)-monochrome.png

Random password generator

This is free password generator online, it created for generate any kind of random password values. Biggest part of services require password with length 6-16, and chars must contain only 0-9,a-z,A-Z, this password generator include settings that is compatible with 99.9% of services. Now about features. "Passwords count" - this is count of passwords that will be generated per one request, one pass per line. Random pass generator length range - it's two numbers, that have influence to pass length, (num1-1)>length>(num2+1). Three types of charset - it's recommended, but you can unselect all if you want that password generation tool will use only your custom chars. About option "No similar chars" and "No punctuation chars" see information tips.