background preloader

Little Boxes

Little Boxes

http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

Related:  CSS Inspirationenzeynepartok

The Technique Zone: Acrylic Paint Transfer Supplies needed: Acrylic dabbers, photocopy of an image, water spritzer bottle, paintbrush, card stock, craft sheet and heat tool (optional) Take the lid off the dabbers and brush the paint onto the card stock, ensure you get a good coverage Take your photocopied image ( remember that you will get a reverse of the image, so don't use bold words), flip it over and place it in the acrylic. Lightly press it down making sure it's smooth and not wrinkled Leave to air dry for at least 15 minutes and then if you wish give it a blast with the heat tool

Blueprint: Nested Accordion Jelly sweet roll dragée gummies. Jelly-o cotton candy gingerbread. Dessert tart bear claw gummi bears I love oat cake cotton candy sesame snaps carrot cake. Croissant marshmallow tiramisu icing soufflé chocolate cake. 20 Extremely Useful CSS Tools Most of the time writing website’s CSS is enjoyable and fun job. However some of the tasks aren’t always fun. CSS tools are here to help with those not so fun tasks, and make developers job a bit easier. We rounded up a collection of extremely useful CSS tools. Some tools are new and some are old, but we hope that you will find a couple of new useful or at least inspiring tools.

Draggable Image Boxes Grid Today we want to create a template with a fullscreen grid of images and content areas. The idea is to have a draggable grid that shows boxes of thumbnails and menu like items. Once clicked, the thumbnail will expand to the full size image and the menu item box will expand to a fullscreen content area. View demo Download source

20 PSD Tuts That Will Turn You Into A Photoshop Guru Many people can use Photoshop, but only a select few can call themselves gurus. Learn all the methods in the 20 tutorials below and you’ll be well on your way to joining this elite. Rather than focus on tuts for beginners, intermediates or advanced users, we’ve simply chosen ones which produce jaw-dropping effects. All of them are easy to follow, although most do require at least some prior knowledge and experience. Vertical Showcase Slider with jQuery and CSS Transitions Bernhard With restful springiness in the seat; prevents static sitting and provides enhanced seating comfort. Padded seat and back for enhanced seating comfort. Soft, hardwearing and easy care leather, which ages gracefully.

20 Great Web Page Backgrounds You Can Certainly Use Advertisement There can be times when your web design is almost done but you can’t finalize a beautiful background for your site. Importance of a Background can not be ignored since a site is viewed differently in different browsers and resolutions and the empty space at the background kills the foreground’s beauty. Designing a background yourself is a time consuming process and its hardly required when the fellow designers have heartily and happily contributed so many beautiful backgrounds and patterns for websites. We have collected few sets of Beautiful Backgrounds which will surely be useful to you. If you like this article, you might be interested in some of our other articles on Wallpaper Patterns, Damask Pattern Collection, Grunge Backgrounds, and Great Photoshop Backgrounds.

An Ultimate Guide To CSS Pseudo-Classes And Pseudo-Elements Hola a todos! (Hello, everyone!) In my early days of web design, I had to learn things the hard way: trial and error. There was no Smashing Magazine, Can I Use, CodePen or any of the other amazing tools at our disposal today. Having someone show me the ropes of web design, especially on the CSS front, would have been incredibly helpful. Now that I am far more experienced, I want to share with you in a very friendly, casual, non-dogmatic way a CSS reference guide to pseudo-classes and pseudo-elements.

CSS3 Patterns Gallery Wave (294 B)✖by Paul Salentiny Browser support The patterns themselves should work on Firefox 3.6+, Chrome, Safari 5.1, Opera 11.10+ and IE10+. However, implementation limitations might cause some of them to not be displayed correctly even on those browsers (for example at the time of writing, Gecko is quite buggy with radial gradients). Also, this gallery won’t work in Firefox 3.6 and IE10, even though they support gradients, due to a JavaScript limitation. Submission guidelines

Related:  CSS GeneratorRessourcesweblayout