« Web responsive » : différence entre les versions

Aucun résumé des modifications
Aucun résumé des modifications
 
(8 versions intermédiaires par le même utilisateur non affichées)
Ligne 23 : Ligne 23 :


[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 : ==
== outils en ligne pour webdesigners : ==
Ligne 45 : Ligne 85 :




== test ==
<a href="http://blog.responsivenews.co.uk/Responsive News<br><a href="http://www.netmagazine.com/tutorials/building-modern-grid-systemBuilding a modern grid system | Tutorial<br><a href="http://www.netmagazine.com/features/50-fantastic-tools-responsive-web-design50 fantastic tools for responsive web design<br><a href="http://responsive.gs/Responsive Grid System</a></pre></pre><pre style="word-wrap:break-word;white-space:pre-wrap"><a href="http://tympanus.net/Development/Elastislide/index.htmlElastislide - A Responsive jQuery Carousel Plugin</a></pre></span><span style="font-family:Verdana,Helvetica,Arial,sans-serif;font-size:13px;line-height:16px;font-weight:normal;white-space:normal"><pre><span style="font-family:Times;line-height:normal;white-space:normal;font-size:medium"><pre style="word-wrap:break-word;white-space:pre-wrap"><a href="http://marktyrrell.com/labs/blueberry/" style="color:rgb(0,0,255)!important;text-decoration:noneBlueberry - A simple, fluid, responsive jQuery image slider.</a></pre></span><span style="font-family:Times;line-height:normal;white-space:normal;font-size:medium"><pre style="word-wrap:break-word;white-space:pre-wrap"><a href="http://responsive-slides.viljamis.com/" style="color:rgb(0,0,255)!important;text-decoration:noneResponsiveSlides.js  Responsive jQuery Slider &amp; Slideshow</a></pre></span></pre></span></pre>
<pre><span style="color:rgb(51,51,51);font-family:HelveticaNeue,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;font-weight:normal;white-space:normal"><a href="http://www.onextrapixel.com/2012/04/23/responsive-web-design-layouts-and-media-queries/Responsive Web Design: Layouts and Media Queries</a></span><span style="font-family:Times;font-weight:normal;line-height:normal;white-space:normal;font-size:medium"><pre style="word-wrap:break-word;white-space:pre-wrap"><a href="http://davidwalsh.name/animate-media-queries?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed%3A+Bludice+%28David+Walsh+Blog+%3A%3A+PHP%2C+CSS%2C+MooTools%2C+and+Everything+Else%29&amp;utm_content=Google+ReaderCSS Animations Media Queries</a></pre></span></pre>
<pre><span style="color:rgb(51,51,51);font-family:HelveticaNeue,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;font-weight:normal;white-space:normal"><a href="http://www.stumbleupon.com/su/5vXkFa/traffic.shareaholic.com/e/?u=http%3A%2F%2Finspirationfeed.com%2Finspiration%2Fwebsites-inspiration%2F60-examples-of-responsive-website-design%2F&amp;a=1&amp;r=1&amp;f=282183&amp;s=60 Examples of Responsive Website Design</a></span></pre>
<pre><font size="2"><a href="http://bradfrostweb.com/blog/web/responsive-nav-patterns/Une collection de pattern de navigation reponsive avec le pour et contre</a></font><br><a href="http://csscience.com/responsiveslidercss3/<font size="2">CSScience - CSS3 Responsive Slider / Carousel Using Radio Buttons</font><a href="http://tympanus.net/codrops/2012/04/02/responsive-horizontal-layout/<font size="3">Responsive Horizontal Layout</font></a><span style="font-family:Times;font-weight:normal;line-height:normal;white-space:normal;font-size:medium"><pre style="word-wrap:break-word;white-space:pre-wrap"><br><a href="http://inspirationfeed.com/wordpress/themes-wordpress/15-best-responsive-premium-wordpress-themes-2/15 Best Responsive Premium WordPress Themes<br><a href="http://designshack.net/articles/css/code-a-responsive-navigation-menu/Code a Responsive Navigation Menu | Design Shack<br><a href="http://www.webdesignshock.com/responsive-design/Responsive Design: 160 useful tools, plugins and resources - WebDesignShock</a></pre></span></pre>
<pre><font size="3"><a href="http://www.designer-daily.com/20-tools-to-help-you-create-responsive-web-designs-2405520 tools to help you create responsive web designs</a></font></pre>
</h1>
<h1>
<font size="3"><a href="http://www.developerdrive.com/2012/03/developing-a-responsive-website-part-4-finishing-the-homepage-portfolio-slider/Developing a Responsive Website Part</a> 1 2 3 4
</font><font face="arial, sans-serif" size="3" style="font-weight:normal">
<pre><a href="http://www.pixedelic.com/plugins/camera/Camera | a free jQuery slideshow by Pixedelic</a></pre>
</font>
<pre style="font-weight:normal;font-family:Times;font-size:medium"><a href="http://www.webdesignshock.com/responsive-web-design/Responsive web design complete guide</a></pre>
<pre style="font-weight:normal;font-family:Times;font-size:medium"><a href="http://xoxco.com/projects/code/breakpoints/" style="white-space:pre-wrap;font-family:Times<b style="white-space:pre-wrap;font-family:Times">Breakpoints.js</b><font face="Times" style="white-space:pre-wrap;font-family:Times"><span style="white-space:pre-wrap"> is a project of the hackers and designers</span></font></a></pre>
<pre style="font-family:Times;font-size:medium;font-weight:normal;word-wrap:break-word;white-space:pre-wrap"><a href="http://www.lukew.com/ff/entry.asp?1514" style="font-family:TimesLukeW | Multi-Device Layout Patterns</a></pre>
<pre><font size="3"><a href="http://www.webdesignshock.com/responsive-design/Responsive Design: 160 useful tools, plugins and resources - WebDesignShock</a></font></pre>
<pre><font size="3"><a href="http://designmodo.com/jquery-plugins-responsive-web-design/20 Useful jQuery Plugins for Responsive Web Design - DesignModo</a></font></pre>
<pre><span style="font-family:Verdana,Helvetica,Arial,sans-serif;line-height:20px;white-space:normal;font-size:medium"><a href="http://designshack.net/articles/css/code-a-responsive-navigation-menu/Code a Responsive Navigation Menu</a>&nbsp;(http://designshack.net)</span></pre>
</h1>
<div><font size="3">
<hr>
</font><a href="http://hicksdesign.co.uk/speaking/" style="color:rgb(0,0,255)!important;text-decoration:noneWeb responding exemple&nbsp;</a></div>


[[category:web]]
[[category:Dev]]