Seenthis
•
 
Identifiants personnels
  • [mot de passe oublié ?]

 
  • #l
  • #la
RSS: #layout

#layout

  • #layout-gala
0 | 25
  • RastaPopoulos @rastapopoulos CC BY-NC 22/05/2013 10:18
    1
    @speciale
    1

    #CSS 3 #Flexbox Layout module
    http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html

    Un article récent (mars 2013) sur le nouveau modèle de boite Flexbox qui arrive, présentant la syntaxe finale. Ce module intègre entre autre le principe des grilles CSS des frameworks directement dans le noyau de base. Avec alignement vertical et horizontal à l’intérieur du parent.

    L’autre point génial : définir explicitement l’ordre visuel des boites, sans changer l’ordre du code HTML. Un peu comme dans #Layout-Gala cette fois, mais là aussi directement dans le noyau, avec des règles toutes simples.

    #intégration #web #framework #grille

    RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire

  • b_b @b_b 3/01/2012 11:24
    2
    @rastapopoulos
    @jjllnn
    2

    jQuery : Customizable layout using drag and drop - DevHeart
    http://devheart.org/articles/jquery-customizable-layout-using-drag-and-drop

    Un tuto sur la mise en place d’un layout personnalisable par drag n drop avec jquery ui (pour la future interface du noizettier de spipclear).

    #jquery #sortable #layout #noizettier #spipclear

    • #HTML
    • #AJAX
    • #HTML
    b_b @b_b
    Écrire un commentaire

  • Nicolas Hoizey @nhoizey CC BY-NC-SA 2/09/2011 11:45

    The #Semantic #Grid System
    http://semantic.gs

    #Page #layout for tomorrow.

    Set #column and #gutter widths, choose the number of columns, and switch between pixels and percentages.

    All without any ugly .grid_x classes in your markup. Oh, and did we mention it’s #responsive?

    #grille #responsive_web_design

    • #grille responsive web design
    • #HTML
    • #HTML
    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire

  • Jean-Baptiste @jean-baptiste 19/08/2011 10:25

    Un article ►http://www.markboulton.co.uk/journal/comments/rethinking-css-grids de #Mark-Boulton sur l’utilisation des #CSS #Grid-Layout http://dev.w3.org/csswg/css3-grid-align pour concevoir une #grille de #mise-en-page.

    • #Peter-Gasston
    • #Grid Layout
    Jean-Baptiste @jean-baptiste
    • Jean-Baptiste @jean-baptiste 19/08/2011 10:54

      Voir aussi l’article ►http://www.netmagazine.com/features/future-css-layouts de #Peter-Gasston qui a inspiré #Mark-Boulton :

      La #mise-en-page (#layout) sera le prochain challenge pour #CSS3. Jusqu’à présent, on se débrouille comme on peut avec les flottants, le positionnement relatif et les marges négatives, mais il est encore très difficile d’aller au delà de la #mise-en-page en deux ou trois colonnes.

      Le #W3C et les éditeurs de navigateurs sont conscients de ce problème et travaillent sur des solutions. Le chef de file (vous allez être surpris) est l’équipe d’#Internet-Explorer. #IE10 http://ie.microsoft.com/testdrive/Default.html annonce une nouvelle ère pour la #mise-en-page en #CSS, rendant possible la création de sites web riches, dynamiques et accrocheurs.

      • #GPU
      Jean-Baptiste @jean-baptiste
    Écrire un commentaire

  • Homlett @homlett PUBLIC DOMAIN 11/05/2011 14:06

    Create an adaptable website layout with CSS3 media queries
    http://www.catswhocode.com/blog/create-an-adaptable-website-layout-with-css3-media-queries

    #via_google_reader #css3 #webdesign #css #mobile #html5 #layout #tutorial

    • #media queries
    • #HTML
    • #mobile devices
    Homlett @homlett PUBLIC DOMAIN
    Écrire un commentaire

  • 0gust1 @0gust1 CC BY-NC 23/03/2011 00:43

    Flexible Box Layout Module
    http://dev.w3.org/csswg/css3-flexbox

    miam

    #css3 #layout #webdev #specification

    • #flexbox layout algorithm
    • #flexbox layout algorithm
    • #layout algorithm
    • #layout algorithm
    0gust1 @0gust1 CC BY-NC
    Écrire un commentaire

  • 0gust1 @0gust1 CC BY-NC 26/10/2010 08:25

    Difference of px, dp, dip and sp in android.. - Stack Overflow
    http://stackoverflow.com/questions/2025282/difference-of-px-dp-dip-and-sp-in-android

    #android #layout #ui #interface #units #development #java

    • #Java
    0gust1 @0gust1 CC BY-NC
    Écrire un commentaire

  • 0gust1 @0gust1 CC BY-NC 15/07/2010 11:25

    The Secret Law of Page Harmony - Retinart
    http://retinart.net/graphic-design/secret-law-of-page-harmony

    Canons de construction de grilles de mise en page. Super site.

    #design #layout #grid #harmony

    0gust1 @0gust1 CC BY-NC
    Écrire un commentaire

  • 0gust1 @0gust1 CC BY-NC 14/05/2010 22:25

    #grid
    ►http://hashgrid.com

    #grid #css #javascript #layout #webdesign #jquery #design #tools

    • #webdesign jquery design tools
    0gust1 @0gust1 CC BY-NC
    Écrire un commentaire

  • Nicolas Hoizey @nhoizey CC BY-NC-SA 16/03/2010 17:22

    Plumb
    http://www.mdaines.com/plumb

    “This is Plumb, a web layout composition tool for use with the Blueprint framework. Pretty much you just draw some stuff up above and it makes HTML for you.”

    #blueprint #plumb #css #framework #layout #dev #web #clevermarks

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire

  • 0gust1 @0gust1 CC BY-NC 10/03/2010 20:39

    Grid System Generator
    http://www.gridsystemgenerator.com

    #css #grid #webdesign #generator #layout #tools #design

    • #grid webdesign generator layout tools
    • #HTML
    • #Facebook
    0gust1 @0gust1 CC BY-NC
    Écrire un commentaire

  • 0gust1 @0gust1 CC BY-NC 17/12/2009 21:18

    Kevin Burg is a guy who does web design.
    http://kevinburg.com/work

    #webdesign #design #portfolio #inspiration #graphics #layout #reference

    • #Kevin Burg
    0gust1 @0gust1 CC BY-NC
    Écrire un commentaire

  • Nicolas Hoizey @nhoizey CC BY-NC-SA 20/08/2009 10:53

    All About Floats | CSS-Tricks
    http://css-tricks.com/all-about-floats

    #float #css #design #web #layout #clevermarks

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire

  • 0gust1 @0gust1 CC BY-NC 27/07/2009 16:04

    Free Typographic XHTML/CSS-Layouts For Your Designs | CSS, Freebies | Smashing Magazine
    http://www.smashingmagazine.com/2009/07/08/free-typographic-xhtmlcss-layouts-for-your-designs

    #typographie #layout #webdesign #design

    • #Smashing Magazine
    • #XHTML
    • #Germany
    • #Nikolaj Sokolowski
    • #United Kingdom
    • #United States
    • #Mohd Huzairy Mohd Rezuan
    • #Malaysia
    • #Kuala Lumpur
    • #Rodrigo Galindez
    • #Argentina
    • #HTML
    • #Georgia
    0gust1 @0gust1 CC BY-NC
    Écrire un commentaire

  • 0gust1 @0gust1 CC BY-NC 28/05/2009 19:08

    Home - oocss - GitHub
    http://wiki.github.com/stubbornella/oocss

    #css #framework #webdesign #grid #layout

    • #Github
    0gust1 @0gust1 CC BY-NC
    Écrire un commentaire

  • 0gust1 @0gust1 CC BY-NC 11/12/2008 12:22

    The Grid System
    http://www.thegridsystem.org

    #design #web #graphics #layout #tool #grid #reference #ressources

    • #design web graphics layout tool grid reference ressources
    0gust1 @0gust1 CC BY-NC
    Écrire un commentaire

  • 0gust1 @0gust1 CC BY-NC 9/12/2008 15:09

    Five simple steps to designing grid systems - Preface : Journal : Mark ...
    http://www.markboulton.co.uk/journal/comments/simple_steps_to_designing_grids

    #web #layout #resources #grid #theory

    • #web layout resources grid theory
    • #grid systems
    0gust1 @0gust1 CC BY-NC
    Écrire un commentaire

  • Nicolas Hoizey @nhoizey CC BY-NC-SA 23/09/2008 10:38

    100 Excellent Free WordPress Themes | Developer’s Toolbox | Smashing Magazine
    ►http://www.smashingmagazine.com/2008/01/08/100-excellent-free-high-quality-wordpress-themes

    #CSS #design #layout #inspiration #html #thème #ui #webdesign #theme #template

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire

  • 0gust1 @0gust1 CC BY-NC 13/09/2008 10:07

    bright creative | home
    http://www.brightcreative.com

    le papa de css zen garden. joli site

    #webdev #webdesign #portfolio #inspiration #design #layout #jolisite

    0gust1 @0gust1 CC BY-NC
    Écrire un commentaire

  • 0gust1 @0gust1 CC BY-NC 28/06/2008 09:00

    22 Resources to Easily Create CSS Layouts | Vandelay Website Design
    http://vandelaydesign.com/blog/design/css-layout-tools

    #css #layout #templates #design #reference #gallery #graphics

    0gust1 @0gust1 CC BY-NC
    Écrire un commentaire

  • 0gust1 @0gust1 CC BY-NC 27/06/2008 22:16

    960 Grid System
    http://960.gs

    #css #design #dev #framework #grid #layout #tools #web

    • #design dev framework grid layout tools
    0gust1 @0gust1 CC BY-NC
    Écrire un commentaire

  • 0gust1 @0gust1 CC BY-NC 10/06/2008 14:42

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

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

    0gust1 @0gust1 CC BY-NC
    Écrire un commentaire

  • 0gust1 @0gust1 CC BY-NC 1/06/2008 00:24

    Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!
    ►http://blog.html.it/layoutgala

    en standard dans spip deux

    #css #design #layout #reference #spip

    0gust1 @0gust1 CC BY-NC
    Écrire un commentaire

  • 0gust1 @0gust1 CC BY-NC 30/04/2008 14:27

    glish.com : CSS layout techniques
    http://www.glish.com/css

    #css #layout #design #tutorial #reference #web #ressources

    • #layout design tutorial reference web ressources
    0gust1 @0gust1 CC BY-NC
    Écrire un commentaire

  • Nicolas Hoizey @nhoizey CC BY-NC-SA 22/04/2008 15:14

    60 More AJAX- and Javascript Solutions For Professional Coding | Developer’s Toolbox | Smashing Magazine
    http://www.smashingmagazine.com/2008/04/15/60-more-ajax-and-javascript-solutions-for-professional-coding

    #ajax #javascript #jquery #prototype #mootools #ext.js #CSS #design #dev #framework #GWT #html #interface #xhtml #webdev #webdesign #lightbox #layout #js #groupe:clever-age

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire

0 | 25

Thèmes liés

  • #clevermarks
  • #css
  • #css3
  • #design
  • #dev
  • #float
  • #framework
  • #generator
  • #graphics
  • #grid
  • #grille
  • #groupe
  • #html
  • #inspiration
  • #interface
  • #javascript
  • #jquery
  • #mark-boulton
  • #mise-en-page
  • #portfolio
  • #reference
  • #ressources
  • #thème
  • #tools
  • #tutorial
  • #ui
  • #web
  • #webdesign
  • #webdev
  • ProgrammingLanguage: XHTML