background preloader

DesignWoop - Web Design Blog

DesignWoop - Web Design Blog
A Roundup of 20 Stylish, Bold Landing Pages As the saying goes, you only get one chance to make a first impression. Your landing page may be the first thing potential customers encounter when they hear about you, your company or your product, and so it’s absolutely critical. This is especially true if you’re a startup or a small business, where often you don’t get a second chance. Some companies do a truly phenomenal job with their landing pages. A landing page that’s been crafted beautifully, is uncluttered and that helps to show off the product or service well can reflect extremely well on the brand that it’s for.

Related:  inspiration web design

How to Use jQuery to Make Slick Page Transitions Adding the final touches to a site can be the difference between a polished and beautiful site that looks “refined,” and a mediocre site that leaves no impression on visitors. jQuery, the versatile JavaScript library, can be leveraged to create all these fine tuned elements. Today we’re going to look at how to use it to create elegant page transitions. Let’s get to it! If you would like to quickly take a peek at a very simple implementation of this technique, below is the demo for viewing and download. Getting Started With HTML/CSS Marie-Laurence Carrière is a designer based in Montreal, Quebec, Canada More of Marie-Laurence’s work here David Waldorf is a photographer based in San Francisco, California More of David’s work here Nicolas Galkowski is a illustrator based in Nantes, France More of Nicolas’ work here Themes MIESArchitecture PILEPortfolio ROSARestaurant HeapBlogging CSS background image hacks Emulating background image crop, background image opacity, background transforms, and improved background positioning. A few hacks relying on CSS pseudo-elements to emulate features unavailable or not yet widely supported by modern browsers. Demos: Example CSS background image hacks Drones · A Data Narrative Made by Friends June 16, 2014. ¶ In February of 2012 Congress told the Federal Aviation Administration (faa) to open the national airspace to drone traffic by September of 2015. In 2013 the faa released the “Civil UAS Roadmap:” a plan to pave the skyways by clearing the regulations that have thus far kept government and private domestic drones at bay (for the most part) and creating a new regulatory infrastructure to welcome drones home. Privacy means more than not being watched for illegal activity. Privacy—the secret ballot—is the foundation of democracy. Surveillance undermines the secret ballot because when the government knows what you read, who you associate with, and what you talk about, it knows how you vote. And now, if the government doesn’t like how you vote—or what you read, write, or talk about for that matter—they can send the military to follow you around and monitor everything you do with a flying robot.

Focus@Will: A Streaming Service Designed To Help You Stay On Task Try out a music streaming site specifically designed to help you work. Focus@Will is a new streaming music service, currently in beta, created to help you focus on the task at hand. If your mind tends to wander this could help. You might have that one album that helps you think, that helps you create. You’re not sure why, but when you put it on you’re able to focus more than you otherwise could, and the result is usually work you’re proud of. Is there a scientific reason for that?

Draggable Dual-View Slideshow Lorem Waldy Distilling design and other interesting methods It was not child's play tackling those horses. Some of the kind-hearted station folk in the backblocks had sent down some wild warrigals of the West; bucking brumbies that beat the band; old outlaws off the grass that the station hands could never master. But Colonel Cox ("Fighting Charlie" we called him) had in his command some of the crack rough-riders of Australia. And it was a joy to see these men tackle the outlaws. jQuery Tutorial - Getting Started: Basics & Selectors Last week, I talked about how important jQuery is to any modern web developer and why it’s awesome. This week, I think it’s time we got our hands dirty with some code and learnt how to actually make use of jQuery in our projects. I’ll say this now – you don’t need to learn Javascript in order to use jQuery.

Fullscreen Form Interface Project Worksheet Previous Demo Back to the Codrops Article This is a demo for a fullscreen form Pick a color#588c75#b0c47f#f3e395#f3ae73#da645a#79a38f#c1d099#f5eaaa#f5be8f#e1837b#9bbaab#d1dcb2#f9eec0#f7cda9#e8a19b#bdd1c8#e1e7cd#faf4d4#fbdfc9#f1c1bd If you enjoyed this demo you might also like: Minimal Form Interface Morphing Buttons Concept