background preloader

Web design

Facebook Twitter

Les 10 tendances graphiques pour 2017. Après l'incroyable succès de notre article sur les tendances graphiques de 2016 - plus de 10000 partages ! - nous avons aujourd'hui la lourde responsabilité de faire nos pronostics pour 2017. Pour être certains de vous recommander les tendances les plus porteuses de sens, nous avons sollicité l’avis d’experts, qu’ils viennent du digital, du design ou de la communication 360. Entre algorithmes, VR, couleurs vibrantes, authenticité et refus du design, l’année s’annonce passionnante ! 1. Le retour des motifs Pour Charline Vergoz, Digital Art Director chez Lonsdale Design, les motifs – ou patterns pour les anglophones – « connaissent un renouveau sous toutes les formes : de l’habillage classique à la mise en mouvement. D’autres motifs à découvrir sur ce board 2.

C’est LA tendance de l’année, que la majorité des interviewés ont spontanément citée. Un bel exemple de graphisme « à la Spotify » relevé par Lionel Causse, directeur de création chez Lonsdale Design : Lelandoriginals. 3. 4. 5. 6. 7.

Sommaires

Couleurs. Perspective Mockups - Premium Photoshop Actions. LivIcons - Exclusive Truly Animated Icon Pack! Hint.css. Web Font. Social. HTML5 Boilerplate. PXtoEM. Où trouvez des photos et des illustrations pour vos supports professionnels ? - SavoirCommuniquer. Foundation. Responsive Tables. Basic You can create a table using minimal markup. <table><thead><tr><th width="200">Table Header</th><th>Table Header</th><th width="150">Table Header</th><th width="150">Table Header</th></tr></thead><tbody><tr><td>Content Goes Here</td><td>This is longer content Donec id elit non mi porta gravida at eget metus.

</td><td>Content Goes Here</td><td>Content Goes Here</td></tr><tr><td>Content Goes Here</td><td>This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. </td><td>Content Goes Here</td><td>Content Goes Here</td></tr><tr><td>Content Goes Here</td><td>This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. </td><td>Content Goes Here</td><td>Content Goes Here</td></tr></tbody></table> Rendered HTML Tables can be easily customized using our Sass variables. $include-html-table-classes: $include-html-classes ! Note: rem-calc(); is a function we wrote to convert px to rem. Sass Errors? @import "foundation/components/tables";

Retina.js. How it works When your users load a page, retina.js checks each image on the page to see if there is a high-resolution version of that image on your server. If a high-resolution variant exists, the script will swap in that image in-place. The script assumes you use Apple's prescribed high-resolution modifier (@2x) to denote high-resolution image variants on your server. For example, if you have an image on your page that looks like this: <img src="/images/my_image.png" /> The script will check your server to see if an alternative image exists at this path: "/images/my_image@2x.png" How to use JavaScript The JavaScript helper script automatically replaces images on your page with high-resolution variants (if they exist).

Place the retina.js file on your server Include the script on your page <script type="text/javascript" src="/scripts/retina.js"></script> (put it at the bottom of your template, before your closing </body> tag) That's it! Steps: Download Download zip Download source Contribute. Optimising for Retina. AngularJS. Media Queries. jQuery 1.3. Web Creme. Blog du Webdesign. 6 ORM en Ruby et PHP. Aujourd'hui, le Blog du Webdesign vous propose une liste d'ORM pour vous simplifier le travail avec vos bases de données. Qu'est ce qu'un ORM ? Connaissez-vous les ORM ?

Cet acronyme signifie Object Relational Mapping. Il s'agit d'outils simplifiant la gestion de votre base de données en la mappant de façon à pouvoir traiter tous ses enregistrements comme des objets. Cela n'a peut-être l'air de rien quand on ne connaît pas, mais les avantages sont légion. - Pour commencer, on n'écrit (presque) plus aucune ligne SQL soi-même. . - Il est possible de définir des relations entre les objets : Qui appartient à qui, qui possède quoi. . - Ils permettent de séparer le code correspondant aux instances de vos enregistrements du reste de la page. . - Ils permettent une séparation très claire entre la base de données utilise et les commandes.

J'ajouterais aussi, bien que ce ne soit pas réellement un avantage au sens propre : Tous les frameworks ou presque en utilisent un. Quelques ORM pour en savoir plus.