background preloader

Wrk - French Creative Web Studio

Wrk - French Creative Web Studio
Related:  Inspirations, bonnes idées etc

Project Cards Template | CodyHouse Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam molestias suscipit mollitia vitae ea non ex, dignissimos aperiam minus magni totam sint culpa vel voluptate ipsa sunt repellendus. Ab, magni! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lo-Flo Records Material Design Lite The best new portfolio sites, June 2016 Greetings, readers! Summer is here. It’s time to beat the June heat by staying inside where the air conditioner is. While you’re there, have a look at our latest collection of portfolio sites. This month brings a lot more minimalism of the aggressive, low-on-color variety. That creative touch might be an entirely new kind of design. Also, there’s a fair few sites from France this time. (Note: I’m judging these sites by how good they look to me. If you want to be included in next month’s roundup, contact me at ezequiel@webdesignerdepot.com. Bukwild We start with one of our more animated entries. Combined with their excellent sense of aesthetics, and talent for using white space as a weapons-grade design element, this is one site I would browse just for fun. Daniel Benzie Admittedly, Daniel Benzie’s one-page portfolio just barely makes it into the “portfolio category”, by virtue of a couple of non-linked thumbnails. Grace Scuitto Twenty Nine NYC Benjamin Jackson Etienne Ledemay Deckchair Waaark

How to Create an Interactive Animated SVG Drum Kit A tutorial on how to create an animated and interactive SVG drum kit with GSAP and jQuery. View demo Download source Today we’re going to create an animated SVG drum kit that can be played by clicking, tapping or using your keyboard, and that can also be programmed to play by itself! We’ll be making use of GreenSock’s TweenMax animation library, jQuery and the <audio> element. Creating the SVG Open your vector editing software of choice (I used Adobe Illustrator but there are many alternatives to choose from, such as Affinity Designer, Sketch or Inkscape) and get drawing! <g> is Key “The g element is a container used to group other SVG elements. The key part of this for us is “Transformations applied to the g element are performed on all of its child elements” this will come in very handy when animating our SVG, e.g. instead of applying animations to each individual component of the snare drum, we can simply group the elements we want to animate and apply a single animation to that group.

Css-only Lavalamp-like Fancy Menu Effect This time let’s get inspired by the sliding menu effect, also known as the Lavalamp effect (ex. here). We’ll recreate it with pure css – using css3 transitions and the general sibling combinator selector. Below we’ll discuss three simple examples (make sure to see the demo first). Step 1 – Prerequisites We use a Unica One google web font. Step 2 – HTML For each of the three examples the html is the same. <div class="nav ph-line-nav"> <a href="#">Home</a> <a href="#">About</a> <a href="#">Gallery</a> <a href="#">Contact</a> <div class="effect"></div></div> The general sibling selector uses a tilde character combinator (E ~ F) and matches elements that are siblings of a given element. Step 3 – CSS – all examples Let’s start with the styles that are common for all three examples. The crucial part of the lavalamp-like effect happens here : When the mouse is over one of the < a > elements, the div.effect moves smoothly toward its middle. Step 4 – Into the details (1) Step 5 – Into the details (2)

Intacto 2013 FLAT DESIGN vs REALISM The Future Draws Closer: 9 Design Prophecies for 2019 3. Millennial Responsive Design In my award winning article, The Future Is Near: 13 Design Predictions for 2017, I forecasted a number of brilliant predictions. Among them was the notion of Age-Responsive Design, where platforms adapt to the age of the user. The idea of Millennial-Responsive design builds upon this idea, except this time platforms will adapt to the very specific proclivities of the notorious “millennial” generation. From 18 to 33 years old, millennials are a hot topic. Millennials are projected to have over $1.4 Trillion in spending power by 2020, but winning over this coveted market will take serious innovation. AI Algorithms will draw from pools of general content to craft unique lines of copy for each and every millennial user, capitalizing on this generation’s passion for unique one-of-a-kind experiences. Products, services and advertisements will camouflage themselves as petitions and social-justice-minded materials.

Références — Archi Graphi OT-24: New Fully-Managed, Professional Private Hire Vehicle and Taxi Service Launches for SMEs. 30 Grid-Based Websites Recognition and prestige for Web Designers and Agencies 30 Grid-Based Websites February 22 By awwwards-team In Web Design Grid-based layouts have become very popular in web design Share on Facebook Share on Twitter Share on Google Share on Stumbleupon Share on Pinterest Share on Linkedin In the last two years or so, grid-based layouts have become very popular in web design. By Awwwards Team awwwards.com Awwwards – recognizing the talent and effort of the best web designers, developers and agencies in the world. BLOG Inspiration for web designers and developers Epicurrence – Breckenridge, Colorado

Related:  webians inspi