Formation pratique CSS - Quelques Liens

Etienne Lemay (@EtienneLem) d'Heliom a fait la présentation, hier soir, lors de l'atelier "Cascading Style Sheets Night Fever", d'un nombre de techniques et d'outils. Nous en avons noté quelques-uns, les voici!

 

- Utilisation de snippets (par exemple, la base de la page HTML)
http://manual.macromates.com/en/snippets

- Stylus (le "CoffeeScript du CSS" -- désolé pour la métaphore douteuse) ;-)
http://learnboost.github.com/stylus/

- Extension (mixins) nib à Stylus
http://visionmedia.github.com/nib/

- Package stylus-utils d'Heliom
https://github.com/heliom/stylus-utils

- Propriété CSS box-sizing
http://css-tricks.com/box-sizing/
et démo: http://css-tricks.com/examples/BoxSizing/

- Package "Zen Coding"
http://code.google.com/p/zen-coding/

- Package "mCSS" ("lstn" pour "list-style-type: none" !)
http://minimaldesign.net/downloads/tools/textmate-css-bundle

- Commande "Trim" de Photoshop
http://www.creativetechs.com/iq/dont_crop_use_photoshops_trim_feature.html
(voir GIF animé dans la page qui démontre la commande:

Media_httpwwwcreative_npjev
 )

- Démonstration des "list-style-type" disponibles -- vous voulez
probablement le "none" :-)
http://www.w3schools.com/cssref/playit.asp?filename=playcss_ol_list-style-type

- LiveReload pour sauvegarder et voir instantanément le résultat
http://livereload.com/

- xScope pour mesurer, aligner, etc.
http://xscopeapp.com/

- Référence pour la compatibilité de propriétés CSS
http://caniuse.com/

- Autres points:
-- Utilisation de font-size relatifs (built-in aux mixins du package
stylus-utils d'Heliom)
-- .clearfix (devrait être bientôt intégré à stylus-utils?) :-)
-- Utilisations de tags html5: nav, header, footer, aside, etc. voir
http://stackoverflow.com/questions/4781077/html5-best-practices-section-header-aside-article-tags

Le CoworkingVisa – Kossé ça ?

Aimez-vous joindre l’utile à l’agréable ? Par exemple, voyager et travailler en même temps pour payer votre escapade. Ça peut sembler farfelu, mais c’est une réalité de plus en plus populaire auprès des travailleurs autonomes.

Le CoworkingVisa permet aux membres d’un coworking de visiter un autre espace de cotravail gratuitement pendant une période 3 jours lors d’un voyage. Il y a plus de 100 coworkings participants aux États-Unis et une centaine d’autres partout à travers le monde.

Et la liste continue de s’allonger. L’Abri.Co fait maintenant partie des coworkings participants.

Voici des photos de quelques endroits à travers le monde que vous pourriez visiter gratuitement avec votre abonnement à l’Abri.Co.

2012-03-20_le_coworking_visa

Club Office, Berlin (Allemagne)

2012-03-20_le_coworking_visa-fr

Le Vaisseau, La Rochelle (France) 

2012-03-20_le_coworking_visa-jp

Moboff, Harajuku (Japon)

Voyez la liste complète des coworkings inscrits au CoworkingVisa.

Trouvez d’autres espaces de travail partout dans le monde.

Bon voyage !

Patrick Goulet | @brasseurdidees | brasseurdidees.com 

 

Quartier Saint-Roch: Rock & Work

229271_203235339713117_203235086379809_469499_5328921_n

Le quartier Nouvo Saint-Roch. NouvO, avec un "O". Difficile de rester indifférent quand on est confronté à ce qualificatif. Un "O"? Wtf? 

Pourtant, après réflexions, ce nominal est tout à fait approprié pour représenter ce quartier. 

D'abord, il est remarquable ce "O". On se sent obligé d'y porter attention. Il attire le regard et suscite l'étonnement à chaque lecture, à chaque visite. À l'image du quartier non?

Le terme "Nouveau". Cette volonté de nouveauté démontre un caractère jeune, branché, innovateur. On ose sortir des sentiers battus, on vise à se démarquer, on cherche à se forger une identité. 

Ça bouge dans Saint-Roch. Réunions, dîners de groupe, 5@7 réseautage, les activités d'affaires ne manquent pas. Un secteur dynamique, parsemé de commerçants, d'organismes communautaires et d'industries technologiques. 

C'est assurément un quartier où il fait bon magasiner, mais aussi où la vie culturelle et sociale tiennent une importante place. Théâtre, musique, arts visuels, bibliothèque... ça transpire la culture.

Parce qu'il est en constante effervescence, parce qu'il bourgeonne d'opportunités, parce qu'il est au coeur d'une ville dynamique; le quartier Saint-Roch est l'endroit idéal pour établir un espace de travail collaboratif. 

Capture_decran_2012-02-18_a_11

Venez le vivre par vous-même! www.abri.co 

Frank | @frank_giroux | francoisgiroux.com

À consulter pour se divertir et s'informer :

 

Le monde du coworking en chiffres

308735_237434879626496_203235086379809_586707_6058660_n
Saviez-vous qu’il y a plus de 700 coworkings seulement aux États-Unis et que ce nombre ne cesse d’augmenter ? Pour comprendre la faune qui fréquente les coworkings, j’ai mis la main sur un sondage réalisé par le magazine Deskmag.

Une clientèle ciblée

On y apprend que les coworkers sont âgées de 25 à 40 ans avec un âge moyen de 34 ans. 2/3 sont des hommes. 54 % sont des pigistes et 20 % sont des entrepreneurs. 4 coworkers sur 5 ont un diplôme universitaire.

Toujours selon le sondage, le fait de fréquenter un coworking aurait un effet positif sur leur travail. 43 % des répondants y ont rencontré 3 ressources pratiques au cours des deux derniers mois.

 Des emplois liés au web

  • 1 répondant sur 9 est un designer graphique ou un développeur web
  • L’industrie des relations publiques et du marketing est la 4e plus représentée dans les coworkings 

Des projets courts

  • 1 projet sur 4 dure moins d’une semaine
  • 2/3 de tous les projets sont réalisés en moins d’un mois

Des voyageurs urbains

  • 50 % des coworkers vivent dans un rayon de 5 kilomètres du lieu où ils travaillent;
  • 50 % visitent entre 3 et 4 villes par année

Le magazine Deskmag a réalisé ce sondage en 2011 auprès de 661 participants dans 24 pays. En attendant un sondage sur le coworking au Québec, venez vérifier par vous-même en profitant d’une journée gratuite à l’Abri.co.

Patrick Goulet | @brasseurdidees | brasseurdidees.com 

 

 

5 outils en ligne à connaître

Le très utile site Internet Entrepreneuriat Québecois en Bref (enqeb.com) listait récemment une panoplie d'outils de collaboration (91!) tous plus utiles les uns que les autres.

À l'Abri.co, nous ne partageons pas seulement nos espaces de travail, nous partageons également notre savoir pour améliorer la productivité de nos membres. Voici donc quelques outils en ligne dignes de mention. 

DOODLE

Capture_decran_2012-03-18_a_15

Envie de planifier une rencontre avec vos clients, votre designer, votre programmeur, ou toutes autres ressources humaines nécessaires à la réalisation de votre projet ? Doodlez-vous! Une fois vos disponibilités respectives inscrites, vous connaîtrez le meilleur moment pour vous rencontrer.

MINDJET

Capture_decran_2012-03-18_a_15

Outil très intéressant pour imager vos plans de réalisation, pour créer une arborescence de contenu et pour "mindmapper" vos projets. Mindjet permet de capturez vos idées et objectifs, de partagez vos fichiers et d'affectez les tâches dans une seule et même plateforme.

WETRANSFER

Capture_decran_2012-03-18_a_15

WeTransfer est une plateforme qui permet d'envoyer jusqu'à 2Go de fichiers gratuitement, facilement et rapidement. Vous entrez votre adresse de messagerie, l'adresse de destination, un court message et c'est parti. 

MAILCHIMP

Capture_decran_2012-03-18_a_16

MailChimp est une excellente plateforme d'envoi massif de courriels. L'application vous permet de bâtir une liste d'envoi, de personnaliser votre courriel/infolettre/bulletin d'information, d'envoyer votre campagne et de mesurer les résultats. 

PREZI

Le logiciel PowerPoint version (très) amélioré. Prezi permet de pousser vos présentations à un autre niveau. Simple d'utilisation, il saura garder votre auditoire captif et attentif à vos informations. Un effet WOW! assuré. 

Et vous, quels sont vos outils en ligne préférés ?

Frank | @frank_giroux | francoisgiroux.com

 

19 trucs pour améliorer sa santé devant l'écran

Capture_decran_2012-03-14_a_16
C'est bien connu, à chaque métier ses problèmes de santé associés: 

  • Les boulangers se lèvent très tôt;
  • Les ingénieurs doivent porter une bague;
  • Les plombiers montrent assurément leur craque et se cognent la tête;
  • Les ébénistes ont les mains pleines d'échardes;
  • Les techniciens de laboratoires portent de grosses lunettes peu stylées;
  • Les serveurs sont aux prises avec des clients gratteux;
  • Et autres... Vos suggestions au bas de cet article sont bienvenues.

C'est bien beau tout ça, mais on parle rarement des gens assis devant leurs écrans. Qu'en est-il des problèmes de santé des professionnels du Web, des infographes, des bureacrates ou autres nécessitant l'ordinateur comme outil de travail ?

Les problèmes associés aux métiers dits bureautiques ou informatiques sont nombreux, et représentent des dangers auxquels il faut remédier. Voici les principales raisons de ces maux liés à votre poste de travail :

  • 43 % des postes provoquent des contraintes posturales;
  • 37 % ont un écran trop haut ou trop bas;
  • 24 % ont un siège inadapté;
  • 22 % ont un plan de travail inapproprié; 
  • 21 % des écrans présentent des reflets gênants; 
  • 9 % ont un écran trop proche des yeux.

À l'Abri.co, on s'en fait pour votre santé, dans la mesure du possible. Voici donc quelques sources de problèmes, et leurs solutions pour travailler sainement tout au long de votre journée chez nous.

Grands principes de la santé à l'ordinateur

  1. Évitez la répétition de mouvements, vous n'êtes pas un robot, encore.
  2. Il faut quitter l'écran des yeux, des pauses entre 20 secondes et 2 minutes sont recommandées, surtout lorsque vous ressemblez à ça.
  3. Changer de posture régulièrement, désengourdissez-vous un peu...

Ces outils qui nous grugent la vie

Écran

  1. Les yeux doivent être situés à une distance de 19 à 30 pouces (50 à 75 cm) de l'écran.
  2. L'écran peut être penché vers l'avant (-5°) ou vers l'arrière (+20°).
  3. Évitez les reflets de lampe ou de lumière du jour dans votre écran.
  4. Le centre de l'écran doit être à angle droit avec votre regard, et idéalement vous faire face, sinon ça ressemble à ça.
  5. Préférez des fonds d'écran clairs et des écritures foncées.
  6. Si vous faites de la saisie de données, placez votre document entre l’écran et le clavier.

Clavier

  1. Doit être positionné sous les mains (et oui!).
  2. Assurez-vous de positionner votre avant-bras, votre poignet et vos mains en ligne droite.
  3. Le clavier et la souris doivent côtes-à-côtes sur le même plan de travail.
  4. Priorisez les petits claviers, et méfiez-vous des claviers dits "ergonomiques".

Souris

  1. La souris ne doit pas être trop loin du clavier, gardez-la toujours à portée de main, mais pas trop.
  2. Préférez les raccourcis du clavier (cmd-shift-4 = capture d'écran)

Chaise

  1. Le corps doit être assis à angle droit (tronc et bassin). Certains modèles sont déconseillés, tels celui-ci et celui-là.
  2. Le dossier peut être incliné vers l'arrière de 10° à 20° au maximum.
  3. Vos pieds doivent toucher par terre.
  4. Les genoux doivent être plus hauts que le bas du bassin pour répartir le poids.

Peu importe votre métier ou l'endroit d'où vous travaillez, si l'ordinateur est votre prinicpal outil, il est important de considérer ces recommandations pour améliorer votre posture et votre santé.

Bonne séance !

Frank | @frank_giroux | francoisgiroux.com

Lectures relatives : 

  1. http://www.cvm.qc.ca/mlaflam/info/Sante/IndexS.html
  2. http://www.caducee.net/DossierSpecialises/grandsite/trouble-ordi.asp#
  3. http://www.cmb-sante.fr/_upload/ressources/06_espace_pratique/03_prevention_p...

 

 

 

11 services aux entrepreneurs et travailleurs autonomes

297184_237423912960926_203235086379809_586669_4774177_n

Vous souhaitez vous lancer à votre compte ? La création d’entreprise vous intéresse ? De nombreuses ressources sont disponibles pour vous aider dans vos démarches. Voici 11 services qui contribuent au succès des entrepreneurs et travailleurs autonomes.

Ressources :

Concours :

Peu importe votre secteur d'activité, l'important c'est de se lancer. Pour mettre la switch à on, espérons que ces 11 services aux entrepreneurs vous seront utiles. Et vous, en connaissez-vous d'autres qui pourraient s'ajouter à cette liste ?

Patrick Goulet | @brasseurdidees | brasseurdidees.com 

 

 

 

Le coworking: un réseautage productif

300638_239841259385858_8052534_n

En devenant membre de l'Abri.co on ne sait pas trop dans quoi on s'embarque.

En fait, oui et non.

On sait qu'on va travailler selon notre horaire, avec des outils fiables (Internet, mobilier, café) et dans un environnement propice à la productivité. Ce qu'on ne sait pas, et que l'on découvre avec joie, c'est que l'on joint une communauté de travailleurs qui sont ouverts à partager leurs expériences.

Dieu Wikipedia nous informe que "lcoworking est un type d'organisation du travail qui regroupe deux notions : un espace de travail partagé, mais aussi un réseau de travailleurs encourageant l'échange et l'ouverture."

Encourageant l'échange et l'ouverture...

Il n'est pas rare de voir un membre rouler d'une station à l'autre pour émettre son opinion, un conseil ou des recommandations sur le projet d'un autre coworker, à sa demande bien sûr. Certains se rencontrent dans la salle de conférence, d'autres préfèrent partager un dîner, tous bénéficient de l'ouverture de chacun.

Des travailleurs aux multiples talents, aux compétences complémentaires et aux intérêts divers, tous réunis à un moment ou l'autre dans la même pièce. On serait fou de ne pas en profiter.

En devenant membre de l'Abri.co, on y gagne l'adhésion à une communauté de passionnés, prêts à réseauter, à partager leurs compétences et même un dîner.

L'échange de connaissances et l'ouverture aux autres; un autre incitatif à joindre l'Abri.co.

Frank | @frank_giroux | francoisgiroux.com

À lire également :

 

 

13 trucs pour garder l’équilibre quand on travaille à son compte

307499_243547605681890_203235086379809_604597_7240462_n

Horaire variable, projet "rush", nombreux déplacements; pour certains routiniers, travailler à son compte peut devenir très déstabilisant. Afin d'aider les travailleurs autonomes à garder le cap, voici 13 trucs pour maintenir une vie professionnelle saine et équilibrée.

  1. Faites du sport. Toutes les études le prouvent, la pratique régulière d’activité physique réduit le stress.
  2. Si vous travaillez de chez vous, réservez une pièce exclusivement pour le travail. N’installez pas votre bureau dans le salon, ni dans la chambre à coucher.
  3. Ne mangez pas devant votre ordi. Ça vous permet de décrocher un peu et ça évite de retrouver des graines dans le clavier.
  4. Faites les tâches importantes quand vous êtes le plus productif. Moi je suis productif le matin, alors je réserve l’administration et la facturation, qui demandent moins de concentration, pour la fin de la journée ou le soir.
  5. Si vous travaillez de la maison, planifiez un 5 à 7 en milieu de semaine pour voir du monde.
  6. Allez prendre une marche sur l’heure du dîner. Le soleil est à son meilleur et ça vous permet de décrocher. Les idées viennent souvent en marchant.
  7. Planifiez vos vacances à l’avance. Achetez déjà vos billets d’avion, vous serez obligé de partir.
  8. Pendant vos vacances, débranchez tout. Pas de téléphone, de médias sociaux et de courriels. Ne faites pas non plus de lectures d’affaires.
  9. Fractionnez vos projets en plusieurs petites tâches avec une échéance pour chaque tâche. Vous aurez l’impression d’avancer.
  10. Lorsque vous terminez un gros projet, récompensez-vous ! Le fameux principe de la carotte.
  11. N’amenez pas votre téléphone au lit. Vous serez incapable de ne pas vérifier vos courriels.
  12. Travaillez intensément par période de 45 à 60 minutes sans regarder vos courriels ou répondre au téléphone. Vous serez plus productif.
  13. Finalement, allez travailler dans un coworking ! À Québec, c’est l’Abri.Co.

Vous connaissez d’autres trucs pour garder l’équilibre ? Ajoutez-les à ce texte afin que tous ceux qui travaillent (tard) à leur compte puissent en profiter.

Patrick Goulet | @brasseurdidees | brasseurdidees.com 

 

Salle de conférence à louer

301219_243547502348567_203235086379809_604595_3763609_n

Une réunion s'impose entre les membres de votre équipe de travail? Votre client souhaite vous rencontrer rapidement pour entendre vos propositions? Un mandat rush et vous devez plancher sur votre projet jours et nuits?

Si travailler d'un café avec votre équipe est contre-productif. Si faire le ménage de votre logement pour recevoir votre patron n'est pas une option. Si trouver un espace de travail ouvert 24h/24 représente un défi de taille.

Ici à l'Abri.co, nous avons la solution. 

Poductivité

Une pièce dédiée au travail d'équipe, aux rencontres formelles et à la productivité. Bénéficiez d'un endroit stratégique du centre-ville pour vos rencontres d'affaires ou travaux d'équipe. Notre salle de conférence vous offre tous les services requis pour une réunion réussie.

Internet sans-fil haute vitesse, imprimante, commodités, la salle de conférence de l'Abri.co offre tout ce qu'il faut, sans les distractions. L'espresso, le thé et l'eau de source sont également disponibles pour vos invités.

Accessibilité

Notre salle de conférence est disponible 24h/24, il suffit de la réserver en ligne. Vous n'avez qu'à déterminer la date et l'heure souhaitée, et nous vous fournirons automatiquement un code-clé. Ce code sera effectif 15 minutes avant le début de votre réservation et vous pouvez le partager à vos invités. 

Technicalités

Jusqu'à 8 personns peuvent s'installer dans notre salle de conférence. Pour vos présentations, elle est dotée d'un téléviseur HD 1080p de 40 pouces. Câbles DVI et VGA fournis, pour relier votre ordinateur (ou votre console Xbox) à l'écran. Une webcam USB et un système de son stéréo décuple vos sens. 

N'attendez plus, réservez votre plage horaire dès aujourd'hui !  

Frank | @frank_giroux | francoisgiroux.com