Lectures web
7.2K views | +0 today
Follow
Lectures web
Divers articles, ressources, ...
Your new post is loading...
Your new post is loading...
Scooped by Agathe-Sevegrand
Scoop.it!

Spacing The Top of Modules

Spacing The Top of Modules | Lectures web | Scoop.it

Chris Coyier pointed out a problem that a lot of us in the web community experience but few of us probably notice:Spacing the Bottom of Modules or, rather,dealing with too much space at the bottom of a content module.

more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Html2pdf that doesn't suck

What are the features?

A pdf that doesn't suck. The WebKit rendering engine is used (Chrome, Safari).

Selectable text in the pdfRenders most HTML tagsRenders most CSS rules correctlyJavascript on the page is run (so you can use highcharts and the like)Flash is not rendered
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

TypeWonder : Helps you to test web fonts on any web site on the fly !

Enter the site url and preview instantly the fonts with-out any hassle !
more...
Scooped by Agathe-Sevegrand
Scoop.it!

Atomic design

All matter, no matter how complex, can be broken down into molecules which can be broken down further into atomic elements. All web interfaces can be broken dow
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Semantic CSS With Intelligent Selectors

Semantic CSS With Intelligent Selectors | Lectures web | Scoop.it
In this article, we will explore an alternative approach to styling Web documents, one that marries document semantics to visual design wherever possible.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Unsplash : Free (do whatever you want) hi-resolution photos. 10 new photos every 10 days. Subscribe

Unsplash : Free (do whatever you want) hi-resolution photos. 10 new photos every 10 days. Subscribe | Lectures web | Scoop.it
Free (do whatever you want) hi-resolution photos. 10 new photos every 10 days. Subscribe
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

We Give a F*** How the Site Loads

Developers can be angry people sometimes. This is actually quite the understatement and :devdT: is no exception to that assessment. With web development in particular, there are several moments dur...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Creating High-Performance Mobile Websites

Creating High-Performance Mobile Websites | Lectures web | Scoop.it
In this article we'll demonstrate methods to identify how people interact with a website differently on mobile devices, and the design decisions that can be made based on this understanding.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

extractCSS - Online CSS Extractor

extractCSS - Online CSS Extractor | Lectures web | Scoop.it
extractCSS is an online tool which can extract ids, classes and inline styles from HTML document and output them as CSS stylesheet. All you have to do is to type or paste your HTML document and let extractCSS to do the rest for you!
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

97% of bloggers increase their readership with these opening paragraphs

97% of bloggers increase their readership with these opening paragraphs | Lectures web | Scoop.it
Did you know that 88% of statistics are made up? That cats are the secret overlords of the web and the pugs are trying to takeover? No? Okay, the statistics in the headline and the first sentence were clearly made up to get your attention. Now that I have it, shall we talk about opening a blog post and creating a powerful paragraph that hooks readers in?
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Clank : An open source HTML/CSS framework for prototyping native phone/tablet applications.

Clank : An open source HTML/CSS framework for prototyping native phone/tablet applications. | Lectures web | Scoop.it
Free & open source

 

Clank is free and open source and it will remain so. We welcome improvements and suggestions on Github.


more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

The CSS Shapes Module — Breaking Out of the Box

The CSS Shapes Module — Breaking Out of the Box | Lectures web | Scoop.it
The css shapes module will fundamentally change the nature of web design. No longer will designers be constrained to regard everything as a rectangular box.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

matchMedia.js : matchMedia() polyfill for testing media queries in JS

matchMedia.js : matchMedia() polyfill for testing media queries in JS | Lectures web | Scoop.it
test whether a CSS media type or media query applies
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Just My Type : a collection of font pairings from Typekit and H&FJ

A collection of font pairings from Typekit and H&FJ. Fair warning: the pages of this site are pretty heavy in download sizes – up to 3mb. Don’t say I didn’t warn you.

more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Pixabay - Free Images

Pixabay - Free Images | Lectures web | Scoop.it
Search over 100,000 free photos, cliparts, and vector graphics or share your own pictures as Public Domain on Pixabay.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

The CSS Exclusions Module — Letting Your Content Flow

The CSS Exclusions Module — Letting Your Content Flow | Lectures web | Scoop.it
With css exclusions designers and developers will have greater control over where elements are placed and how content flows around them.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

SVG Fallbacks

There is a very clever technique by Alexey Ten on providing an image fallback for SVG going around the internet recently. It does just what you want in the
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

nutcache : a free, multilingual online application for invoicing& time management.

more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Pineapple · Web Tutorials and Resources That Don't Suck

A centralized hub of user-submitted tutorials and resources for programming and design. Smart-search based on multiple tags. Favorite resources to visit later.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Brick : UI components for modern web apps

Brick : UI components for modern web apps | Lectures web | Scoop.it
What is Brick?

Brick is a bundle of reusable UI components created with x-tags to enable rapid developmentof cross-browser and mobile-friendly HTML5 web applications. Brick adds custom HTML tags- allowing developers to express the structure of an application in a clearer, more concise manner.

more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

CSS : Reset or Normalize ?

Building for the web can be like building on quicksand. Browsers have tended to do mostly the same thing, but have occasional, maddeningly unpredictable differences. For example, browsers all come with “user agent stylesheets” — a default set of CSS styles, so that a heading looks like a heading etc., even before you style the page1. Of course, every browser engine uses a slightly different set of defaults.

more...
No comment yet.