background preloader

La Moulade - Creative Studio

La Moulade - Creative Studio

About | Helen & Hard About us Helen & Hard was founded in 1996 in Stavanger on the west coast of Norway by Norwegian architect Siv Helene Stangeland and Austrian architect Reinhard Kropf. Today, the company has a youthful staff of 20 drawn from 8 different countries, with offices in both Stavanger and Oslo. We design in different scales and scopes, on a wide spectrum of projects ranging from single family houses to large public buildings, from offices and multi-family housing projects to master planning. We aim to creatively engage with sustainability, not only in the design of spaces, but also in the conception and organization of the design process, including construction and fabrication. Our goal is move away from a solely technical and anthropocentric view, allowing the project to unfold in relation to its physical, social, cultural and economic context. Awards & Competitions Exhibitions

Business Solutions Responsive Site Template - Flashmint 4370 Business Solutions Responsive Site Template can be used for any mobile-friendly business website creation, and can be a pledge of your future success and popularity. Features included: Responsive layout Lightweight Grid 960 jQuery enhanced Responsive Slideshows Google Web Fonts CSS3 effects Built-in contact form Easy to use Google Maps SEO optimized Greatly-organized CSS Easy customizable Pages: Homepage Typography Sidebar Right Sidebar Left Both Sidebars Lists and tables Breadcrumbs Buttons and HR Projects 1 Column Projects 2 Column Projects 3 Column Projects 4 Column Projects + Sidebar Blog: Right Sidebar Left Sidebar Both Sidebars Contact Don't be shy to ask us for help in case if you don't understand anything or have some problems. We will be certainly glad to solve all your difficulties!

Which Is Right for Me? 22 Responsive CSS Frameworks and Boilerplates Explained CSS frameworks have been around for years now, but the arrival of responsive design practices has rendered many of our old favorites useless. Fortunately, lots of really talented developers have jumped in to fill the gap with the next generation of CSS frameworks and boilerplates. There’s already a ton of these things floating around. Everyone has a list, but no one really walks you through how each framework and boilerplate differs from the next so that you can make an informed decision. That’s our goal today. Follow along as we take a look at what makes each of these 22 responsive CSS frameworks and boilerplates unique. Gumby The Gumby framework takes the 960 grid that we all cut our teeth on years ago and brings it into the modern age of web design with a responsive touch. The Semantic Grid System If you hate grid systems and their bloated, non-semantic markup, this one is for you. Gridless Frameless Proportional Grids The Goldilocks Approach Twitter Bootstrap Foundation from ZURB Skeleton

Master Responsive Web Design With Gridset Let’s face it, responsive design is hard work. Web design was difficult enough when we were only considering desktop platforms, but the challenge of seemingly infinitely varying screen and viewport sizes has really added to the complexity of website layout. Whether you’re completely new to responsive design or consider yourself an expert in the area, the tool that we’re going to look at today will blow you away. It’s called Gridset and it’s amazing. What is Gridset? Gridset is a Mark Boulton project that’s currently in beta, and it’s aimed at drastically simplifying the responsive web design and development process. You’ve no doubt seen plenty of tools that make this promise. It’s difficult to describe how and why Gridset is so awesome, so why don’t I show you with a sample project? Create a New Grid Set When you first log into the app, you’ll be shown a list of grid sets that you’ve built in the past (you’re not just building one grid but several). Set Up Four Grids Customize Your First Grid

Experimental Page Layout Inspired by Flipboard An experimental page layout that let's you navigate pages by swiping or dragging as in a booklet, inspired by Flipboard. View demo Download source Today we want to share an experimental 3D layout with you. It’s inspired by the famous Flipboard app where a seamlessly “normal” page flips like a page in a book when swiped. We’ve tried to re-create that effect using CSS 3D transforms and JavaScript, making a layout that is “flippable” and responsive. While the swiping makes sense for touch devices, dragging will do for normal browsers. For the demo, we’ve made a little booklet with some placeholder text and images from NASA HQ. Please notice that this is very experimental and just a proof-of-concept. There are probably still many undiscovered bugs and although Safari and Chrome support all the properties used, we had to apply a couple of hacks to overcome some unexpected behavior. Some of the jQuery plugins we are using for this: A great help for creating responsive layouts like these is this:

Design to the Power of Three: The Magically Ubiquitous Number Three is only a number, right? Just one of ten numerals that we use to express value, nothing more. Or is it perhaps a lot more? Is the number three a designer’s best friend? Does it drive art, photography, design, architecture and even the natural order of the universe? Join us as we take a look at some ways that designers leverage the number three, and more importantly, why you should keep the number three in mind whether you’re designing websites, print ads or even logos. Three In Design Three is a magic number. Take a look at and you can see the number three at work in multiple ways. Examples like this permeate the web. Not only does three divide pages into columns, it’s also used to split pages into rows. Three takes a step towards abstraction here as the content is split up into two rows. Three was guiding designers long before the web came around. image source: jbcurio Three In Photography and Art Think that three is limited to print and web design? Architecture So What?

20 Inspiring Examples of Big Backgrounds in Web Design One way to easily define the tone and mood of a website is to use a big background image. However, when doing this, you need to consider that big images often have a lot going on, so it’s important to take a minmal approach with other aspects of the design. Not doing so could result in a website that is far too busy, cluttered, and difficult to navigate. Uber – Portfolio WordPress Theme Whitmans New York Studio Octopi Von Dutch Hiu Denim Co Casey Britt Range Rover Evoque The Amazing Spider-Man Suit up or Die Magazine H-Art My Own Bike Tim Roussilhe Tag Interativa Stephan Rizon Jalbert Productions International 8 Bis Mecenat Musical Marcus Thomas LLC Mendo Project Birdman The Best DesignsAwwwardsCSS Design Awards

35 Navigation Menus for Your Design Inspiration Navigation menus are an important part of any web design for usability purposes, but they can also serve to improve the look and feel of the website. When designing navigation menus there are any number of different approaches that you can take, and in this post we’ll show 35 examples of sites with attractive menus. These examples sites can serve as an excellent source of inspiration for your own projects, as every website needs a good navigation menu. Looking for hosting?