#patterns

« Building a Complex Application with Web Components and LitElement » by Justin Fagnani (vidéo, 48mn.)
▻https://www.youtube.com/watch?v=x9YDQUJx2uw

« Advanced techniques necessary for building large apps: cross-component coordination, state management, lazy loading views and components, deferred rendering, context-like APIs based on events, render-props with lit-element, theming, and possibly SSR and rehydration. This will focus much more on overall architecture and advanced techniques than web components basics. Non-web components topics like service workers and PWAs may be touched on, but the focus will be web components and LitElement. »

On basic small scale landcover rendering
▻http://blog.imagico.de/on-basic-small-scale-landcover-rendering

Many #OSM based #maps show #landuse areas at the high zoom levels in either a plain #color or using #patterns. At smaller scales landcover depiction is also useful in particular to delineate urban and rural areas and to allow the map user to identify different landscapes in particular if there is no relief depiction in the map. At small scales it is usually not the specific shape of individual landcover areas that needs to be shown but the overall distribution of the different landcover types. And due to the variable scale of the mercator projection certain needs for landcover depiction occur at different zoom levels depending on where on earth you look.

http://blog.imagico.de/wp-content/uploads/2017/09/landcover-colors.png http://blog.imagico.de/wp-content/uploads/2017/09/lc_lz.png http://blog.imagico.de/wp-content/uploads/2017/09/lc_lz3.png http://blog.imagico.de/wp-content/uploads/2017/09/lc_lzf.png

démos : ▻http://maps.imagico.de/#map=5/45.089/43.813&lang=en&r=osmlz&o=1aa&ui=2

Common UI Patterns
▻http://gridbyexample.com/patterns

A collection of built #patterns to use as starting points, complete with fallbacks. Remember that you do not need to use these for full page #layout, they could as easily be a small component in a design.

https://gridbyexample.com/img/pattern1.png https://gridbyexample.com/img/pattern5.png

#css #grids

Flexbox Patterns
▻http://www.flexboxpatterns.com

Flexbox is awesome, but it introduces many new concepts that can make it difficult to use. These interactive examples will show you practical ways to use it to build UI components. They start out simple and get more complex near the end, and you can start using them in your own code right away.

#flexbox_Web_CSS_exemple_clevermarks

Solved by Flexbox — Un site qui montre Flexbox avec des cas d’utilisations réels et courants.
►http://philipwalton.github.io/solved-by-flexbox

CSS has been lacking proper layout mechanisms for far too long. Transitions, animations, filters, all of these are great and useful additions to the language, but they don’t address the major problems that Web developers have been complaining about for what seems like an eternity.

Finally, thanks to Flexbox, we have a solution.

This site is not another CSS framework. Instead, its purpose is to showcase problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox. And with the recent release of Internet Explorer 11 and Safari 6.1, the latest Flexbox spec is now supported in every modern browser.

Trouvé dans l’article référencé par @kozlika ici :
►http://seenthis.net/messages/338769

#intégration #web #HTML #CSS #flexbox #cas_d'utilisation #patterns

#css3 #patterns Gallery
▻http://lea.verou.me/css3patterns

Tags : css3 #css patterns #tool

Exception-Handling Antipatterns | Java.net
►http://today.java.net/article/2006/04/04/exception-handling-antipatterns

#design #code #java #patterns #programming #antipatterns #exception #exceptions

patternBrowser
►http://www.patternbrowser.org/code/pattern/pattern.php?4,1,0,1,0,6.php

#patterns #design #ui #interface #visualization #webdesign

Pattern Tap : Interface Collection for Design Inspiration
►http://patterntap.com

#patterns #design #interface #ui #inspiration #ressources #webdesign

Information Design Patterns
►http://interface.fh-potsdam.de/infodesignpatterns/news.php

#patterns #design #ui #visualization #information #webdesign #usability #architecture #resources

The Competitive Spectrum Pattern - Yahoo ! Design Pattern Library
►http://developer.yahoo.com/ypatterns/pattern.php?pattern=competitive

une manière intéressante même si très américaine d’essayer d’objectiver (et donc d’informatiser) des systèmes de réputation (fil)

#social #patterns #websocial #communauté #community #reputation #yahoo #design

Dare Obasanjo aka Carnage4Life - Participation as Social Capital: The Fundamental Flaw of Social News Sites
►http://www.25hoursaday.com/weblog/2008/05/30/ParticipationAsSocialCapitalTheFundamentalFlawOfSocialNewsSites.aspx

When you build a system where you get points for the number of people who agree with you, you are building a popularity contest for ideas. However, your popularity contest for ideas will not be dominated by the people with the best ideas, but the people w

#media #news #psychology #research #socialnetworks #socialsoftware #websocial #social #patterns

37signals: An Introduction to Using Patterns in Web Design
►http://37signals.com/papers/introtopatterns

#design #web #reference #interface #layout #productivity #patterns #ui #webdev

Google Code Blog: How we improved performance on Google Code
►http://google-code-updates.blogspot.com/2008/03/how-we-improved-performance-on-google.html

If you’re a frequent visitor to code.google.com for product updates and reference materials for Google APIs you’re working with, you might have noticed that the page loading time (or page rendering time depending on how you see it) has reduced in varying

#google #performance #webdev #css #javascript #http #sprite #groupe:clever-age #clevermarks #ajax #browser #cache #optimisation #patterns