background preloader

Alsacréations : Actualités et tutoriels HTML, HTML5, CSS, CSS3, standards du web

Alsacréations : Actualités et tutoriels HTML, HTML5, CSS, CSS3, standards du web

https://www.alsacreations.com/

Related:  tutoTiceWebdesignSITES/BLOGviolettte

The 2 Principles Of Object Oriented CSS Do our current css practices scale? Are our stylesheets easy to maintain? Can non-css coders quickly and easily to build new web pages with our styles? Object oriented css (OOCSS) is an approach to writing html and css that allows us to answer yes to each of these questions. Over several recent posts I’ve been exploring topics around our approach to writing css. Last week I talked about classes being one form of abstraction in css.

Free textures for your next web project. The seigaiha or wave is a pattern of layered concentric circles creating arches, symbolic of waves or water and representing surges of good luck. Made by Olga Libby Download A friend gave me a cork wallet. I scanned it and made this. Made by Atle Mo What You Need For Parallax Scrolling Effect If you want to be able to create the most demanded parallax scrolling effect that is all the rage now, you’re in the right place, right time and reading just that post you’ll say thanks for down the road. Hopefully that was not too arrogant, but seriously speaking the article covers a few ways of creating the super trendy parallax scrolling effect for your site. On finishing the article, you’ll know what to learn in order to be in the know and show your customer that you don’t live under the rock. Note: I take it for granted that you already know HTML/CSS because you’re just illiterate if you don’t. No offence, but you really need that knowledge to be at least a bit competitive nowadays.

Use Resizable Live View to Lay Out a Responsive Website : Adobe Dreamweaver Team Blog Learn how to use Dreamweaver’s Resizable Live View to arrange and edit content Dreamweaver’s Live View does double duty as both a live preview of an open page and a live edit mode. It is no longer necessary to switch between Design and Live Views to edit and preview page elements. This tutorial will explore a few of the Live View tools: the Visual Media Queries bar, the Live View Scrubber, the DOM panel, and Device preview. Animated Skills Diagram with Raphaël In this tutorial we will show you how to create a diagram using Raphaël – a small JavaScript library that is great for working with vector graphics. The idea is very simple: we will draw some arcs using mathematical functions and we’ll be displaying a skill percentage in a main circle […] View demo Download source In this tutorial we will show you how to create a diagram using Raphaël – a small JavaScript library that is great for working with vector graphics. The idea is very simple: we will draw some arcs using mathematical functions and we’ll be displaying a skill percentage in a main circle when we hover over those arcs. Let’s start with the markup. The Markup

useit.com: Jakob Nielsen on Usability and Web Design June 4, 2017 Typing a password takes twice as long on mobile than on desktop. Follow these 12 guidelines to make registration and login less painful on mobile devices. June 4, 2017 Modal ads, ads that reorganize content, and autoplaying video ads were among the most disliked. Browse Patterns Log In Sign Up COLOURlovers Search Download Free Templates and try your skills before purchasing our templates It is known that website creation requires a lot of means, skills and energy. And if you are unfamiliar with HTML and CSS or just wish to save your time, our website templates are the perfect solution for you. TemplateMonster has created this collection of free web templates for you and regardless whether you are a newbie or a professional webmaster or designer you will still find them useful. They will also help you to evaluate the quality of our products, get a feel for things and try your skills before purchasing. So don't hesitate to view and download these high quality templates free of charge for your education and use, but please note there are conditions and limitations associated with using these free website templates.

Responsive Image Breakpoints Generator, A New Open Source Tool Responsive websites, even the most modern ones, often struggle with selecting image resolutions that best match the various user devices. They compromise on either the image dimensions or the number of images. We can solve these issues and start calculating image breakpoints more mathematically, rather than haphazardly. The lives of web developers aren’t getting any simpler as the number of different devices and potential screen resolutions increase.

Related:  INTÉGRATION HTML/CSSstefchrysressourcesCODINGHTML - CSSmllelouhjquery / ajax / javascriptHTML XML PHP CSSWeb DevelopmentDéveloppement WEBjqueryTutos diversDESIGNweb designHTML5Web design sourcesweb-gurusvarious stuff 1DiversenfinducHTML5leaxà classerSites tutorielsDivers