« Web responsive » : différence entre les versions
Aucun résumé des modifications |
|||
| (11 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 24 : | Ligne 24 : | ||
[http://tympanus.net/Development/GammaGallery/ Gamma Gallery - A Responsive Image Gallery Experiment] | [http://tympanus.net/Development/GammaGallery/ Gamma Gallery - A Responsive Image Gallery Experiment] | ||
== | [http://blog.responsivenews.co.uk/ Responsive News] | ||
[https://www.creativebloq.com/net-magazine net-magazine] | |||
[https://www.bigdropinc.com/blog/responsive-gs/ Responsive Grid System] | |||
[http://tympanus.net/Development/Elastislide/index.html Elastislide - A Responsive jQuery Carousel Plugin] | |||
[http://marktyrrell.com/ Mark Tyrrell - Solution Architect] | |||
[http://responsiveslides.com/ ResponsiveSlides.js Responsive jQuery Slider Slideshow] | |||
[https://onextrapixel.com/responsive-web-design-layouts-and-media-queries/ Responsive Web Design: Layouts and Media Queries] | |||
[https://davidwalsh.name/animate-media-queries Animations Media Queries] | |||
[http://tympanus.net/codrops/2012/04/02/responsive-horizontal-layout/ Responsive Horizontal Layout] | |||
[http://inspirationfeed.com/wordpress/themes-wordpress/15-best-responsive-premium-wordpress-themes-2/ 15 Best Responsive Premium WordPress Themes] | |||
[https://designshack.net/articles/css/code-a-responsive-navigation-menu/ Code a Responsive Navigation Menu | Design Shack] | |||
[http://www.webdesignshock.com/ webdesignshock.com] | |||
[https://www.designer-daily.com/20-tools-to-help-you-create-responsive-web-designs-24055 20 tools to help you create responsive web designs] | |||
[https://www.developerdrive.com/developing-a-responsive-website-part-4-finishing-the-homepage-portfolio-slider/ Developing a Responsive Website Part 1 2 3 4] | |||
[http://www.pixedelic.com/plugins/camera/ Camera a free jQuery slideshow by Pixedelic] | |||
[http://xoxco.com/projects/code/breakpoints/ Breakpoints.js is a project of the hackers and designers] | |||
[https://www.lukew.com/ff/entry.asp?1514 Multi-Device Layout Patterns] | |||
[https://designmodo.com/jquery-plugins-responsive-web-design/ 20 Useful jQuery Plugins for Responsive Web Design - DesignModo] | |||
[https://designshack.net/articles/css/code-a-responsive-navigation-menu/ Code a Responsive Navigation Menu (http://designshack.net)] | |||
[https://hicksdesign.co.uk/ A series of illustrations for DuckDuckGo] | |||
== outils en ligne pour webdesigners : == | |||
*[http://proto.io/freebies/onoff/ Flipswitch HTML5/CSS3 Generator] | *[http://proto.io/freebies/onoff/ Flipswitch HTML5/CSS3 Generator] | ||
Proto.ioUn superbe outil pour générer rapidement et facilement des boutons de type switch en pur CSS3. Personnalisez la couleur, la taille, les états actifs ou non…En plus ils sont animés ! | Proto.ioUn superbe outil pour générer rapidement et facilement des boutons de type switch en pur CSS3. Personnalisez la couleur, la taille, les états actifs ou non…En plus ils sont animés ! | ||
*[http://responsify.it/ | *[http://responsify.it/ A responsive template generator] | ||
Créez une grille adaptative en quelques secondes grâce à cet outil en ligne. Choisissez le nombre de colonnes, la taille des marges et les breakpoints. Il ne reste plus qu’à télécharger votre template au format HTML, CSS et PNG. | Créez une grille adaptative en quelques secondes grâce à cet outil en ligne. Choisissez le nombre de colonnes, la taille des marges et les breakpoints. Il ne reste plus qu’à télécharger votre template au format HTML, CSS et PNG. | ||
*[http://screenqueri.es/ | *[http://screenqueri.es/ Pixel Perfect Responsive Design Testing Tool] | ||
Screenqueri vous permet de tester votre site sur plus de 30 résolutions pré-définie. | Screenqueri vous permet de tester votre site sur plus de 30 résolutions pré-définie. | ||
Idéal pour le test rapide d’un site responsive. | Idéal pour le test rapide d’un site responsive. | ||
| Ligne 44 : | Ligne 84 : | ||
Un générateur de formulaire (HTML/CSS) qui en impose. En effet, les options de personnalisation proposées vous permettrons de mettre sur pied un formulaire de connexion en quelques secondes. Il vous restera tout de même <br>à réutiliser vous-même les styles créés pour styler vos boutons radio ou checkbox par exemple.erbe outil pour générer rapidement et facilement des boutons de type switch en pur CSS3. Personnalisez la couleur, la taille, les états actifs ou non…En plus ils sont animés ! | Un générateur de formulaire (HTML/CSS) qui en impose. En effet, les options de personnalisation proposées vous permettrons de mettre sur pied un formulaire de connexion en quelques secondes. Il vous restera tout de même <br>à réutiliser vous-même les styles créés pour styler vos boutons radio ou checkbox par exemple.erbe outil pour générer rapidement et facilement des boutons de type switch en pur CSS3. Personnalisez la couleur, la taille, les états actifs ou non…En plus ils sont animés ! | ||
[[category: | |||
[[category:Dev]] | |||