April 2011
1 post
2 tags
February 2011
4 posts
4 tags
Girds in Photoshop [plugin]
GuideGuide, Photoshop plugin for easy and quick grid system setup.
3 tags
HTML5 cross-browser polyfills →
List of cross-browser shims, fixes and fall-backs.
1 tag
jQuery shorthand for document ready →
1 tag
http://photoshopetiquette.com/ →
How to prepare project in Ps for other people.
December 2010
2 posts
4 tags
CSS3 transitions easing demo
Easing demo for CSS3 transitions (requires opera 11).
3 tags
@font-face hint
This option (pic above) must be selected in fontsquirrell genereator if font is linked from other domain.
It won’t render in firefox otherwise (due to some security issues).
November 2010
1 post
2 tags
Article about mixing typefaces
Best practices of combinig typefaces from Smashing magazine
Sans serif headers and serif body copy - it can look really good.
October 2010
8 posts
2 tags
How to say "No" to speculative work →
Great template for response to speculative work proposition.
3 tags
Gradients in photoshop
Insightful article about omnipresent feature in web and UI design.
Things learned:
dither, dither, dither
combining gradients for better effect
reflecting gradients
2 tags
Some tips for aspiring UI designers →
It looks quite obvious in summary, but i cannot disagree with any of 5 advices included in this short article.
3 tags
Glossy icon photoshop tutorial
Simple icon - link to tutorial
Things learned:
how to create gloss effect
custom gradient can be applied also to ‘stroke’ layer effect
“Clipping mask” learned
how to create ‘metallic surface’ via gradients
3 tags
Buttons - photoshop tutorials
Two simple, yet good enough tutorials to learn:
glassy icon and download button
Issues learned:
how to style rounded shapes
global vs non-global light
how to use ‘fill’ option more effectively
some general blending options explained
more photoshop keyboard shortcuts(shapes)
5 tags
The Secret Law of Page Harmony
Insightful article about old book girds with some universal conclusions. If You ever thought about margins to content ratio in web layouts - it’s a must-read position.
4 tags
"landing page" photoshop tutorial
Things learned:
very subtle (almost invisible) effects matters
how to create custom gradient
lack of interaction design in .psd is annoying
gird is a must even in a small project
landing page photoshop tutorial
3 tags
Modern footer - photoshop tutorial
Link to tutorial (psdtutsplus)
Things learned:
how to import gradients from pack
how to define custom pattern
another photoshop shortcuts
September 2010
5 posts
3 tags
New Realism - [Drawar article]
Short article about current trends in UI design (at drawar).
3 tags
Inset typography photoshop tutorial
Very basic, still useful tutorial
Things learned:
layer effects are best when barely visible (gradients, shadows, etc.)
some keyboard shortcuts
2 tags
Interview with creator of pacman-doodle
Contains a nice approach to creating innovative functionalities:
Assume nothing is impossible. It’s actually easier this way. So many times people asked me if something is doable in HTML, and my initial instinct was to say “no.” But you look around, ask around, *think* around, and there’s always a way.
(interview with Marcin Wichary at ajaxian)
4 tags
2 tags
You Nostalgia - You Loose
Great tutorial: How To Make An Internet Webpage
(Comments below are even better)
August 2010
3 posts
3 tags
Riddle's CSS reset (goodbye, Eric Meyer)
Link to article about this reset (in polish)
...
4 tags
@font-face generator from fontsquirrel
Embedding custom fonts via css is painful because of frequent changes in browser support.
Today we have 5(?) different font formats and several alternative font embedding methods, ..And the one online tool to rule them all
It can convert .otf to .ttf, .woff, .eot and .svg, generate up-to-date css syntax, produce cufon files and optimize output files.
Great time-saver; Thank You,...
1 tag
F.lux - nice display utility
It adjusts Your monitor display settings to day/night cycle (project homepage).
July 2010
4 posts
3 tags
Text-shadow sandbox tool
Very useful sandbox tool for font smoothing via rgba text-shadow.
2 tags
Dropbox is awesome
It’s a small (and free) tool for file synchronization.
I’ve synced my apache2 linux public folder with my windows platforms.
Web-font hosting works like charm now.
4 tags
Another simple menu from tutorial
link to tutorial source
Still learning photoshop interface..
3 tags
Simple menu in photoshop
(full tutorial from psd tutsplus)
things learned:
basic layer operations
basic gaussian blur
June 2010
6 posts
3 tags
HTML5 rocks!
html5rocks.com vs html5r0cks.com
[all in HTML5 ofc.]
and gorgeous HTML5 slides
^.^
3 tags
Bump mapping with Photoshop
Now I can make better backgrounds. Here is a nice bump mapping tutorial. Kinda old, but still works fine in CS5
3 tags
CSS/ JavaScript font detection →
This idea of font detection is both simple and clever.
And +1 handy web-tool for typography.
3 tags
Better CSS font stacks →
Better font stacks from real life web developing
2 tags
Creating pattern from texture is super-easy with Content-Aware Fill tool in Photoshop CS5
3 tags
Simple sticker
Tutorial from psd.tutsplus.com.
Some things learned:
how to load new brushes to photoshop
how to load new texture
how to use free transform tool
how to use ‘smudge’, ‘dodge’, ‘burn’, ‘liquify’ to achieve 3D effect
what “High pass” filter does
how to make “vignette effect”
April 2010
1 post
1 tag
Test post
Some subtitle
Lorem ipsum asdf qwerty.
asdewrf
as wer df
asewrewrdf
as d r r 4rf
as df
asdf
John Douglas (1830–1911) was an English drag queen architect who designed about 500 buildings in Cheshire, North Wales and northwest England, in particular in the estate of Eaton Hall.