Dive Into HTML5 Top 10 Javascripts for Image Manipulation | Blog Oh Blog Reflex.js This javascript enables you to add a cover flow effect to any image on your web page. You can add reflection, tilt angles and also borders to your images. The results look like this:- Curl.js This is an unobtrusive javascript to add page curl effect to your images and works on all the major web browsers. Edge.js This javascript can help you in adding nifty edges to your images. Corner.js This javascript lets you add effects to your image corners like rounded corners, shadow (both inner and outer), shading etc. Slided.js You can add slide frames to your images by using this javascript in your web pages. Glossy.js Add a glossy effect to your images to make them stand out. Filmed.js This javascript allows you to add film strips around your images. Loupe.js Did you ever want to add a lens to your page which will let you zoom into the images. Instant.js This javascript lets you add an instant picture effect to your images. Bevel.js This javascript simulates a whole bunch of effects!
Attention Geeks and Nerds: Use These Sites to Become Super Geeks and Nerds Increase your intellectual dominance: The Learn List Can you use every tool on the learn list? If not; how will you ever design the perfect website to hypnotize a horde of internet users and build up an army to attack Microsoft with? Also remember W3schools for more web for world domination. Programming Tutorials How many programming languages have you mastered this week? Safari Books Online Really good books! Lecturefox How about a free university lecture on a geeky subject like: Collective intelligence or electronics on plastic. You already think like a geek, now look like one: ThinkGeek Every geek knows ThinkGeek but here are a few categories’ you need for your new improved super nerd/geek image: T-shirts for the internets best t-shirts that jocks don’t understand. Design Loot Visit them for a few really good nerd shirts. Make money the nerd way: Make money to buy all your geek gadgets. Ideas! Plant a few smart ideas in your over-sized brain for making money. Triond e-Monetized J-box Dealextreme
25 Awesome Tools for Choosing a Website Color Scheme As a designer, color management should be an integral part of your workflow. A website’s color scheme helps shape its identity and therefore should not be carelessly thrown together. Here are 25 online, desktop and iPhone applications to help you live and breathe color management no matter where you are. Online Tools There are simply a ton of free color tools available on the web. Kuler Kuler is one of the best free online color scheme creation tools out there and my personal favorite. Color Scheme Designer Color Scheme Designer has a beautiful interface that helps you create beautiful color schemes in seconds. colorblind simulation is built in so you can ensure usability will be optimized for all users. Colour Lovers An online community where color aficionados can create, share and browse color schemes. Pictaculous The guys at MailChimp created this excellent free service. Color Spire A simpler, no frills interface that helps you build a five swatch color scheme. Daily Color Scheme Color Rotate
21+ Fresh Ajax CSS Tables Nov 15 2007 Not many web designers have fun when it comes to styling tabular data. We have taken a close look at today’s best functioning and styled tables to showcase over 15 modern css and Ajax tables teaching you some useful techniques for displaying information in a tabular mode using sorting or filtering functions. You might be interested to take a look at the links below: So let’s take a look around. 1) Tablecloth – Css Globe has decided to present Tablecloth. 2) Create a table like Orbitz’s airline flights- The Css Guy taught us how to create a table that would give an indication of relationships among the information provided for example – clicking on a cell should highlight the associated cell in the top row and left most column. 3) A CSS styled table- Veerle Duoh has demonstrated a beautiful usage of tables, for tabular data while implementing them with accessibility in mind and how to make them appealing for the eye using CSS. 5) Row Locking with CSS and JavaScript Credits Homepage
CSS Gallery Web Design Gallery For Inspiration 40 Online Generators for Web Designers Should Bookmark Online Generators for Web Designers can be a great way to save time in your web design projects. High-quality generators can create graphics or code or even layouts in a matter of seconds or minutes, things that might take an hour or more if done by hand. Online generator are those tools that help us to create those popular “XHTML valid” CSS banners, micro buttons or css website templates in seconds. In such cases online generators can be of great help which do the necessary job and some tools don’t have to be downloaded also. Advertisement 1. XML /SWF charts are used to create attractive graphs and charts from XML data, Create a source either manually or generate dynamically then pass it to the XML chart’s flash file. 2. The web form generator from Web Form Factory automatically generates he necessary backend code to tie your form to a database. 3. 4. 256 Pixels 5. 80 x 15 brilliant Button Maker 6. 7. 8. 9. 10. 11. 12. 13. pForm pForm is a free HTML form builder. 14. 15. 16. 17. 18. 19.
Open Source Living Top 25 Free Icon Resources for Web Designers | Speckyboy - Wordpress and Design Please note that this post is fairly old, for the latest free icons you should browse the Free Icons category. 1. Fam Fam Fam (www.famfamfam.com/lab/icons/) 2. Brand Spanking New (www.brandspankingnew.net/archive/2006/12/hohoho.htm) 3. 4. 5. 6. 7. 8.Fast Icons (www.fasticon.com/freeware/ 9. 10. 11. 12. 13. 14. 15. and the rest… Form Design with Sliding Labels « CSSKarma A few weeks ago I was reading an article on form UI by Luke Wroblewski of Yahoo!. For those who aren’t familiar with Luke, he (quite literally) wrote the book on good form design. In the article, one certain section about placing labels inside of form fields stood out to me: Because labels within fields need to go away when people are entering their answer into an input field, the context for the answer is gone. He brings up a good point. For best practice, Luke talks about leaving your labels outside the form field so it’s always available to the user. Enter: Sliding Labels After reading that article it occurred to me that there’s no reason we can’t have the best of both worlds. View demo The HTML <form action="" method="post" id="info"><h2>Contact Information</h2><div id="name-wrap" class="slider"><label for="name">Name</label><input type="text" id="name" name="name"></div><! At this point we have a pretty basic, and ugly form The CSS The jQuery Try it out and let me know what you think.
A Tedious Explanation of the f/stop by Matthew Cole Photographers set their exposure using a combination of shutter speeds and f/stops to get the correct amount of light on the sensor (or film). The shutter speed regulates how long the sensor is exposed to light coming through the lens. The f/stop regulates how much light is allowed through the lens by varying the size of the hole the light comes through. For any given film speed (ISO) and lighting combination there is one correct amount of light to properly expose the image. Back in the days of film, that was pretty much it for exposure because your ISO (and white balance too) was set by your film choice and you couldn't vary it within the roll. Despite being one of the exposure controls in photography, the f/stop (or aperture, the terms are interchangeable) remains a source of confusion and mystery to many photographers, even to some who use it all the time. Fill That Bucket! My favorite analogy for exposure is filling a bucket with water. Shutter Speeds F/Stops Yes. No.
Design View / Andy Rutledge 10 Useful Online Tools for Working with CSS Hey there folks! We decided to devote our today’s post to something really useful and time-saving. So, please welcome our list of 10 online tools for CSS editing or creating ready elements that require styles. Now you can perform some styling actions with your CSS sheet using powerful and simple online helpers. Our list contains interesting services that allow you to edit, compress, format css files, create beautiful CSS buttons, generate gradients, and import and process CSS files. Among these you’ll find some dedicated tools so please pay your attention to extremely popular CSS3 Generator – this excellent service would help you to generate codes for all of the CSS3 properties and easily paste them into your CSS sheet. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. About the Author Edward Korcheg Edward has been with TemplateMonster blog since 2009 and is a great fan of social media and web development trends (especially jQuery and HTML5).
40 Hiroshima pictures they didn't want us to see | Springoo The Atomic Bombings of Hiroshima and Nagasaki killed about 250.000 people and became the most dreadful slaughter of civilians in modern history. However, for many years there was a curious gap in the photographic records. Although the names of Hiroshima and Nagasaki were incised into our memories, there were few pictures to accompany them. Even today, the image in our minds is a mixture of devastated landscapes and shattered buildings. Shocking images of the ruins, but where were the victims? The American occupation forces imposed strict censorship on Japan, prohibiting anything “that might, directly or by inference, disturb public tranquility” and used it to prohibit all pictures of the bombed cities. 1. All the watches found in the ground zero were stopped at 8:15 am, the time of the explosion. Within a certain distance from the site of explosion, the heat was so intense that practically everything was vaporised. 2. Doctors “gave their patients Vitamin A injections. 3. 4. Mr. Mr.