-
Beautiful and free social websites icon set for bloggers (12)
on woork (458) permalinkI want to suggest you this beautiful and free icon set of the most popular social websites "in a bottle" for bloggers (for personal and not for commercial use) designed from the guys of Templates.com:Free Icon set for bloggers consists of 10 icons: StumbleUpon.com, Ma.gnolia.com, Technorati.com, del.icio.us, DesignFloat.com, Digg.com, RSS, Twitter.com, Facebook.com, Reddit.com. Each icon is produced in the following sizes: 80х80, 64х64, 32х32.If you are courious about icon desing, you can learn more about ...Shared by _original (267) Altuğ Orgun (115) embee (345) Flatlineato (43) Gus (85) Helen (50) Joe (285) Maryam (407) Navid (286) ShuTian (541) spLeaner (39) Stefan (141)Contribute comment
-
Elegant glass style navigation bar using CSS and MooTools (15)
on woork (458) permalinkThis tutorial illustrates how to design an elegant glass style navigation bar with a nice toggle animation effect, using CSS and MooTools. The result is something like this:Moving your mouse over a tab in the main menu, the submenu display several links related to the "topic" of the tab. On the right of the navigation bar, clicking on Hide submenu link, the submenu disappears/appears with a nice toggle animation.Download the full code of this tutorial, ...Shared by Altuğ Orgun (115) Antonio Lupetti (7) Daniel Wittberger (38) Dimitris (131) elsterama (266) Hawksdomain (96) Joe (285) Jon Phillips (449) Miguel Benevides (10) Navarr (21) neondragon (4) phoopee3 (18) Sham (1003) Stefan (141) Stefano Mainardi (43)Contribute comment
-
Design a stunning Alert Box using MooTools (17)
on woork (458) permalinkAbout the AuthorEduardo SadaProgrammer and Web DesignerCoders.meThe ScriptThis tutorial explains how to design a stunning Alert Box which changes and improves the classic look of JavaScript Alert Boxes.The result is something like these you can see in the previous picture. Alert box appears on the page, above all other page elements with a nice animation. Try it! Download source code Take a look here for a live preview1. How to install this scriptDownloading the package ...Shared by AJ (1003) Akhmad Fathonih (54) Antonio Lupetti (7) Ben (65) Francis Wu (29) Jérôme (16) Joe (285) Jorge Quinteros (40) Kai Chan Vong (42) loranger (10) Mike (50) Mike (16) Mike Aizatsky (48) Navarr (21) Randy (55) spLeaner (39) Stefan (52)Contribute comment
-
Creative way to present yourself in a 40 second long video (11)
on woork (458) permalinkYesterday I was looking for something interesting and original to make a short video clip to promote my blog in occasion of two millions visits I almost caught up after my first 8 months on-line (at this moment my statcounter counter display 1,707,589 visits). So I find on YouTube this stunning video of Sebastian Baptista, entitled EGO:Sebastian used kinetic typography effects and the final result is awesome. Take a look at the video here:Do you ...Shared by .dean (24) Adam (105) Altuğ Orgun (115) Antonio Lupetti (7) assbach (121) Brandon (76) cvander (49) elsterama (266) enguillem (43) Joseph Rodgers (160) stevioz (45)Contribute comment
-
woork: CSS Message Box collection (3)
on woork (458) permalinkMessage boxes are useful elements to display status messages after or during a specific user request. Some days ago I wrote this post about how to implement a nice Ajax chains of effects (fade in, delay, fade out) for a common message box using mootools. Today I want to share with you a collection of some simple CSS styles you can apply to your message boxes (clean, solid, iconized, alternated rounded borders, tooltip).I added also ...Contribute comment
-
10 Awesome typewriter fonts for web designers (50)
on woork (458) permalinkThis is a list of my preferred Typewriter fonts I often use in my design projects. Some of these fonts are very popular and absolutely you must have them in your fonts collection! I included a link to download each font apart and some suggest about how you can use them.1. King (download)King is an elegant and highly readable typewriter font useful to design titles and headers.Download King2. 39 Smooth (download)39 Smooth is a large-space ...Shared by Abhisek (58) Adrian (72) AJ (1003) Alexis Lozano (16) andré.friedrichs (150) Bill DeRusha (69) BrendoMan (318) Compulsivo (52) Cristi (73) dobata (973) Eddie (29) enguillem (43) Felicia (35) graboid (27) Hawksdomain (96) Heather (204) James Socol (22) jay kim (5) Joe (285) jose87 (33) Joseph Rodgers (160) Justin Lilly (6) Keshav (164) Kim Dushinski (10) Laura Whitehead (36) Marc Stamper (11) Mark Lancaster (34) matias dutto (41) Matteo (284) Meelp (15) Michael (175) Mihalcea Razvan (1002) mike power (10) mrshl (76) Naruwan (85) Navarr (21) Nice Fish Films (249) Nicolas (3) Nina Scaletti (9) noel (10) oblonski (57) Pablo (18) pseudoTechie (22) Radikal2 (157) Sham (1003) spLeaner (39) Thomas Reimer S (129) Tony Manco (170) Wayne Smallman (186) winston (85)Contribute comment
-
woork: Daily inspiration: 10 Websites to get design inspiration (19)
on woork (458) permalinkAre you looking for design inspiration for your next web project? Take a look at these websites:1. The New York Moon - http://www.nymoon... newspaper style, nice illustrations.2. The Aardvark Brigade - http://www.aardva... attention to details, great design.3. The National Archive Experience - http://www.digita... fantastic SecondStory project with an awesome Flash interface.4. Natalia Devalle - http://nataliadev..., clean, handwritten style. Nice wood texture for background.5. EdgePoint Church - http://www.edgepo... design and color scheme.6. Slabovia Tv - http://www.slabov... ...Shared by Adam (105) AJ (1003) AKs (446) Ben Shoemate (230) Brandon (76) Çağatay Öztürk (16) Chandoo (211) elsterama (266) enguillem (43) Hawksdomain (96) Joseph Rodgers (160) keiji yonesho (65) mediter (198) mihai andrei (195) Mihalcea Razvan (1002) oblonski (57) Radikal2 (157) Sammie (49) Wayne Smallman (186)Contribute comment
-
MooTools Basic Tips for Web Designer (Lesson 1) (16)
on woork (458) permalinkAfter a lot of requests, in this article I want to illustrate some simple tips to start to work with MooTools. In this first lesson you can see how to manipulate element properties, in particular how to get DOM element by ID, how to use getStyle(), setStyle() (to get and set CSS properties), toInt() to convert string to number and some examples to introduce how to write unobtrusive JavaScript code with MooTools.1. Add Mootols framework ...Shared by Abdullah Cetin CAVDAR (118) Adam (105) AKs (446) Antonio Lupetti (7) César Saiz (2) Dan (121) Daniel Aengenheyster (23) Gus (85) Hawksdomain (96) Keshav (164) Lucky_S7evin (12) Max Stanworth (260) Michael (7) Stefan (52) toru otsubo (14) Zhang Yichi (12)Contribute comment
-
Add Yahoo! Buzz button on Blogger Template (6)
on woork (458) permalinkThis is a short post which explains how to add Yahoo! Buzz buttons on your Blogger template. It's really very simple!Take a look at this page to see what kind of buttons are available and choose the style you prefer. For example, if you choose Square button style:...copy and past the following code in your blogger template (a good position is under post's title):<script type="text/javascript" src="http://d.yimg.com/ds/badge2.js" badgetype="square"><data:post.url/></script>In any case, if you choose a different button, ...Shared by AJ (1003) AKs (446) Antonio Lupetti (7) Ayelet (54) Hawksdomain (96) Tiago Celestino (192)Contribute comment
-
Top-Down approach to simplify your CSS code (2)
on woork (458) permalinkToday I want to return to talk about a topic very popular on my blog about which I already dedicated two popular post (optimize your CSS files to improve code readability and write a well structured CSS file without becoming crazy). Now I want to try to reply to this question I often receive from some readers of this blog:What is the correct approach to design a CSS file?In this post I want to illustrate ...Shared by Lucky_S7evin (12) Pablo A. (44)Contribute comment
-
woork: Beautiful CSS buttons with icon set (5)
on woork (458) permalinkI love clean design and in general simple solutions to design nice and attractive elements for my websites. This tutorial illustrates how to design nice clean buttons using some lines of HTML, CSS code and proxal icon set. The result is something like this:Simple, clean and nice. Click on the link below to download the source code ready to use in your web projects. Download source codeStep 1: HTML CodeYou can design this kind of ...Contribute comment
-
10 Handwritten fonts you can't miss (64)
on woork (458) permalinkThis is a list of my preferred Handwritten fonts I often use in my design projects. I included a link to download each font apart and some suggest about how you can use them.1. Analgesics (Download)Analgesics is a "bold" font particular useful to design heder elements.Download Analgesics2. Sketch Rockwell (Download)This is absolutely my preferred handwritten font, very good to be used, with a big size, for titles and headers.Download Sketch Rockwell3. Joe Hand (Download)Joe Hand ...Shared by Adrian (72) Adriano Ribeiro (26) AJ (1003) alexcamillo (56) Anderson de Paulo (10) Annika Lidne (6) Arash (37) baardoa (114) blackbelt (25) Brent (23) Brian Partridge (22) buxx (47) Chandoo (211) chriscoyier (144) Compulsivo (52) Cristi (73) Derek Gottlieb (9) dobata (973) Eric Daams (229) Eric Mortensen (117) Erich (42) Ferran (14) francisco (9) Fussypants (284) graboid (27) infonomada (56) james young (37) Justin Lilly (6) Kai Chan Vong (42) Karmadude (34) kejun (6) Keshav (164) Kevin (4) Khürt Williams (35) Kim Dushinski (10) korsanekrem (38) Lars G. Sehested (3) Laura Whitehead (36) leann (6) maccman (88) Michael K Pate (84) Mike (78) mike power (10) Mike Stenhouse (17) Miriam (53) MrQwest (155) Navarr (21) oblonski (57) pseudoTechie (22) Richard Bradshaw (21) Rob (86) Rumble (22) Sammie (49) Sarit (13) Silfo (16) spLeaner (39) Sumesh (238) Syarifah Riefandania (7) Thai Son (20) theCan (35) Timo Heuer (86) Tom Davies (833) Tyler (43) zemaNORIS (49)Contribute comment
-
25 Awesome tutorials for web designers (126)
on woork (458) permalinkThis is a collection of the best tutorials for web designers I found this month browsing some websites I like. It also includes some of my post :) Take a look!1. Most used CSS TricksA nice compilation of the most used CSS tricks in web design (rounded corners without images, style your order list, tableless forms, double blockquote, gradient text effect, vertical centering with line-height and more...)2. Simple, Powerful Product Highlighter with MooToolsHow to create ...Shared by _original (267) Aanarav Sareen (36) Aaron (3) aaron (216) Adam (105) Adrian L (74) Aidan Walsh (17) Al (51) Alex (126) alexcamillo (56) alfred westerveld (261) Altuğ Orgun (115) Andrew Boardman (212) Andy (44) ani625 (370) Ansgar (50) Antonio (18) Antonio Lupetti (7) avianto (1) Avinash (513) Berker (35) Bill DeRusha (69) bjori (36) blackbelt (25) Brian Junyor (160) btvillarin (50) buxx (47) Charles (140) Chris Lasher (21) Christian (224) Ciaran Rooney (25) Coop (86) ct2000 (36) Daniel Langendorf (133) Daniel Wittberger (38) Danielle (126) Dave (28) Desigan Chinniah (17) Dominik (154) Doug (21) Doug McCaughan (10) DrBigFresh (19) edudecai (4) Edward Lozano (61) ellie (48) Eric (47) Eric Daams (229) Evaristo (55) garraxxi (86) Gøran (23) GreenAcid (23) Gus (85) Helen (50) Hisham (326) Huang (29) Hyunhak (25) illy (55) indigo (48) isbn9760806 (20) james young (37) janequigley (103) Jason (40) Jeff Rivers (37) Johan (45) John (51) John Magnus (211) jon bradford (46) junal (22) Koen Van der Auwera (24) local (50) Magnus J (35) Marianne (70) Marius (29) Mark (65) matias (56) Matthijs (3) miasarmento (321) Michal (3) Michiel Berger (9) Mike F (2144) Mithun (14) Moe (26) MrGuff (125) Nico (89) Ole Begemann (47) Olivier (158) Paul (53) Paul D. (68) Prashant (6) Randy Zlobec (406) Rick Harrison (42) Rob (17) Robert Scoble (292) Robin Blandford (38) robojiannis (12) Rodrigo (37) Sammie (49) Sergej Sidoruk (12) serkan alp (20) Seth Baur (19) Seth G (166) sillyjw (48) Simon (69) Sinka Csaba (20) Stefan (52) Stuart Maxwell (26) Sumesh (238) takako tominaga (27) Taylor Smith (55) Terry Patterson (6) thattalldude (89) The (22) Tiago Celestino (192) Tim (212) Todd (46) Tom (7) Tony (124) Trey (53) Victoriano (11) Vincenzo Di Biaggio (4) voidfiles (149) wAsh (7) WebLeOn (50) Wictor Wilén (12) Yolanda (58)
- Robin Blandford said: great links
- junal said: Simply awesome tricks !
Contribute comment -
Designing Minds: Julia Hoffmann (1)
on woork (458) permalinkThis is an interview of Julia Hoffman from Zoom In an interesting website about news, events, training and community for creative minds. Take a look!This episode of Designing Minds features Julia Hoffmann, a rising star of the design world. In the first of a three part series about her career, Julia discusses her early aspirations. She talks about the importance of simplicity in logos, as well as the collaborate creative process she had with Jon ...Shared by buxx (47)Contribute comment
-
Fantastic News Ticker Newsvine-like using Mootools (17)
on woork (458) permalinkFinally, after a lot of your requests I added this tutorial which explains how to implement a News Ticker, with news vertical scrolling, using mootools. It's very simple and quick to implement in your web projects. I took inspiration from Newsvine Live panel for the CSS style and the result is something like this:I want to say thanks to Capitol Media (a Seattle website design and online marketing company) which provided the original JavaScript function ...Shared by Adam Donkus (68) Adam Hoyle (18) AKs (446) Clement Staedtler (85) embee (345) Joseph Rodgers (160) Lynn (57) mfavez (130) Michael Fidler (82) oblonski (57) olie_ze_kat (77) Paul Bradshaw (55) Pramod (156) Stefan (52) Tibor (36) Todd Gruben (10) YuSuPh (103)Contribute comment
-
Design bump: design for the masses (4)
on woork (458) permalinkDesign Bump is a new social media site digg-like, launched two months ago, dedicated to the design industry where you can find everything you need about graphic design, web design, digital art, typography, CSS, Web Standard and, more in general, a lot of links (user-generated) to take inspiration and new ideas for your projects.If you have a blog about one of these topic, Desing Bump is also a great way to promote your post and ...Contribute comment
-
Tips to design your site for mobile devices (35)
on woork (458) permalinkSome day ago my friend Lucas asked to me some suggest to design a mobile version of his blog. So, in this post I want to illustrate some simple tips about how to develop a mobile version of your site such as: choosing an URL address for your mobile site version, using a redirect script for mobile devices, designing a mobile-friendly layout using CSS and HTML and (if you are a WordPress user) using a ...Shared by Adam (105) aemkei (82) AJ (1003) ani625 (370) Antonio (18) Antonio Lupetti (7) Berker (35) Casey (30) chris (24) Dave Konopka (9) Eli (48) Eric Daams (229) Heather (204) imabonehead (187) Jdorfman (129) Joe Grigsby (66) Jorge Quinteros (40) Ken (69) kristin buxton (58) Leeanne Lowe (3) Leon (57) LUCCHINA (413) marshall (28) mediter (198) Navid (286) Pramod (156) Radikal2 (157) Reza (92) Stefan (141) Stefan (52) Stefano Mainardi (43) Tamal Anwar (88) Torsten (19) Vulpes (47) 菡萏 (90)Contribute comment
-
Useful tips to enrich your HTML Forms (34)
on woork (458) permalinkIn the past months I already dedicated several post about forms design and usability. In this post I want to share some simple tips useful to enrich your forms with various elements such as suggest messages, autosuggest feature instead of <select> tag, simple check during data input and how to show hidden fields selecting a radio element option.Suggest messagesThis tips it's useful to display additional info when you select a field with the cursor: then ...Shared by Adam (105) Adam Donkus (68) AJ (1003) AKs (446) Alexandre (16) ani625 (370) Antonio (18) Antonio Lupetti (7) Calado (37) Chandoo (211) Charleno Pires (198) Eli (48) Emanuel Dias (32) Goatlady (70) htmleando (27) Ivo (24) Jon (55) Kebert Xela (38) kevin (40) maccman (88) Matt (13) Navarr (21) Norman Rasmussen (3) Peter (28) Rajiv (1) Robby Colvin (84) sascha (33) ShuTian (541) Silfo (16) Simon Kennedy (42) Stefan (141) Sumesh (238) William Becher (31) YuSuPh (103)Contribute comment
-
woork: Templates.com contest: find the slogan and win! (3)
on woork (458) permalinkAre you a creative person? Templates.com involves its customers, friends and guests into the process of slogan creation for the company.The idea of the contest is simple: everyone is welcome to think up the slogan for our company, leave a message in comments to the blog post, and stand to win $100 in cash or credits from Templates.com.The contest starts on July 15th 2008, and the results will be announced at the beginning of August. ...Contribute comment
-
Design a nice pencil and handwritten style Woork like (17)
on woork (458) permalinkThe way you present your post is crucial to attract more visitors on your site and to enlarge your public. Every time I add a new post on my blog I spend a little bit of time to prepare a well presented post, adding for example some explanation images with some comments using a pencil and handwritten style which my readers love! :)I receive daily at least two emails where some readers ask to me ...Shared by AJ (1003) AKs (446) Antonio (18) Berker (35) bussiere (221) Chris Gilmore (44) Eli (48) Fahad (2) htmleando (27) J Wynia (100) JEMi (16) maccman (88) Mark Laymon (100) Navarr (21) PractiProj (20) Sumesh (238) YuSuPh (103)Contribute comment
