Reprise du message précédent :
Yo!
 
j'ai quelques lacunes en JS là...
 
je me fais une fonction pour placer des éléments sur ma page, j'ai ça :
 

function resizeItems(){
    var teamItems = $(".team-items" ).find("li" );
    var itemSylvano = teamItems.filter(".sylvano" );
    var itemTiti = teamItems.filter(".titi" );
    var itemPass = teamItems.filter(".pass" );
 
    if ( viewportW > viewportH ){
        // landscape
        teamItems.height(viewportW*1.25).width(viewportH);
        itemSylvano.css({
            "top":-viewportH,
            "left":-viewportW*.1
        });
        itemSylvano.find("img" ).css({
            "left":viewportW*.1
        });
    } else {
        // sensiblement pareil qu'au dessus
    }
}

 
après je lance ma fonction au dom ready en faisant un bête

 
Puis au resize du browser en faisant :

$(window).resize(function() {
    console.log("lol" );
     resizeItems();
});

 
la fonction s'exécute bien au dom ready, mais rien dans le resize.... pourtant j'ai bien le "lol" qui s'execute.. comprends pas  

Elle marche ta fonction ?
Parce qu'en lisant vite fait le code, la première condition (viewportW > viewportH), je ne sais pas où sont définies tes variables -_-.

Et c'est complètement inutile normalement de coder un truc pour repositionner ses éléments, si tu gères correctement les % ça devrait gérer, au pire envoie le lien du bouzin je t'aiguillerai

merci , j'ai essayé avec des % mais j'ai des css transform rotate et des trucs en rotate inversé dedans, et faut que ce soit responsive aussi, pour l'instant je code d'abord sur mobile, ça passe bien mais j'ai quelques galère sur widescreen...
 
j'arrive pas à trouver un modele qui puisse fonctionner de partout avec des % car sur mobile c'est principalement en portrait, et desktop c'est du widescreen... je code en local avec compass.
 
Un petit aperçu de ce que j'ai fait déjà:
 

 
sinon si c'est trop galère, je peux faire en SVG mais j'ai l'impression que tout est fixe en SVG, qu'il n'y a pas la possibilité de faire des trucs en pourcentage

Et avec des media queries, tu t'en sors pas ?

J'imagine que ce n'est pas jouable avec des media queries , genre  media="(orientation:portrait)"   et des pourcentages ?
edit : oups , ne n'avais pas vu qu'il y avait une page de plus

j'avais testé viteuf, j'étais parti sur des div en width et height en pourcentage mais je pense qu'il faut régler des tailles fixes et changer via media queries. Je vais re-tester ds cette voie là. Merci  

Je ne sais pas si vous partagez mon constat sur les CMS.
 
C'est parfois en apparence très pratique d'utiliser un CMS (site / boutique / forum / etc) et c'est vrai qu'à l'installation on est souvent gagnant en terme de temps.
 
Mais à chaque fois qu'on veut personnaliser / mettre à jour / modifier un truc, putain mais quelle galère. Tu passes 3H à chercher le fichier parmi les 12 000 qui contient la ligne qui t'intéresse, tu fais une mise à jour du CMS, y a plus rien qui marche ou tout qui bug, etc.  
 
J'ai l'impression qu'à chaque fois le temps que tu as gagné à la conception, tu le perds pendant les maintenances / modifications / mises à jour.
 
De plus l'argument souvent sorti c'est celui de la sécurité, mais est-ce qu'au final le risque est pas plus grand ? Car si une faille est découverte, que tu mets pas à jour, n'importe quel pirate peut l'exploiter. Et n'importe quel pirate peut mettre en place un bot qui va aller checker tous les sites de tels CMS en essayant toutes les astuces possibles.
 
Sans parler du fait que tu as souvent 90% des features du CMS que tu utiliseras jamais... car dans la majorité des projets t'as juste besoin des fonctions de base.
 
Du coup je me demande vraiment si finalement le CMS en général c'est pas la fausse bonne idée.  
Là je vois pour un client avec prestashop, à chaque fois c'est que des galères...

ça dépend
 
Je travaille avec Django-CMS / Django-SHOP (Python) en ce moment.
 
L'aspect CMS est une plus value certaine pour les clients : le concept de placeholder / plugins, le multilingue, l'admin, ..
Si ça me saoule trop, je développe des pages pures Django en //.
 
Django-SHOP, je suis déjà plus mitigé : c'est mieux que satchmo mais le prochain ecommerce que je fais, je le développe from scratch.
 
On perd trop de temps à faire rentrer au chausse pied notre workflow.
 
Et globalement, il y a beaucoup trop de magie (ou utilisation de features avancées de Django) dans ces frameworks : ça pose parfois des pbs avec South ou les modifications de l'admin Django.

Y'a bcp d'agences qui ont leur propres CMS maison. Je pense que c'est la meilleure solution. Mais faut du temps et des devs.
 
Moi je suis pas un développeur (ou juste front), je fais le même constat sur le design par rapport au mobile. Avant on se faisait pas chier, y'avait une taille, 980px et basta. Maintenant, y'a 4 ou 5 breakpoints, les animations et transitions CSS3, ça devient lourd.
 
je sais pas combien vous facturez le responsive/mobile first, mais meme avec Boostrap 3 (en passant, il est sorti hier en final), c'est assez long...
 
Là je suis sur un design que j'ai créé en mobile first, c'est le premier que je fais dans cette approche. C'est étrange de tout designer et coder pour du mobile... Je suis loin des temps de dev d'il y a 2 ans...

J'ai une petite question au niveau des dates et d'un système de récurrence :
 
J'utilise WordPress avec les Custom Post Type pour générer des événements. Chaque événement peut se produire sur une ou plusieurs date. Je suis en train de dev. la fonction de récurrence (google-agenda-like) qui va me permettre de générer l'ensemble des dates pour l'événement en question.
 
Je dois également faire un listing des événements et "splitter" le listing suivant les dates.  
 
Exemple :  

 
Je pensais stocker chaque date dans une table à part (id_post | date), donc cela ferait 1 entrée par date pour un événement donné. En faisant un join de ma table "événement" sur la table "date", ça me permet d'avoir autant d'entrées que de couple (événement / date) et donc j'arrive à avoir le bon listing et une bonne pagination avec une simple requête SQL (Avec le JOIN + tri par date + LIMIT). Ensuite je traite en PHP pour savoir quand je change de date et je fais en sorte d'afficher ça correctement.
 
Tout fonctionne sauf qu'avec le système de récurrence, il y a des cas qui vont permettre de générer plusieurs milliers de dates (ex : Toutes les semaines, du Lundi au Vendredi, pendant 30 ans) : je vais devoir insérer ces milliers de dates correspondant à un événement dans ma table "dates".
 
 
C'est là que j'ai un doute sur le système employé ... Auriez-vous une autre solution (Procédure stockées, etc) pour éviter d'avoir des milliers d'entrées par événement dans la table "date" ?  
 
PS : J'espère que je suis assez clair

qqun a essayé https://webflow.com/ ?

 
Je suis tombé sur un schéma de BDD pour stocker les récurrences : http://stackoverflow.com/questions [...] od/5186095  
 
ça me semble vraiment adapté à mon problème, donc je pense partir là dessus.
 
 
Mais maintenant j'ai un soucis pour effectuer l'affichage, je ne vois pas du tout comment je peux arriver à obtenir une pagination en tri par date les événements (et en dupliquant les événements sur chaque date où ils se produisent), en sachant que la requête SQL proposé dans leur énoncé fonctionne pour une date précise ...

ce genre de calcul pose des problèmes pour les changements d'heures, par exemple

Perso, je pars sur du précalculs et de la palce pour stocker les milliers d'occurences ( en meme temps une colonne id + une colonne datetime, c'est gratuit). Ca me permet en plus de rattacher des données à l'enseble des occurences ou à une seule en particulier (genre annuler la réunion de lundi prochain)

J'ai fait pareil, un CMS maison pour mes sites (un framework PHP perso avec jasny bootstrap +2-3 trucs en framework CSS), cependant pour les eshop, j'ai clairement pas eu le courage de tout réinventer (panier / paiements / etc...) donc prestashop est pas trop mal et magento pas mal.
Il faut juste investir du temps pour apprendre à connaitre ces 2 CMS, mais une fois qu'on les connais, tout va très vite.

Sinon BT3, il apporte quoi de vraiment nouveau par rapport au 2 ? Ils ont corrigé tout le merdier de bugs avec les modals, surtout en responsive ?

+1 sur cette solution
Surtout la flexibilité de pouvoir annuler un évenement ou de rattacher des infos particulières à un.
Et aussi d'éviter un bug de calcul lors de l'affichage, vaut mieux tout précharger en DB avec un index bien calé (le Go ne coute pas cher), et avoir un affichage fiable qu'un truc à la volée.

 
Joli    
 
 
Sinon j'aurais quelques questions existentielles au sujet d'Angular. Si parmis vous on avancé sur la découverte de cette lib bien sympa :
 
1. Si je déclare par exemple une action du style ng-click sur un parent qui doit intéragir sur un de ses éléments fils, doit-on déclarer le fils en tant que ng-model, on vous privilégié une bonne vieille méthode DOM
 
2. Au niveau de l'héritage si j'ai  
 

 
vs  
 

 
Il y a une différence ?
 
Bon sinon j'aime bien Angular, c'est pas mal puissant  

 
Merci pour votre retour. Il est vrai que le Go ne coûte pas cher

Il est pas mal le dernier bootstrap ils ont corrigé mal de trucs qui semblaient un peu cons et ils ont facilité encore plus l'utilisation de leurs outils. Bonne évolution.

Par contre ils ont changé le nom des classes les plus importantes.

Un peu chiant pour re-vérifier le code.

Oui c'est un peu le hic, perso mes projets BS2 je les laisse en BS2 et les nouveaux je les passe en BS3
 
Vouloir faire l'évolution s'annonce galère Et pas sur que faire juste des search & replace fonctionnent comme il faut.

Tu connais Jasny Bootstrap ?
Il apporte des choses en plus vraiment sympa tout de même
(genre l'upload d'image avec aperçu avant envoi, auto complete...)

Je te déteste Skylight...
 
La plupart des éléments de Jasny je me suis fait chier à les coder moi-même ces dernières semaines....
 
EPIC FAIL

Pour ceux que ça interesse, la possibilité de faire du partage d'écran via webrtc est arrivé dans chrome "normal", mais est caché derrière un flag ( enable screen sharing)

y'a moyen de voir précisément les ::before et ::after sur la page ? un peux comme quand on survole un élément dans l'inspecteur de Chrome..

Pour les CSS ? Normalement les règles CSS sur les ::before ::after sont affichées mais il faut scroller un peu (sous les règles de l'élément principal mais avant les règles héritées ) pour y accéder.

oui ça je sais, mais on ne peux pas "visualiser" graphiquement leurs emplacements sur la page ? par exemple, j'ai un bouton #menu-btn, avec un ::before, j'aimerai voir comment est positionné le ::before par rapport à #menu-btn, juste une aide visuelle quoi ^^

background:red; sur le :before et rulez

c'est ce que je fais parfois, je me demandais si il y avait pas une méthode + élégante  
 
 
 
Sinon, vous utilisez SCSS / Compass ? c'est censé être + lisible ? je trouve ça + crade à la relecture

J'ai un site à faire en parallax. L'idée est d'avoir des écrans qui "tournent" suivant un grand cercle. Le "centre" de ce cercle (axe de rotation) serait loin sur la droite car j'ai à faire tourner des "écrans" (disons une div de la taille d'un écran).
 
En scrollant, cela ferait donc tourner ces écrans suivant un axe de rotation. Comme si l'on avait une roue de la fortune et qu'on zoomait sur une partie et en scrollant cela ferait tourner la roue. C'est plus clair ?
 
Comment feriez-vous cela ? (les grandes lignes hein ), j'ai pas trop d'idées sur comment partir pour gérer cette "grande" rotation...

quelle compatibilité tu veux avoir ?
css transform rotate + https://developer.mozilla.org/fr/do [...] orm-origin

 
Je lance une idée comme ça hein:
Mettre le contenu de la page dans une div qui dépasse de beaucoup vers la droite, et faire "rotationner" cette div en css.

 
Pas besoin d'avoir un grand div, le centre de la rotation peut-être poussé loin sur le coté avec transform-origin.

 
Tout à fait.
Un POC tout moche (cliquer sur les carrés): http://jsfiddle.net/AJvqA/

Sauf que ça ne fonctionne pas dans Safari.
Les CSS Rotates sont un truc chiant, et le comportement dépend du navigateur...

 
Héhé, j'étais entrain d'en faire un aussi : http://codepen.io/khahem/pen/FrAqa

 
Disons une compatibilité avec les navigateurs récent
 

 
Je note l'idée
 

 
Merci, je check ça
 

 
Hmm, il va falloir que ça fonctionne sur Safari par contre, c'est relou toutes ces normes différentes    
 

 
Merci aussi, je regarde

Merci 0x90, ça me semble vraiment pas mal ton truc !

Les gars, je dois intégrer notre service dans un autre site.
 
Ce site utilise bootstrap, ce qui malheureusement me détruit 80% de la mise en page de mon service. Surtout au niveau des formulaires.  
 
<html/head>
 <leurStyles />
<body>
 <leurHeader />
 <notreContenu/>
 <leurFooter />
</body>
 
Il existe une CSS pour faire un reset des régles bootstrap ?  
iFrame ---> Non merci dans ce cas
 
Merci

Tu peux pas faire en sorte que tes règles CSS prédominent les leurs ? En mettant un #id devant chacune de tes règles ?
 

 
Si mais bootstrap te redéfini les borders, les paddings, les before, backgroud, font-size, after etc.... Le genre de chose que tu ne fais pas dans une CSS normal

Si pas d'iframe alors c'est à eux de styler tes widgets (bouts de HTML ou JS qui le construit).