Frameless 30 Great Websites with Parallax Scrolling This website uses cookies to ensure you get the best experience on our website. Learn More.GOT IT! Magazine for designers and web developers Add to Collections! 30 Great Websites with Parallax Scrolling Article by Awwwards Team in The Best Articles - July 30 The parallax effect has been around for years in classic video games, but it became a trend in the web design world. Nearby objects have a larger parallax than more distant objects when observed from different positions, so parallax scrolling can be used to determine distances. Melanie F. Go to website Related Articles
CSS Layouts Listing Cross browser FIXEDFixed header and footer, scrolling content. Simple minimum width layoutA layout to demonstrate min-width in Internet Explorer. Back to BASICSThe bare essentials of Layout 3. Back to BASICS 2The bare essentials of Layout 2. CSS Frame - The Holy GrillA method of emulating a 'frame' layout. position:fixed; (fixed)Position fixed for Internet Explorer. Shrink your bodyResizing the body tag to create a fixed layout. IE6 only web siteThis was for IE only, but now Firefox will work. 'Fixed' layout version 1Fixed width, header and footer 100% high. 'Fixed' layout version 2Full width and height. 'Fixed' layout version 4Full height, fixed header and footer, multiple scrolling columns. Semi-fixed footer28-11-2008A semi-fluid layout with a semi-fixed footer. 100% 'background' imageAdding an image in the background that resizes when the window resizes. A responsive layout01-05-2013A reponsive layout with animated repositioning. 'Fixed' layout version 3Full width and height. Information
Web Layouts | Cool Layouts | Website Layouts [Sem-Logistique] Il fait partie du SEM-Logistique et fournit des informations concrètes sur les logiciels dans les configurations informatiques pédagogiques des établissements scolaires genevois. Le but est de répondre aux questions : "Quel logiciel pour quel usage et comment l’intégrer dans une activité concrète ?" Il s’agit de proposer aux enseignants des articles en partant d’un sujet concret à réaliser, puis de les guider vers le logiciel qui répond au mieux à cette problématique ou encore de partir de réalisations concrètes avec ou pour des élèves. L’aspect "concret et proche du terrain", devrait contribuer à intégrer plus facilement les nouvelles technologies dans l’enseignement. Pour plus de détails voir : Informations sur ce site Les logiciels décrits sont choisis pour leur efficacité, leur stabilité et leur adéquation au monde de l’enseignement (qu’ils soient libres, gratuits ou payants). Nouveautés Configuration Mac 2013-2014 Créer un roman photo, une affichette ou une page de présentation
Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development CSS et Mobile First : procéder par amélioration progressive Le Web mobile est un environnement de développement en plein essors et nécessite une attention particulière de par les contraintes qu’il impose. Penser responsive est un bon début pour rendre l’expérience utilisateur accessible sur tout support, mais peu encore se soucient du temps de chargement qui fait voler en éclats le rapport coûts/bénéfices d’une intégration adaptative. Voir la démo Télécharger la source La dégradation progressive en première réponse au responsive La première vague de designers qui ont répondu à la portabilité de leurs œuvres s’est ruée vers une solution facile qui était la dégradation progressive. Elle consiste en supprimer les effets et éléments moins essentiels d’une page en fonction de résolutions décroissantes. Cette solution royale pour des designs déjà accessibles sur bureaux ne demande que de rétablir les largeurs en pourcentage, et de modifier quelques valeurs ou propriétés CSS pour laisser le tout s’adapter au support de l’utilisateur, comme ci-contre :
8 Best Web Design mockup tutorials on october 2009 | blogfreakz.com There is a nice selection of sites in todays Monthly Web Design mockup tutorials, especially from 1stwebdesigner and sixrevisions who have both created very clean and stylish sites . This sort of minimalism is perfect for conveying information quickly, as you might see on vinyl banners or promotional mugs. This roundup will not completed without minimalis design (designm.ag) my favorit one, wordpress design process (blog.spoongraphics) this is awesome, nature inspired layout design (grafpedia), magazine wordpress themes and another great Looking Web Layout in Photoshop. Most of theme PSD files also available for download. 1st Photoshop Web Design Professional Layout Tutorial Post date: October 14th, 2009View tutorial Design a Green Corporate Layout in Photoshop Post date: October 19th, 2009View tutorial Design a Minimal and Modern Portfolio Layout with Photoshop Post date: October 29th, 2009View tutorial WordPress Website Design Process for IT-IS Ltd Post date: October 26th, 2009View tutorial
46 Outstanding Web Layouts From DeviantArt: September 2009 I am starting to think, I will create this as monthly feature, maybe not only picking beautiful web design scratches from DeviantArt, but also featuring latest month best web design related articles. There is a reason why domain name is 1st web designer – I really want to make even bigger focus to just web design. I assure you site is going to change and grow as I promised, just it’s not so easy as I thought at first. Ok, got a little bit distracted, but now let’s enjoy again very beautiful artworks picked from DeviantArt to help you get inspired and scan what’s fresh can be seen in these designs! 1. 2. 3. 4. 5. Different ancient style from modern ones, but very relevant – website for Ancient book store, beautiful work! 6. Check out live website of this design too at 1Three. 7. You can buy this theme actually and check out live demo too. 8. Very nice design, and you can check live demo here and even buy it there! 9. 10. Check out also live version of this outstanding design here! 11. 12.
Help Me Investigate | Find out the facts Beautiful web-based timeline software Adaptive Images in HTML 450+ CSS Layouts » HTML & CSS » Design Festival You need options. Anyone that’s spent time collaborating on web design projects knows that every developer has their own processes — even with best practices being observed there is variation in techniques. So your CSS library should give you more than one way to attack a problem. Website layouts can be a serious pain, but CSS gives you a great deal of flexibility in how you approach the layout issue. Often the home page needs a grid design while post pages have a three column layout, with other formats for custom pages. The following is a collection of layout libraries you can add to your own with multi-column static and liquid layouts. 20+ CSS Layouts by MaxDesign With excellent markup walk-thrus and the sample CSS on-page, this set of CSS layouts will be easy to see in action and almost as easy to implement. 40 CSS Layouts by Layout Gala Previews are available for each format and you can even download the entire collection in one file. 250+ Layouts by Free CSS
MEMO: Wall Street Journal Gets 3,200 To Pay For iPad App