Les actualités du Mercredi 27 janvier 2021 dans les métiers du web - Marmits.com - Reims
https://www.webdesignerdepot.com/2021/01/should-you-become-a-web-designer-in-2021/
L'opérateur de trottinettes et vélos électriques, qui attend l'autorisation de la mairie, proposerait ainsi trois moyens de transport dans une même appli et viendrait contester le monopole de Cityscoot.
L'ex-patron de Lending Club revient sur les bons résultats de sa néobanque américaine et nous en dit plus sur sa nouvelle offre de compte courant gratuit.
Plus de 53% des habitants de la planète possèdent un compte sur un réseau social.
L’article Réseaux sociaux: plus de 4 milliards d’utilisateurs dans le monde, un chiffre en augmentation est apparu en premier sur FrenchWeb.fr.
Hello peeps! Here we have a new freebie for all of you web design freaks. It's nothing less than 99 website templates, including their original PSD files so you can modify them at will.
Total investit massivement dans l'IA au service de l'électricité verte. C'est aussi le cas d'Enedis ou de la start-up française MyLight Systems. Tour d'horizon.
La perspective d'un reconfinement ne doit pas faire oublier aux particuliers les dispositions sur le point d'entrer en vigueur, avec un impact potentiel non négligeable sur leur budget.
https://thenextweb.com/growth-quarters/2021/01/27/slido-chief-meeting-designer-startup-jargon/
https://www.itsnicethat.com/news/ben-greengrass-rebrand-slam-opinion-270121
https://superhighfives.com/pika
https://speckyboy.com/freelancers-stop-getting-burned-by-your-clients/
https://www.fastcompany.com/90597227/even-the-white-house-logo-got-a-makeover-see-what-changed
https://gapsystudio.medium.com/flat-design-vs-material-design-what-is-the-difference-between-them-5856e102bc66
Quandela commercialise des outils permettant l’émission de photons uniques.
L’article [DECODE Quantum] A la rencontre de Valérian Giesz et Niccolo Somaschi, fondateurs de Quandela est apparu en premier sur FrenchWeb.fr.
Baptisé TCV XI, ce véhicule d’investissement aura pour objectif de «saisir les vastes possibilités offertes par la transformation numérique et l'adoption rapide des technologies».
L’article Après avoir financé Netflix, Airbnb et Spotify, TCV clôture un nouveau fonds de 4 milliards de dollars est apparu en premier sur FrenchWeb.fr.
"Que se passera-t-il à l'ère post-cookies ?" était une des questions les plus fréquemment posées en 2020, sur l'industrie de la publicité. Avec l'annonce de l'initiative "Privacy Sandbox" par Google il y a presque un an, le marché tend vers une nouvelle dynamique et la recherche de nouvelles options de ciblage fiables ne cesse de progresser depuis ce jour.
A l'annonce du premier confinement, les entreprises (comme les particuliers) ont connu une forme de sidération. Pendant ce temps une grande partie de notre économie a littéralement été mise à l'arrêt. Les entreprises sont alors entrées dans une phase de questionnement pour évaluer les stratégies à adopter afin de survivre et se relever de la crise.
Les avis clients ne représentent plus seulement une aide précieuse dans l'aboutissement d'une expérience d'achat. Désormais, ces retours d'expérience authentiques guident également les prospects dès le début de leurs recherches en ligne. Ils créent un enjeu sans précédent chez les marques : le besoin de réaligner la valeur perçue en ligne par les consommateurs, avec la valeur concrète dont bénéficient leurs clients. Pour bâtir une réputation homogène.
Le marketing repose sur les données client. Mais les rassembler et les exploiter intelligemment se révèle complexe, d'où un intérêt croissant des entreprises pour des solutions de gestion de type CRM, DMP, MSP (fournisseur de services marketing) ou encore Data Lake. En réalité, aucune ne permet une gestion globale de la donnée, en dehors des CDP ou plates-formes de données client, qui offrent beaucoup plus d'avantages tangibles et de fonctionnalités que l'ensemble des solutions existantes.
C'est finalement le 20 janvier qu'ont débuté les soldes d'hiver 2021, marquant ainsi la fin d'une saison des fêtes particulièrement chargée pour les commerçants, mais également le début d'une nouvelle année, espérée par tous moins compliquée que la précédente.
La multiplication des outils digitaux transforme profondément la société. L'évolution des usages impacte tous les secteurs d'activité, et les banques ne font pas exception à la règle. Aujourd'hui, il faut savoir répondre avec finesse aux attentes des clients pour rester compétitif.
https://uxdesign.cc/say-goodbye-to-pixels-cb720fbaf250
Le secteur du BTP multiplie les projets intégrant des objets connectés pour développer de nouveaux modèles d'affaires autour de la géolocalisation d'actifs et de la sécurité des travailleurs.
Trois entretiens, un test de personnalité, un éventuel exercice et le tout en visio. Voici comment le célèbre site de petites annonces recrute, du stagiaire au DG.
Nous partons à la découverte de Timber pour WordPress: un plugin ou une dépendance Composer (au choix) qui permet de mettre en place une architecture MVC au sein de WordPress. [...]
Retrouvez l'intégralité de ce tutoriel en ligne sur Alsacreations.com
Partons à la découverte de Timber pour WordPress : un plugin ou une dépendance Composer (au choix) pour mettre en place une architecture MVC.
Timber réalisé par Upstatement sépare le template HTML du code logique PHP en utilisant Twig pour remplacer le templating PHP classique de WordPress.
Quel est l'intérêt ?
En séparant la logique et le template, nous nous retrouvons avec un code non seulement plus propre mais également plus maintenable et facile à comprendre.
En prenant l'exemple ci-dessous, nous constatons aisément qu'il est plus facile de lire et comprendre Twig que PHP lorsqu'il s'agit de templating.
<?php get_header(); ?>
<?php if( have_posts() ) : while( have_posts() ) : the_post(); ?>
<article>
<h1><?php the_title(); ?></h1>
<div>
<?php the_content(); ?>
</div>
</article>
<?php endwhile; endif; ?>
<?php get_footer(); ?>
Avec Twig :
{% extends "base.twig" %}
{% block content %}
<article>
<h1>{{ post.title }}</h1>
<div>
{{ post.content }}
</div>
</article>
{% endblock %}
De plus Timber met à disposition des filtres très pratiques.
Utilisation de shortcodes simplifiée :
<section">
{{ post.custom_shortcode_field|shortcodes }}
</section>
Limiter le contenu à 30 mots :
<p>
{{ post.post_content|excerpt(30) }}
</p>
Il facilite également l'utilisation des images et de leurs différentes tailles
<img src="{{ post.thumbnail.src }}" />
<img src="{{ post.thumbnail.src('medium') }}" />
Mettre en place Timber
L'installation de Timber est en réalité très simple et n'a pas besoin d'être effectuée sur un WordPress vierge. Il est donc possible de l'ajouter dans un projet déjà existant sans risquer de tout casser. Il cohabite parfaitement avec le templating PHP classique de Wordpress.
Il existe deux solutions pour l'installer : avec Composer ou via WordPress. Le résultat est le même mais il faut noter que la version WordPress n'est pas toujours la plus récente.
Avec Composer
Il suffit de rentrer la commande suivante, à la racine de votre projet WordPress ou bien à la racine de votre thème.
composer require timber/timber
Ensuite, si ce n'est pas déjà le cas, il faudra charger les dépendances Composer dans le projet. Il suffit d'inclure le code ci-dessous dans votre fichier functions.php.
<?php
// Dépendances composer.
require_once __DIR__ . '/vendor/autoload.php';
// Initialisation de Timber.
new Timber\Timber();
Et c'est terminé, Timber est maintenant installé dans le projet et prêt à être utilisé. âï¸
Avec le plugin officiel WordPress
Il suffit de se rendre sur la page du plugin Timber et de l'installer comme d'habitude dans l'admin de WordPress. Une fois téléchargé et activé, Timber est prêt à être utilisé. âï¸
Utilisation concrète
Comme dit précédemment, Timber met en place une architecture MVC (Modèle, Vue, Contrôleur).
Dans WordPress, le modèle est géré par la Template Hierachy et la WP Query. Nous n'avons donc qu'à nous occuper de la Vue et du Contrôleur.
La vue sera gérée par Timber et Twig, et le contrôleur par le code PHP.
Affichage d'un Post
De base, WordPress va chercher le fichier single-post.php, avec Timber, cela ne change pas !
Cependant single-post.php ne contiendra que le code PHP et pas le template HTML.
<?php
$context = Timber::context();
$context['post'] = Timber::get_post();
Timber::render('templates/single-post.twig', $context);
Danc cet exemple, le $context est un tableau PHP que Timber nous génère et qui contient un tas d'informations utiles dans la plupart des templates. Nous aurons par exemple accès au nom du site, la description du site etc...
Ensuite, nous ajoutons la clé post dans ce tableau qui contiendra les données du post en question. Timber nous propose sa propre méthode pour le récupérer.
Enfin, nous disons à Timber de rendre le template single-post.twig en lui passant les informations dont il a besoin.
Dans single-post.twig nous accédons au post avec la clé post, comme défini dans le fichier PHP. Il nous suffit ensuite d'accéder aux différentes propriétés comme le titre, la description, etc.
{% extends "base.twig" %}
{% block content %}
<h1>{{ post.title }}</h1>
{% endblock %}
Cet exemple reprend tout ce dont vous aurez besoin dans la plupart des cas.
Pas si compliqué que ça non ?
Utilisation de fonctions PHP
Dans un fichier Twig il nous est tout de même possible d'utiliser des fonctions PHP native et WordPress.
Par exemple get_header() et get_footer().
{{ function('get_header') }}
Découpage en block
Dans les exemples précédents, vous aurez peut-être remarqué les mots extends et block. En effet Timber et Twig ne permettent pas seulement de gérer le templating dans un seul et même fichier.
Partons du principe que nous avons un fichier base.twig regroupant des éléments HTML qui seront présent partout sur le site comme le header et le footer.
{{ function('get_header') }}
{% block content %}
{% endblock %}
{{ function('get_footer') }}
En reprenant l'exemple de tout à l'heure, nous spécifions à Timber que nous voulons "compléter" le fichier base.twig. Ensuite il suffit de définir le bloc dans lequel nous voulons injecter le contenu. Ici c'est le bloc content.
{% extends "base.twig" %}
{% block content %}
<h1>{{ post.title }}</h1>
{% endblock %}
Notre résultat sera donc:
{{ function('get_header') }}
<h1>{{ post.title }}</h1>
{{ function('get_footer') }}
La boucle for
La plus grosse simplification apportée par Timber est la boucle for.
En effet, plus besoin d'ouvrir et fermer des tags <?php et ?> partout, jusqu'à s'y perdre.
Nous nous retrouvons avec une boucle similaire avec ce que nous avons dans Vue.js par exemple.
{% for post in posts %}
<article>
<h1>{{ post.title }}</h1>
<div>
{{ post.content }}
</div>
</article>
{% enfor %}
Le starter theme
En installant Timber dans un projet vierge, il est vivement conseillé d'utiliser le starter theme officiel.
Il vous donnera directement l'architecture de dossiers correcte pour la maintenabilité du thème. Il vous facilitera grandement tout le travail à faire pour procéder au rendu d'un fichier Twig avec les informations correspondantes etc.
Une fois téléchargé, il suffit de le placer dans le dossier themes de WordPress. Nous nous retrouvons donc avec:
Pour le reste du développement il suffira donc juste de modifier les fichiers Twig selon nos besoins. Les fichiers PHP peuvent eux aussi être modifiés, pour rajouter les champs ACF par exemple.
Conclusion
Bravo ! Vous savez maintenant à quoi sert Twig, et surtout pourquoi c'est super pratique !
Timber propose une approche à WordPress plus propre et "future-proof" que la méthode traditionnelle. D'ailleurs, il fonctionne parfaitement dans un workflow
Wordplateet rend le développement WordPress beaucoup plus moderne et agréable.Enfin, si vous êtes un développeur
JavaScript, et surtoutVue, la syntaxe Twig sera comme une seconde nature pour vous.
Il est difficile de ne pas recommander Timber étant donné qu'il ne fait que rajouter des fonctionnalités sans nous forcer la main.
Et vous, avez-vous déjà pu tester Timber ?
Retrouvez l'intégralité de ce tutoriel en ligne sur Alsacreations.com
La crise sanitaire et économique accélère la transformation numérique des rédactions.
L’article Tendances médias 2021 : le virus accélère la digitalisation est apparu en premier sur FrenchWeb.fr.
https://www.webdesignerdepot.com/2021/01/celebrating-20-years-of-wikipedia/
A collection of fresh websites with brilliant designs to get you updated on the current trends.
The post Inspirational Websites Roundup #22 appeared first on Codrops.
Baptisé «Logic Founders», ce nouveau start-up studio sera dirigé par Camille Tyan, co-fondateur de PayPlug, une solution de paiement omnicanale pour les TPE et PME rachetée par Natixis (BPCE).
L’article eFounders lance un start-up studio pour s’attaquer à la FinTech est apparu en premier sur FrenchWeb.fr.
Après une plainte en France contre Nintendo, accusé de vendre des manettes de jeux qui s'usent trop vite, des associations de défense des consommateurs veulent donner au dossier une dimension européenne.
L’article Obsolescence programmée: Nintendo sujet à une alerte au niveau européen est apparu en premier sur FrenchWeb.fr.
Gee et la Hadopi, c’est une histoire d’amour vieille comme le Framablog (ou presque…). Mais comme la haute autorité n’a toujours pas atterri dans la poubelle de l’histoire à laquelle elle est pourtant destinée, et enfonce encore une fois le … Lire la suite
Le phishing est la principale cause des brèches de sécurité et a le meilleur taux de réussite de tous les vecteurs de menace. L'identité est la surface d'attaque privilégiée des cybercriminels, du fait d'une sécurisation parfois peu optimale dans certaines entreprises.
Le géant américain de l'informatique prévoyait des revenus compris entre 39,5 et 40,4 milliards pour la période d'octobre à novembre, mais il a réalisé 43,1 milliards de dollars, en hausse de 17% sur un an.
L’article Porté par le cloud et les jeux vidéo, Microsoft dépasse ses attentes et celles du marché est apparu en premier sur FrenchWeb.fr.
Avec la pandémie de Covid-19, toutes les entreprises, petites et grandes, ont compris que, pour répondre à des besoins stratégiques et impérieux, elles devaient accélérer leur mutation numérique. Le digital n'est désormais plus un choix mais un nouveau terrain qui redéfinit les règles et rôles.
Si les données étaient auparavant perçues comme des actifs dont il fallait tirer parti, elles sont désormais appréhendées comme des ressources essentielles. C'est la raison pour laquelle beaucoup y font référence comme le "nouvel or bleu" car à l'instar de l'eau.
Les clips de YouTube Shorts ont été vus 3,5 milliards de fois par jour en Inde, où l'outil est testé en version bêta.
L’article Après son succès en Inde, YouTube Shorts entend rivaliser avec TikTok est apparu en premier sur FrenchWeb.fr.
Le programme d'incubation X-Up de l'Ecole polytechnique recherche sa prochaine promotion.
L’article [Appel à candidatures] Rejoignez X-Up, l’incubateur de start-up deeptech de l’École polytechnique est apparu en premier sur FrenchWeb.fr.
Les réseaux d'énergie, d'eau, de télécommunication jouent un rôle crucial dans le fonctionnement de notre pays mais engloutissent entre 1/10e et ¼ de l'investissement total de notre économie. Parce qu'elles sont moteur de croissance, facteur d'équité territoriale et de paix sociale, ces infrastructures favorisent la stabilité de notre démocratie. Essentielles, elles doivent être protégées et leur maintenance optimisée, afin de garantir leur bon fonctionnement et réduire leur coût d'entretien.
Issu de l’univers KDE, Kbackup est un logiciel de sauvegarde libre que vous pouvez installer sur n’importe quelle distrib Linux (Ubuntu, Debian, Arch, Fedora, OpenSuses…etc) qui vous permet très facilement de conserver une copie exacte de votre répertoire /home/ sur autre disque dur ou clé USB. Ce n’est pas compliqué … Suite
Retrouvez l'émission GOOD MORNING FrenchWeb tous les matins dès 7h avec Joseph Postec et la rédaction pour décrypter l’actualité de la Tech.
L’article Comment la crise modifie les investissements des business angels français est apparu en premier sur FrenchWeb.fr.
Aujourd'hui, la stratégie de l'entreprise consiste à se focaliser sur son activité de covoiturage.
L’article [NEXT40] Comment Blablacar s’organise face à une baisse de 30% de son activité est apparu en premier sur FrenchWeb.fr.
SpaceX demande au régulateur américain la permission de déplacer ses satellites vers une orbite plus basse. Mais Amazon s’oppose à cette requête, qui amènerait les satellites d’Elon Musk dans l’orbite de son «Project Kuiper».
L’article Elon Musk (SpaceX) et Jeff Bezos (Amazon) se disputent l’espace pour leurs constellations de satellites est apparu en premier sur FrenchWeb.fr.
Que vous soyez plutôt cardio, gainage, abdos, etc. voici une sélection de matériel de sport à commander sans plus tarder pour garder la forme en s'entraînant à la maison.
https://searchengineland.com/googles-alternative-to-third-party-cookies-open-for-advertiser-testing-in-q2-2021-345599
The post Bootstrap CSS Form Style 50 appeared first on Best jQuery.
The post Bootstrap CSS Tab Style 89 appeared first on Best jQuery.