InstantShift | Web Designers and Developers Daily Resource. 20 Inspiring Examples of Colorful Web Designs Last week we showed you examples of white usage in web design and today, for our last web design inspiration post of the year, we decided to show you some examples of colorful websites. We will show you how colors can give your design a nice and personal style. From small details and colorful typography to completely colorful backgrounds, there are a lot of colors to inspire you. The Neighbourhood Shelton Fleming Captain Dash Dangers of Fracking 10 years in type Brooks – Shoe Advisor Shoppub Life in my Shoes espacio creativo Macquarie University – Green Campus La Maddalena Kinetic Pioneer Steez small studio Adrian Baxter Gimme Nike Vision Formfett Foundry Collective Protest Source: The Best DesignsunmatchedstyleCSS Design Awards About the Author Gisele Muller loves communication, technology, web, design, movies, gastronomy and creativity. Related Posts 400 shares 11 Inspiring Examples of Textures and Patterns in Web Design Here at WDL we like to browse the web to find inspiring websites to show our readers.
21 Examples of Inspiring Typography in Web Design From print to packages to web design and pretty much all other media that you can think of, typography always plays a big role. Not only can good use of typography add to your design from a visual standpoint, it can also play an important role in defining the heirarcy of the content. With this in mind, we gathered a collection of inspiring typography usage in web design. Life in Greenville Cider Circles – Meetups for the Creative Types goodness Yes Nurse Viljami Salminen unify senic 7 Days in Havana Planilandia Captain Dash inTacto 10 years Nike Chosen Series Hello Bar Build Responsively Roberto Paganelli koppy 255 Creative Haus of Design Headset Press deciduous Source: The Best DesignsCSS Design Awards About the Author Gisele Muller loves communication, technology, web, design, movies, gastronomy and creativity. Related Posts 412 shares Colorful Logos for Your Inspiration We’ve rounded up some examples of logo designs that make excellent use of color. Read More 754 shares
27 Design and Development Firefox Extensions A collection of extensions for your every Design and Development need, from Editing CSS and Database Management to Image Capture and Color Pickers. If there are any you feel I have missed, just leave a comment. Web Design and Development Extensions for Firefox URL : MeasureIt. Description : MeasureIt draws a ruler across any webpage to check the width, height, or alignment of page elements in pixels. URL : Firebug. URL : View Source Chart. URL : Web Developer. URL : NoScript. URL : Greasemonkey. URL : FoxyProxy. URL : DOM Inspector. URL : sqlite-manager. URL : QuickJava. URL : FirePHP. URL : CSSViewer. URL : EditCSS. URL : Browser Window Resizer. URL : Table2Clipboard. URL : YSlow for Firebug. URL : Extended Statusbar. URL : Dummy Lipsum. Validation and Aceesibilty Extensions for Firefox URL : CSS Validator. URL : Html Validator. URL : Firefox Accessibility Extension. URL : Total Validator. Imaging and Screen Capture Extensions for Firefox URL : Image Zoom. URL : ColorZilla.
100 Awesome CSS/Javascript Plugins and Coding Techniques Writen by Bogdan / Comments Off on 100 Awesome CSS/Javascript Plugins and Coding Techniques If you know how to use CSS and Javascript, you can create some impressive websites. Not only that you can do some awesome stuff with them but they also ease you work. In this article you have 100 awesome CSS and Javascript plugins and coding techniques that should definitely be in you toolbox. Use CSS3 to Create a Dynamic Stack of Index Cards You will learn how to create a dynamic stack of index cards solely with HTML and CSS3 and use such CSS3 features as transform and transition (for the dynamic effects) and @font-face, box-shadow and border-radius (for the styling). Dynamic PNG shadow position & opacity You will learn how to create a movable object using javascript. How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3 Awesome Overlays with CSS3 The trick with these overlays is the gradient border, going form a lighter to darker orange as you go from top to bottom. Sliding Vinyl with CSS3
50 Beautiful And Creative Portfolio Designs Advertisement Design portfolios come in various forms. Traditionally, they have been print-based and something you would carry to a client pitch or meeting to showcase what you’ve done and how you did it. Today, many designers take advantage of the Internet to publish and showcase their work via their online portfolios. Having your work displayed online removes the geographical restraints that traditional portfolios impose on you. With many portfolios online, it’s often hard to stand out from the sea of competition out there. In this showcase, you’ll find a variety of beautiful, unique and highly creative portfolio designs. You may also want to take a look at the following related articles: Creating A Successful Online Portfolio1031 In this article, we review five pitfalls that commonly plague portfolio design. 50 Beautiful and Creative Portfolios Pikaboo2 This portfolio showcases a creative navigation scheme; use the scroll button on the mouse to navigate up and down the showcase.
Les sites web incontournables (novembre 2013) Riche en actualité webdesign, le mois de novembre 2013 nous a servi quelques perles. Retour sur 25 sites tendances à expérimenter sans faute pour briller en brainstorming… Au programme ce mois-ci : du lourd, du lourd et encore du lourd les amis ! La liste suivante est constituée de sites qui s’inscrivent totalement dans les tendances du webdesign actuelles. Vidéo, mise en page fullscreen, minimalisme, flat design… Au final, presque toujours la même rengaine sur le papier me direz-vous. Mais en y regardant de plus prêt vous allez sans aucun doute savourer chacun des 25 sites qui possèdent tous une certaine originalité. Faites-vous plaisir, inspirez-vous et surtout partagez. Volkswagen Golf Lubie Getstrikr Microsoft Stories Date Gif Fixate Tour 13 Paris Pitchfork Polygon Middle Earth The Hobbit 24 Hours of Happy Sweater Generator Poolhouse Digital Fort McMoney Alt Space Creaktif Google Street View Venise Anidealiveson Audrey Azoura Kennedy and Oswald Firefox OS Le Manoir Magique Tillamook Departement Creatif
CSS Drive Web Design Resources User rating: 2 Yays 0 Nays Responsive Iconic Menu A sleek CSS3 horizontal menu bar that stays tucked away until the user clicks on an icon, revealing the menu. 5 Yays scrollMagic A jQuery plugin for doing cool scroll related animations such as parallax. 4 Yays PhysicsJS A JavaScript 2D Physics engine to add some nice physics effects to your code. 3 Yays 2 Nays Snap.svg A modern JavaScript library for working with SVG, and includes support for masking, clipping, patterns, full gradients, groups, and more. Flat flipping menu buttons These menu buttons combine the two hot trends that are flat design and CSS3 to create a bold and modern looking navigation system. 5 Nays Manipulating CSS3 transitions using jQuery This tutorial looks at using jQuery to dynamically modify CSS3 properties and hook up to the "transitionend" event for more intricate CSS3 transitions. 8 Yays Full Page Image slideshow An awesome supersized slideshow that spans up to the entire screen to showcase images in their full glory. 10 Yays 1 Yays
Harvard-01-Introduction-Psychology of Leadership-Tal Ben Shahar [eTati].mp4 Speckyboy Design Magazine - Web Design News, Resources & Inspiration How to Create Your First Web Page Note: If you know anything at all about HTML and CSS, don’t bother reading this, it’s a guide for the uninitiated, technophobes, luddites, computer-illiterates, anyone who is more comfortable with a pen and paper than a keyboard and mouse. If making a web page seems like brain surgery to you, then this is the article for you. What you need to know The only prior knowledge I will assume is that you’ve used a computer before, you’re familiar with using a keyboard and a word processor, and you’ve at least seen a website. The Basics When you visit a website (for example the one you’re reading now), you see a page in your web browser (the program you use to access the internet) , containing text, images and maybe some other things like videos, music etc. In order to display a page correctly, the web browser needs to know about the structure of the page, e.g. What HTML Looks Like HTML uses ‘tags’ to identify different parts of a page. Getting Started Next, the page must contain a HEAD section.
TetraBox Light by Ed Chew Liquid to Light Designer Ed Chew takes a green step in the right direction with the TetraBox lamp, a light object made from discarded drink packets that would have otherwise ended up in landfills already packed to the brim. The design is achieved by unfolding the packets and refolding them into hexagonal and pentagonal sections that are then pieced together to form a geodesic sphere or any other desired shape. Here, the Epcot-like ball makes an attractive overhead light and casts an impressive web of shadows and shapes on the surrounding space. Designer: Ed Chew