Hello. My name is Václav Vančura. » html/css http://vaclav.vancura.org Sat, 31 Jul 2010 12:47:47 +0000 en hourly 1 mDocs http://vaclav.vancura.org/mdocs http://vaclav.vancura.org/mdocs#comments Fri, 06 Nov 2009 10:14:11 +0000 Václav Vančura http://vaclav.vancura.org/?p=2301 As you saw in my last post, I use autogenerated NaturalDocs documentation.

I was not really happy with skins NaturalDocs provides by default and was not able to find anything usable, so I decided to create my own. If you like it, feel free to use it. Git repo is here.


Click the image to see the full resolution.

]]> http://vaclav.vancura.org/mdocs/feed 0 Joybook http://vaclav.vancura.org/joybook http://vaclav.vancura.org/joybook#comments Sat, 28 Feb 2009 22:00:06 +0000 Václav Vančura http://vaclav.vancura.org/?p=1869 Multimedia pinboard targetting girls. Hence the pink.

One of the first projects introducing my subpixel icons.

Click the images below to view
full resolution screenshots.


Joybook editor – editing a text box. Click to zoom.


Joybook editor – editing an image. Click to zoom.


Joybook editor – Cover and Music panel. Click to zoom.


Joybook editor – Main panel. Click to zoom.


Joybook editor – My Media panel. Click to zoom.


Joybook editor – Shared Media panel. Click to zoom.


Joybook editor – Upload panel. Click to zoom.


Project Information screen. Click to zoom.


Project Icon screen. Click to zoom.


Save Project screen. Click to zoom.


Add a Page screen. Click to zoom.


Assets. Click to zoom.

Icons:

]]> http://vaclav.vancura.org/joybook/feed 0 Czech News Agency Photobank http://vaclav.vancura.org/czech-news-agency-photobank http://vaclav.vancura.org/czech-news-agency-photobank#comments Tue, 21 Oct 2008 22:00:19 +0000 Václav Vančura http://vaclav.vancura.org/?p=1960 Pretty complex project covering all details of a photo and video bank for Czech News Agency (ČTK).

In the following mockups you can see how I usually work. Because I know programmers very well, I always create a set of images with a legend on all states (hovers, animations), distances between elements etc. Only this approach makes me believe the mockup will be successfully converted to HTML. But obviously I usually want to be a part of team working on a HTML/CSS template.

Click the images below to view
full resolution screenshots.


Homepage – guest user. Click to zoom.


Detail – video – registered user. Click to zoom.


Detail – photobank – registered user. Click to zoom.


Thumbnail list. Click to zoom.


Advanced search, administration. Click to zoom.


Ordering. Click to zoom.


Registration. Click to zoom.


Text page. Click to zoom.


Homepage – administration. Click to zoom.


Header details – registered user. Click to zoom.


Header details – guest. Click to zoom.


Footer details. Click to zoom.

Of course there’s more mockups, these few are just the most interesting.

]]> http://vaclav.vancura.org/czech-news-agency-photobank/feed 0 TechCV http://vaclav.vancura.org/techcv http://vaclav.vancura.org/techcv#comments Fri, 29 Feb 2008 22:00:02 +0000 Václav Vančura http://vaclav.vancura.org/?p=1777 TechCV had to be a job listing web site…

But unfortunately it was never launched.

Click the images below to view
full resolution screenshots.


Post Job Listing. Click the image to see the full resolution.


Pure text document. Click the image to see the full resolution.


Job Listing. Click the image to see the full resolution.

]]> http://vaclav.vancura.org/techcv/feed 0 MobileIQ CMS http://vaclav.vancura.org/mobileiq-cms http://vaclav.vancura.org/mobileiq-cms#comments Tue, 06 Feb 2007 22:00:38 +0000 Václav Vančura http://vaclav.vancura.org/?p=1917 In 2007 I created user interface design
for MobileIQ’s Content Management System,
together with a few icons.

Click the images below to view
full resolution screenshots.


Login screen. Click the image to see the full resolution screenshot.


Tree content structure. Click the image to see the full resolution screenshot.


Tree content structure. Click the image to see the full resolution screenshot.


Folder Editor. Click the image to see the full resolution screenshot.


Menu. Click the image to see the full resolution screenshot.

]]> http://vaclav.vancura.org/mobileiq-cms/feed 0 Endatio http://vaclav.vancura.org/endatio http://vaclav.vancura.org/endatio#comments Mon, 01 Jan 2007 22:00:25 +0000 Václav Vančura http://vaclav.vancura.org/?p=1903 Design of a new page of UK and Cyprus
IT consultancy company.

Click the images below to view
full resolution screenshots.


Click the image to see the full resolution.


Click the image to see the full resolution.


Click the image to see the full resolution.


Click the image to see the full resolution.

]]> http://vaclav.vancura.org/endatio/feed 0 Broadnet Phone Gateway http://vaclav.vancura.org/broadnet-phone-gateway http://vaclav.vancura.org/broadnet-phone-gateway#comments Sun, 17 Dec 2006 10:06:36 +0000 Václav Vančura http://vaclav.vancura.org/?p=2089 I was asked to create a complete graphical user interface for a remote web administration of a phone gateway.

Click the images below to view
full resolution screenshots.


Login screen. Click the image to see the full resolution.


Icon set. Click the image to see the full resolution.


User list screen. Click the image to see the full resolution.


User detail screen. Click the image to see the full resolution.


Menu. Click the image to see the full resolution.


Redirection screen. Click the image to see the full resolution.


Restriction Profiles. Click the image to see the full resolution.


List of Calls screen. Click the image to see the full resolution.


Phone Detail screen 1. Click the image to see the full resolution.


Phone Detail screen 2. Click the image to see the full resolution.


Function Keys screen. Click the image to see the full resolution.


User Detail screen. Click the image to see the full resolution.


Ringtone screen. Click the image to see the full resolution.


Shortcut screen. Click the image to see the full resolution.

]]> http://vaclav.vancura.org/broadnet-phone-gateway/feed 0 MobileIQ Homepage & Infographics http://vaclav.vancura.org/mobileiq-homepage-infographics http://vaclav.vancura.org/mobileiq-homepage-infographics#comments Fri, 31 Mar 2006 22:00:33 +0000 Václav Vančura http://vaclav.vancura.org/?p=1934 I’ve prepared a complete redesign of MobileIQ site.

Click the images below to view
full resolution screenshots.


Homepage. Click the image to see the full resolution.


Subpage, infographics. Click the image to see the full resolution.


Subpage, infographics. Click the image to see the full resolution.


Subpage, infographics. Click the image to see the full resolution.

]]> http://vaclav.vancura.org/mobileiq-homepage-infographics/feed 0