Articles

5 Best Free Courses and Resources to Level Up As a Web Designer

,

I often see freelancers on social media asking what the secret is to working fewer hours, making more money, and helping new clients to find them. While those things tend to happen the longer you’ve been freelancing, it doesn’t happen without some effort.

If you’re wondering how you can change things so that your business becomes more profitable and easier to manage, education is the key.

But it’s not just mastering new design techniques that will take you to the next level. It’s important to invest your time in a well-rounded education so that you can grow not just as a web designer, but also as a freelancer and business owner.

The good news is that you don’t have to spend a ton of cash on courses or resources. In the following round-up, I’m going to share some of the best free courses to help you level up.

5 Best Free Courses and Resources for Web Designers

Rather than sign up for Udemy, Skillshare and other premium course membership sites, I recommend taking a bootstrapping approach to self-education. I mean, the whole point in learning new skills and strengthening existing ones is so you can run a better business and make more money, right?

Once you have extra funds to throw at premium courses, definitely explore those options. For now, let’s focus on the free courses and resources that’ll help get you to that next level:

1. edX

edX was created by Harvard and MIT in order to provide university-level training and education to anyone, anywhere. While you can’t get certified without paying a few hundred dollars, you can go through entire courses for free.

Courses are offered over a wide range of categories. As a freelance web designer, you’d do well to focus on the following areas:

Design
Learn more than just how to design beautiful interfaces. Learn about the technical side of it, too — things like AI, IoT, and cybersecurity.

Computer Science
Learn web development and coding.

Business & Management
Learn essential business skills like:

  • Project management
  • Finance management
  • Leadership
  • Marketing and analysis

Communication
Learn things like branding, negotiation, reputation management, and critical thinking.

2. Envato Tuts+

Envato Tuts+ might be best known for its succinct step-by-step design and development tutorials. However, it has a new section of free video courses to take advantage of.

Although you won’t learn any soft skills here, this is a great resource if you want to master the tools of your trade.

Free courses give you a deeper look at tools like:

  • HTML, CSS, and JavaScript
  • Adobe’s suite of software
  • Sketch
  • WordPress
  • Video conferencing tools

3. YouTube

YouTube is more than just a place to watch entertaining videos. There are some amazing YouTube channels for web designers at all skill levels.

When choosing a design channel and course to follow, look for ones that are well organized. If they’re just posting videos at random without any rhyme or reason, it’ll be difficult to focus on and master one skill set before moving onto the next.

Here are the channels I recommend you follow:

Flux

Learn skills related to:

  • Web design
  • Getting started as a freelancer
  • Strengthening your processes
  • Building your portfolio
  • Design theory and strategy

CharliMarieTV

Learn skills related to:

  • Web design
  • Building sites with Figma or Webflow
  • Career paths for designers
  • Productivity hacks

NNgroup

Learn skills related to UX:

  • Web design
  • User psychology
  • Usability testing
  • Design thinking
  • Research and data analysis
  • Journey mapping
  • Get access to UX Conference seminars, too

4. Moz Whiteboard Fridays

Even if you don’t offer SEO as a standalone service, it’s important for web designers to understand the role they play in SEO and to stay abreast of the latest and greatest strategies.

If you haven’t tuned in for one of Moz’s Whiteboard Fridays yet, I’d recommend you start now.

Some of the topics might not be relevant to you (like creating a content strategy). However, there are others you’ll get some great tips from, like the one above that talks about creating great visuals, preparing web pages with tags and schema markup, and optimizing for featured snippets.

5. Nir Eyal – Indistractible

Nir Eyal has made a name for himself over the years as an author and presenter on the subject of human psychology and behavior. His first book (Hooked) examined consumer behavior and how to design around it. His second (Indistractible) turned the focus on us — the doers and creators who build experiences and products for consumers.

The first of his free resources to explore is this 30-minute presentation on why we’re so easily distracted and how to keep those distractions (and ourselves) from getting in the way.

The second free resource to snag up is the 80-page workbook available on the homepage. Here’s a preview of what it looks like:

You’ll learn about common distractions, identify those that are specific to you, and then work through exercises to defeat them.

If this is something you’re struggling with, these resources will empower you to make a much-needed change.

BONUS: WebDesigner Depot

Although WebDesigner Depot doesn’t offer video courses, I consider each of the articles contained within this site to be mini-courses of their own. And you’ll learn everything you’ve ever wanted to know about becoming a web designer and growing your freelance business.

 

Featured image via Unsplash.

Source


Source de l’article sur Webdesignerdepot

/par

Comment promouvoir l’innovation, avec Max Wessel

, , ,

La crise économique actuelle pousse les entreprises vers des logiciels et des services basés sur le cloud computing qui sont peu gourmands en ressources, rentables et faciles à déployer. SAP est dans une position unique pour offrir ces solutions.

Le groupe New Ventures and Technologies de l’entreprise, dirigé par Max Wessel, est une unité exploratoire mise en place pour produire rapidement des technologies de pointe, orientées vers l’avenir. En plus de diriger le groupe, M. Wessel est directeur de l’innovation pour SAP et directeur général de SAP Bay Area. Wessel nous parle ici de son approche pour encourager l’innovation.

Fostering Innovation in the Intelligent Enterprise

Click the button below to load the content from YouTube.

Always allow YouTube

Fostering Innovation in the Intelligent Enterprise

Q : Qu’est-ce que l’innovation chez SAP ?

R : L’innovation est un grand mot, et nous en faisons beaucoup chez SAP. C’est dans chaque changement progressif que nous apportons à un produit, dans chaque itération de notre modèle commercial et de notre approche pour engager les clients. Et nous devrions être fiers de tout cela. Lorsque les clients nous demandent ce qu’ils pensent de l’innovation, c’est souvent à propos de l’adoption de technologies et de modèles commerciaux véritablement nouveaux. Ces dernières années, SAP a fait de grands progrès en ciblant les changeurs de jeu en plus de notre activité principale. Par exemple, l’équipe Voice AI de Newport Beach utilise le traitement du langage naturel pour analyser les données du centre d’appel SAP Concur afin de déterminer l’efficacité d’un engagement. Au lieu de passer des centaines d’heures à vérifier manuellement les journaux d’appels, l’intelligence artificielle (IA) prend le relais. C’est un excellent exemple de l’utilisation d’une nouvelle technologie pour résoudre un problème ancien. Comment SAP crée-t-il de l’innovation organique ?

Dans toute l’entreprise, nous introduisons de nouvelles fonctionnalités, de nouveaux produits et de nouveaux services sur ce qui semble être une base quotidienne. Cette innovation nous a permis de nous implanter solidement dans l’environnement de nos clients. Cependant, pour assurer une croissance transformatrice, nous avons également besoin d’une grande vision. Nous devons nous projeter dans dix ans, identifier les grands problèmes qui méritent d’être résolus, puis les attaquer de manière à apporter de la valeur à nos clients.

Parallèlement à cette vision, SAP doit donner à ses innovateurs les moyens d’explorer de nouvelles technologies, de travailler avec les clients sur des preuves de concept (POC) et de partager de grandes idées avec des collègues du monde entier. C’est cet échange qui nous permet d’identifier ensemble les grandes idées. L’année dernière, plus de 20 000 employés se sont engagés dans notre programme d’intrapreneurs, et lors de notre réunion de lancement du développement en janvier, nous avons officiellement lancé l’outil SAP Technology Radar, une plateforme centrale et interne d’échange de connaissances sur les nouvelles technologies. Nous voulons que chaque employé contribue au processus de développement de SAP. Et notre équipe New Ventures and Technologies soutient cette conversation.

Quelles sont les grandes tendances que vous observez ?

Il existe encore un énorme potentiel pour l’apprentissage machine au sein de l’entreprise. C’est pourquoi nous continuons à pousser les capacités d’IA dans la reconnaissance vocale et à étudier la génération de données synthétiques et les nouvelles méthodes de cryptage. Nous pensons qu’elles joueront un rôle dans l’introduction de capacités d’IA avancées dans l’entreprise.

Mais ce n’est pas seulement une question de technologies. Il s’agit aussi de simplifier le déploiement et la personnalisation des logiciels grâce à des logiciels « sans code » et à l’automatisation des processus d’entreprise. Ces progrès permettront à presque tout le monde de créer une application commerciale, sans avoir besoin d’être ingénieur.

La dernière tendance est l’application de nouveaux modèles commerciaux pour fournir des logiciels de manière fondamentalement différente. Par exemple, nous sommes désormais en mesure de mettre en relation des petites et moyennes entreprises (PME) avec des partenaires de prêt dans Ariba Network, en utilisant leurs factures comme point de référence pour le crédit. Cela nous a permis d’ouvrir le crédit à des entreprises qui en ont désespérément besoin pendant la crise économique actuelle, sans frais pour les entreprises ou pour nos clients SAP Ariba – tout cela parce que nous avons expérimenté ce nouveau modèle commercial au cours des deux dernières années.

Comment trouvez-vous ces points forts dans le portefeuille de SAP ?

SAP brille lorsque nous comprenons le problème du client, que nous avons une expertise approfondie du domaine dans un secteur d’activité donné et que nous infusons de nouvelles technologies pour résoudre le problème. Le produit de prêt aux PME que je viens de mentionner, Apparent Financing by SAP, est venu de l’équipe d’Ariba Network sur la base de conversations qu’ils ont eues avec leurs clients. Ils avaient une compréhension approfondie du problème du client, mais ils avaient besoin d’un partenaire technologique et l’ont trouvé dans notre organisation.

Une partie de notre rôle consiste à entamer une conversation avec l’ensemble de SAP sur l’avenir. Chaque année, nous menons diverses campagnes d’innovation chez SAP. Grâce à ces efforts, une grande partie des projets que nous lançons viennent directement des experts de notre entreprise. J’encourage mon équipe à adopter l’esprit d’un débutant en prenant du recul pour écouter toutes les idées des experts en produits et comprendre où se trouvent les nouvelles opportunités.

Comment éviter la cannibalisation de nos solutions classiques ?

Je préfère que nous cannibalisions nos solutions classiques plutôt que de laisser un concurrent le faire. C’est là que nous devons faire preuve de créativité et de conviction. Si nous sommes convaincus que le monde changera dans 10 ans, nous devrions alors nous engager dans une cannibalisation des flux existants. Le passage au « cloud » au cours de la dernière décennie est une chose dont SAP devrait être immensément fier. Mais le nuage est plus qu’un nouveau mécanisme de livraison, et il nous a obligé à réorganiser beaucoup de nos produits. Et nous l’avons fait avec audace, convaincus que le nuage serait le mécanisme de diffusion préféré de nombre de nos clients dans de nombreuses situations.

Comment pouvons-nous inciter nos employés à être plus innovants ?

Je m’oppose à la prémisse selon laquelle les employés ne sont pas assez innovants. Je reçois de nos collègues plus d’idées plus créatives et une compréhension plus approfondie d’un problème de l’industrie que vous ne pouvez l’imaginer. Au lieu d’inciter les gens à être plus innovants, nous devons les responsabiliser. L’une des initiatives dont je suis le plus fier chez SAP est notre programme d’intrapreneuriat. Lorsque j’ai repris l’organisation, moins de 3 000 personnes participaient chaque année à notre groupe d’exploration et d’accélération. Nous en avons maintenant plus de 20 000, et l’objectif cette année est d’en engager 25 000.

La raison pour laquelle nous menons le programme intrapreneuriat n’est pas que nous pensons qu’il va générer de meilleures idées – les idées sont déjà là. Il s’agit de donner aux gens un moyen de développer ces idées, de les tester et de les commercialiser. Et plus nous en ferons pour faciliter l’innovation, plus il sera facile pour les gens d’innover.

Que devons-nous faire pour permettre un meilleur rendement de l’innovation ?

Je pense que nous avons besoin de trois ingrédients : un capital patient, une structure créative et un mandat exécutif. S’attaquer aux grands problèmes prend du temps, et c’est pourquoi nous devons planifier en termes d’horizons temporels de dix ans. Nous devons mettre en place de petites équipes pour résoudre les problèmes que seul SAP peut résoudre et leur donner la patience et la structure qui leur permettent d’apporter de la valeur au marché. Si elles s’attaquent à des problèmes suffisamment importants, si on leur donne ce mandat, si on leur permet d’emprunter une voie non linéaire, elles feront des choses étonnantes.

En tant que directeur général de SAP Bay Area, quels avantages y a-t-il à faire partie des 20 sites mondiaux qui composent le réseau de laboratoires SAP ?

Au début de la pandémie COVID-19, nous avons pu joindre tous les directeurs de laboratoires par téléphone pour comprendre les meilleures pratiques réglementaires et les communications numériques dans différents environnements culturels. C’est un parfait exemple de la façon dont nous pouvons exploiter le meilleur d’une force de développement mondiale pour favoriser l’amélioration. Mais nous combinons également des idées et des forces lorsqu’il s’agit d’activer la base d’employés pour stimuler l’innovation, de créer des hackathons, de donner aux employés les moyens de trouver de nouvelles idées commerciales ou d’étendre notre portée dans l’écosystème afin d’identifier des partenaires locaux qui peuvent mettre nos produits et services sur le marché.

Quelle est votre recette personnelle pour pérenniser SAP ?

Tout ce que nous faisons du point de vue de l’innovation doit viser à rendre les logiciels d’entreprise plus personnels, plus flexibles et plus ouverts. Il est plus facile que jamais de connecter les systèmes entre eux, ce qui signifie que plus vos systèmes et votre écosystème sont ouverts, plus vous pouvez proposer une grande variété d’innovations. SAP compte 100 000 employés, mais 7,5 milliards de personnes sur la planète sont motivées pour nous aider à améliorer le fonctionnement du monde. Nous serions négligents si nous ne nous ouvrions pas aux idées extérieures sur la manière de faire évoluer les logiciels d’entreprise.

 

 

Publié initialement en anglais sur news.sap.com

The post Comment promouvoir l’innovation, avec Max Wessel appeared first on SAP France News.

Source de l’article sur sap.com

/par

Quand le Big Data rencontre l’épidémiologie

, ,

Alors que le confinement – mis en place pour ne par faire de nouvelles victimes – se poursuit, le terme Folding @ home fait le tour des cercles scientifiques.

Il ne s’agit pas d’une nouvelle façon de s’attaquer à cette « pile de linge » qui semble grossir de semaine en semaine ; c’est une approche technologique fascinante pour aider les scientifiques à découvrir un remède contre le COVID-19.

Selon les scientifiques, les protéines sont constituées d’une chaîne linéaire de substances chimiques – les acides aminés – qui, si elles sont efficaces, se « plient » en structures compactes et fonctionnelles. La façon dont les composants d’une protéine s’arrangent et se déplacent détermine sa fonction. Les virus ont également des protéines, qui sont utilisées pour supprimer notre système immunitaire et se reproduire.

Pour aider à lutter contre le coronavirus, les scientifiques et les médecins doivent comprendre comment la protéine virale fonctionne, ou «se replie», s’ils veulent trouver des moyens de l’arrêter.

C’est là que le Big Data rencontre l’épidémiologie. En exécutant des simulations informatiques qui les aident à comprendre les parties mobiles des protéines, les chercheurs pensent que les données qu’ils collectent les rapprocheront d’un remède.

«Il n’y a jamais eu plus d’experts réunis pour se concentrer sur un seul et même sujet», déclare Michael Schmidt, architecte de Converged Cloud chez SAP.

Cependant, l’exécution des innombrables simulations nécessaires requiert une puissance de calcul énorme. C’est là que les entreprises et le grand public entrent en jeu. Le don de la puissance de calcul inutilisée peut accélérer la vitesse d’exécution de ces simulations, ce qui peut nous rapprocher d’un remède.

Big Data Meets Epidemiology

Click the button below to load the content from YouTube.

Always allow YouTube

Big Data Meets Epidemiology

 

L’initiative a eu un grand coup de pouce lorsque NVIDIA a lancé un appel aux joueurs du monde entier, leur demandant de rejoindre le combat.

« Les ordinateurs de jeu sont des machines extrêmement puissantes », explique M. Schmidt. Avant cette crise, les joueurs utilisaient souvent leur capacité de réserve pour « miner » des cryptomonnaies et gagner un peu d’argent en parallèle. Mais maintenant, ils font don de la puissance de leur unité de traitement graphique (GPU) à la science ».

SAP s’est joint à cet effort. Pour que cela démarre rapidement, l’équipe DevOps de Schmidt a automatisé sa contribution en capacité, en augmentant la capacité de calcul de réserve existante. Cette capacité est située sur la plateforme d’édition d’entreprise convergente en nuage de la société, la même plateforme qui héberge un grand nombre de clients de SAP. Lorsque la crise COVID-19 a frappé, l’équipe a envisagé d’utiliser cette première mise en œuvre pour programmer et faire évoluer dynamiquement une unité centrale de traitement (CPU) et un GPU Folding@home à partir de la plateforme, en les augmentant lorsque les systèmes sont inactifs et en les réduisant lorsque d’autres charges utiles en ont besoin.

«L’une des choses que notre cloud fait vraiment bien est de répartir la charge sur les nombreux ordinateurs que nous avons dans nos centres de données», explique Schmidt. «Nous pouvons mesurer en temps réel la pression que nous mettons dans le système et réduire automatiquement la capacité que nous accordons à Folding @ home si nécessaire, en nous assurant vraiment qu’aucune charge utile productive n’est affectée.»

De plus, comme SAP maintient toujours une capacité de réserve pour ses clients, quelques nœuds GPU de rechange ont été ajoutés au projet. Bien que ces serveurs dédiés soient peu nombreux, ils peuvent calculer des unités de travail étendues qui donnent une très grande puissance de traitement pour des charges de travail très lourdes. L’équipe a ensuite augmenté sa contribution au projet Folding@home, en fournissant une moyenne de 19 pétaflops – ce qui équivaut à environ 50 000 CPU et GPU supplémentaires par rapport à sa capacité de réserve normale dans le cloud.

La charge de travail est répartie sur trois continents et neuf régions. L’équipe SAP se classe actuellement parmi les 200 premiers contributeurs, plus que les autres entreprises de logiciels. M. Schmidt se dit ravi des résultats, mais se souvient qu’il ne s’agit pas vraiment d’une compétition. « Nous sommes tous dans le même bateau, et je suis heureux que les autres entreprises donnent aussi beaucoup ».

En savoir plus sur l’objectif et la promesse de SAP: https://www.sap.com/corporate/en/purpose.html

Article publié pour la première fois en anglais sur news.sap.com

The post Quand le Big Data rencontre l’épidémiologie appeared first on SAP France News.

Source de l’article sur sap.com

/par

Code pour le climat : Au Danemark, les enfants sont les moteurs de l’innovation

, ,

Avec son réseau mondial, SAP co-innove dans des domaines cruciaux tels que l’éducation et l’accès à la technologie, afin d’aider le monde à mieux fonctionner et à améliorer la vie des gens. En des temps comme aujourd’hui, de nouvelles voies d’innovation sont nécessaires – et parfois, ce sont les plus petits d’entre nous qui nous surprennent le plus.

Le mois dernier, des élèves de sixième et de septième année (secondaire) au Danemark ont ​​eu la possibilité de participer à des cours pour apprendre le codage virtuel grâce à une collaboration entre l’Association danoise de l’industrie (ITC), certains de ses membres et Sofaskolen ou «l’école du canapé».

Ils proposent quotidiennement des tutoriels virtuels en direct gratuits pour les élèves du primaire, depuis la crise du COVID-19, sur YouTube et sur la chaîne de télévision nationale TV2. Sofaskolen a contacté l’Association danoise de l’industrie ITC pour créer une classe de code virtuelle.

SAP Danemark est un membre fondateur du concept de classe de code et soutient depuis 2016 le projet visant à combler le déficit de compétences numériques. C’est la première fois que la classe de code est proposée de manière virtuelle.
Avec NNIT, membre fondateur du concept classe de code, et Netcompany, un partisan du concept, ont défié la créativité des enfants sur trois thèmes :
  • Code for the Climate: SAP a demandé aux étudiants de développer une solution qui nous permet de mieux gérer le climat, par exemple via une application ou un jeu qui prend en charge le recyclage ou aide à éviter le gaspillage alimentaire. Pour préparer les enfants, ils avaient été initiés à la pensée de conception de base et au codage Scratch la veille.
  • Code for the Body: le NNIT voulait que les élèves trouvent une solution qui nous fasse bouger davantage, car trop de gens s’assoient sans vraiment bouger. Cette solution pourrait, par exemple, être une application ou un jeu qui apporte de l’exercice au travail ou du mouvement dans une journée d’école, de manière amusante.
  • Code for Love: Netcompany s’est concentré sur le fait que de nombreuses personnes sont trop seules, en particulier en ce moment pendant cette période de confinement. Ils ont demandé aux élèves de trouver des solutions qui mettent les gens en contact, par exemple, à travers une solution qui permet aux grands-parents et petits-enfants de mieux se connaître, ou qui permet aux voisins de découvrir qu’ils ont des intérêts communs.

Pendant trois jours, les étudiants ont travaillé en petits groupes virtuels sur l’une des questions ci-dessus. À la fin du cours, les idées ont été présentées aux entreprises qui leur ont fourni un retour d’information sur leurs solutions créatives, à l’instar de l’émission de télévision « Dragons Den ».

Louise Ferslev, PDG de MyMonii et connue de l’émission télévisée «Løvens Hule», la version danoise de «Dragons Den» (programme dans lequel les entrepreneurs présentent leurs idées commerciales à un panel d’investisseurs), a entraîné les enfants sur la manière de présenter leurs idées aux entreprises.

Bien que l’enseignement se soit déroulé dans un environnement virtuel sur sofaskolen.dk une initiative d’éducation en ligne gratuite de COVID-19 d’Alinea, il y a eu beaucoup d’interaction pendant la semaine et les organisateurs ont été impressionnés par la variété des idées et la qualité des présentations et des techniques vidéo proposées par les élèves.

Une nouvelle génération courageuse, avisée en matière de technologie et sensibilisée à l’environnement, est en route.

En savoir plus sur l’objectif et la promesse de SAP: https://www.sap.com/corporate/en/purpose.html

Posté initialement en anglais sur news.sap.com

The post Code pour le climat : Au Danemark, les enfants sont les moteurs de l’innovation appeared first on SAP France News.

Source de l’article sur sap.com

/par

FizzBuzz on Mule 4 With a While Loop Using VM Queue

,

A friend shared this youtube video on the Art of Code where FizzBuzz was demonstrated on SonicPi and also at end of the video (I won’t spoil it for you). After watching it, I was highly inspired to also implement it on Mule, because why not? I even searched the web to see if anyone had already done a FizzBuzz loop on Mule. The fact that I then did it last night kinda tells you that the answer was no.

It turns out that I also learned a thing or two implementing FizzBuzz on Mule 4. FizzBuzz is one of the ways loops are introduced when learning a programming language. Even the recent Golang course I took also introduces loops using FizzBuzz. For the uninitiated, FizzBuzz is derived from a children’s game, the problem statement for a FizzBuzz program is pretty straightforward. This is the same one you can find at HackerRank.

Source de l’article sur DZONE

/par

Translate your Enterprise apps in 1 second

,

I must have seen dozens of implementations of this exact same web app during my 25 years as an Enterprise developer. And to be honest with you, I’m tired of implementing the exact same app, over and over again. "Don’t reinvent the wheel" comes to mind. Hence, I decided I wanted to create a "micro service web app", providing me with all translation features I could possibly need in the future. And more interestingly, I will create the entire app, in 1 second, by simply clicking a button. If you don’t believe me, feel free to watch the following YouTube video, where I demonstrate how I solve all my translations needs, for the rest of my life, in 1 second.

The SQL script I am starting out with can be found below.

Source de l’article sur DZONE

/par

In Memory of Flash: 1996-2020

We are gathered here today….

Today I write in memory of Adobe Flash (née Macromedia), something that a bunch of people are actually too young to remember. I write this with love, longing, and a palpable sense of relief that it’s all over. I have come to praise Flash, to curse it, and finally to bury it.

We’ve been hearing about the death of Flash for a long time. We know it’s coming. December 2020 has been announced as the official timeframe for removal, but let’s be real about this: it’s dead. It’s super-dead. It’s people-are-selling-Flash-game-archives-on-Steam dead.

That last bit actually makes me happy, because Flash games were a huge part of my childhood, and the archives must be preserved. Before I’d ever heard of video cards, frames per second, and “git gud”, I was whiling away many an hour on disney.com, cartoonnetwork.com, MiniClip, Kongregate, and other sites, looking for games.

I think we’ve established in my previous work that even as a missionary kid, I did not have a social life.

The Internet itself gave me a way to reach out and see beyond my house, my city, and my world, and it was wonderful. Flash was a part of that era when the Internet felt new, fresh, and loaded with potential. Flash never sent anyone abuse, or death threats. Flash was for silly animations, and games that my parent’s computer could just barely handle, after half an hour of downloading.

I even built my first animated navigation menus in Flash, because I didn’t know any better. At all. But those menus looked exactly like the ones I’d designed in Photoshop, so that’s what mattered to me, young as I was.

That was a part of Flash’s charm, really.

What Flash Got Right

Flash Brought Online Multimedia into the Mainstream

Funny story, JavaScript was only about a year old when Flash was released. While HTML5 and JS are the de-facto technologies for getting things done now, Flash was, for many, the better option at launch. JS had inconsistent support across browsers, and didn’t come with a handy application that would let you draw and animate whatever you wanted.

It was (in part) Flash that opened up a world of online business possibilities, that made people realize the Internet had potential rivalling that of television. It brought a wave of financial and social investment that wouldn’t be seen again until the advent of mainstream social networks like MySpace.

The Internet was already big business, but Flash design became an industry unto itself.

Flash Was Responsive

Yeah, Flash websites could be reliably responsive (and still fancy!) before purely HTML-based sites pulled it off. Of course, it was called by other names back then, names like “Liquid Design”, or “Flex Design”. But you could reliably build a website in Flash, and you knew it would look good on everything from 800×600 monitors, to the devastatingly huge 1024×768 screens.

You know, before those darned kids with their “wide screens” took over. Even then, Flash still looked good, even if a bunch of people suddenly had to stop making their sites with a square-ish aspect ratio.

Flash Was Browser-Agnostic

On top of being pseudo-responsive, the plugin-based Flash player was almost guaranteed to work the same in every major browser. Back in a time when Netscape and Internet Explorer didn’t have anything that remotely resembled feature parity, the ability to guarantee a consistent website experience was to be treasured. When FireFox and Chrome came out, with IE lagging further behind, that didn’t change.

While the CSS Working Group and others fought long and hard for the web to become something usable, Flash skated by on its sheer convenience. If your site was built in Flash, you didn’t have to care which browsers supported the <marquee> tag, or whatever other ill-conceived gimmick was new and trendy.

Flash Popularized Streaming Video

Remember when YouTube had a Flash-based video player? Long before YouTube, pretty much every site with video was using Flash to play videos online. It started with some sites I probably shouldn’t mention around the kids, and then everyone was doing it.

Some of my fondest memories are of watching cartoon clips as a teenager. I’d never gotten to watch Gargoyles or Batman: The Animated Series as a young kid, those experience came via the Internet, and yes… Flash. Flash video players brought me Avatar: The Last Airbender, which never ever had a live action adaptation.

Anyway, my point: Flash made online video streaming happen. If you’ve ever loved a Netflix or Prime original show (bring back The Tick!), you can thank Macromedia.

What Flash Got Wrong

Obviously, not everything was rosy and golden. If it was, we’d have never moved on to bigger, better things. Flash had problems that ultimately killed it, giving me the chance, nay, the responsibility of eulogizing one of the Internet’s most important formative technologies.

Firstly, it was buggy and insecure: This is not necessarily a deal-breaker in the tech world, and Microsoft is doing just fine, thank you. Still, as Flash matured and the code-base expanded, the bugs became more pronounced. The fact that it was prone to myriad security issues made it a hard sell to any company that wanted to make money.

Which is, you know, all of them.

Secondly, it was SEO-unfriendly: Here was a more serious problem, sales-wise. While we’re mostly past the era when everyone and their dog was running a shady SEO company, search engines are still the lifeblood of most online businesses. Having a site that Google can’t index is just a no-go. By the time Google had managed to index SWF files, it was already too late.

Thirdly, its performance steadily got worse: With an expanding set of features and code, the Flash plugin just took more and more resources to run. Pair it with Chrome during that browser’s worst RAM-devouring days, and you have a problem.

Then, while desktops were getting more and more powerful just (I assume) to keep up with Flash, Apple went and introduced the iPhone. Flash. Sucked. On. Mobile. Even the vendors that went out of their way to include a Flash implementation on their smartphones almost never did it well.

It was so much of a hassle that when Apple officially dropped Flash support, the entire world said, “Okay, yeah, that’s fair.”

Side note: Flash always sucked on Linux. I’m just saying.

Ashes to Ashes…

Flash was, for its time, a good thing for the Internet as a whole. We’ve outgrown it now, but it would be reckless of us to ignore the good things it brought to the world. Like the creativity of a million amateur animators, and especially that one cartoon called “End of Ze World”.

Goodbye Flash, you sucked. And you were great. Rest in peace. Rest in pieces. Good riddance. I’ll miss you.

 

 

Featured image via Fabio Ballasina and Daniel Korpai.

Source


Source de l’article sur Webdesignerdepot

/par

Exciting New Tools for Designers, July 2020

Some of the changes we are seeing with where we work are starting to pop up in the type of new tools made for designers and developers. More tools with remote collaboration as a key feature are increasing in popularity. (You’ll find a few of those here.)

Here’s what new for designers this month.

Webdesign Toolbox

Webdesign Toolbox is a collection of tools, apps, and resources all in one location for designers and developers. The best part of this resource is that it is human-curated, so every tool is quality checked and makes the list because it has been tested and researched. Search the collection by design, dev, stock, typography, UX, or workflow tools (and more) and use them to help create more efficiently. The collection is constantly growing, too.

CodeStream

CodeStream might be the new-world workflow tool for web designers and developers. It is made for remote teams to review code right inside your IDE without breaking from development flow. You can post and review changes and comments are all independent of the code itself, even though they link to it.

Litur

Litur is a color management app for iOS. Use it to find and collect color swatches, create custom palettes, and even check color combinations against accessibility standards. The app can even generate color codes for you from swatches you find from a photo or image upload or create. The app works on mobile and desktop Mac devices and is a paid app.

Editor X

Editor X, which is still in beta, is a website building tool that combines advanced design and prototyping capabilities with secure web hosting and integrated business solutions. Go from an idea straight to production in a highly intuitive design workspace. The best feature might be exact design precision tools.

Grid Cheatsheet

Grid Cheatsheet is a visual and code-based set of “cheats” based on the W3C CSS Grid Specifications. What’s nice is it makes these guidelines easier to understand and use if reading through them makes you a little uneasy.

Tutorialist

Tutorialist brings together some of the best development tutorials on the web. All of the tutorials are free videos available on YouTube, and this project collects them all in one place.

Pure CSS Halftone Portrait from JPG

Pure CSS Halftone Portrait from JPG is a beautiful pen from Ana Tudor that shows how to change the visual representation of an image. The examples are brilliant and in true halftone fashion. The code snippet works with color, or black and white images as well.

VoiceText for Slack

VoiceText for Slack is another work from home productivity tool. Integrate it with Slack and send messages with text that’s transcribed right in your channels. It’s a free integration and supports 18 languages.

Feature Peek

Feature Peek is a developer tool that helps you get frontend staging environments on demand and gather team feedback earlier in the development process. It’s made for use with GitHub and works with a variety of other tools as well.

Formbutton

Formbutton is a simple and customizable pop-up form. (And we all know websites have plenty of them right now.) It connects to other services you already use, such as Google Sheets and MailChimp, and is simple to set up.

Blocksy Theme

Blocksy is a WordPress theme that’s made for non-coders. It’s a zippy and highly visual theme made for Gutenberg. It works with other builders and allows the user to customize pretty much everything visually. (There’s even a dark mode.) The theme is packed with tools and options and is a free download.

Oh My Startup Illustrations

Oh My Startup Illustrations is a set of vector illustrations in several categories featuring a popular style on many projects. Use the characters and scenes to create a semi-custom story for your startup project.

1mb

1mb is a code editor and host where you can create a static website with a custom domain and SSL included. The editor works in-browser and everything is saved in the cloud.

Linear

Linear is an issue tracking Mac app for teams. It’s designed to help streamline software projects, sprints, and tasks, and can integrate with standard tools such as Github, Figma, and Slack.

Hosting Checker

Hosting Checker solves a common issue – a client wants you to work on their website, but has no idea who hosts it. Hosting Checker shows the user hosting provider and IP address the website uses, along with where its server computers are located and the host’s contact details. It also claims to be 82% faster than other similar tools.

Spike

Spike alerts you to website incidents before customers. Create alerts and get a phone call, text message, email, or Slack notification right away. The tool provides unlimited alerts and integrations to you can stay on top of issues before they become real problems.

Magnus UI

Magnus UI is a framework that helps you building consistent user interfaces in React. It comes with plenty of components ready to use and you can customize the theme.

SpreadSimple

SpreadSimple uses data in Google Sheets to create styled websites with features such as filtering, search, sorting, cart, order collection via forms, and much more. Update the sheet and instantly see changes on the website.

WebP vs. JPEG

Google is starting to suggest using it’s WebP image format to decrease load times, because of the lighter file size. But is WebP better than the traditional JPEG? Developer Johannes Siipola tested the file types at different sizes to answer the question. The answer is a bit complicated, but sometimes it might be better; read the full analysis for more.

Oh Dear

Oh Dear is a website monitoring tool that can help you keep a check on websites. Monitor uptime, SSL certificates, broken links, and more with notifications that come right to you if there’s an issue.

Airconnect

Airconnect is a Zoom video conferencing alternative that you can use for your brand with a custom header, colors, and portal for clients. The tool includes video calling as well as the ability for customers to access their data and automate your onboarding process.

Free Faces

Free Faces is a curated collection of free typefaces that you can browse and use in projects. Search by type style with visual results that include a download link.

All the Roll

All the Roll is a fun novelty font for just the right type of project. It includes 167 characters with swash characters that can be added before or after certain letters.

Backrush

Backrush is a handwriting-style typeface with easy strokes and a pen-like feel. It includes thicker letterforms with nice swashes and a full character set.

Thuner

Thuner is a slab display font with interesting quirks. It’s made for larger than life designs. It includes a full uppercase character set and numerals.

Source


Source de l’article sur Webdesignerdepot

/par

Des pubs YouTube détournent votre processeur pour miner de la cryptomonnaie

Une campagne de publicités piégées a actuellement cours en Europe, notamment en France. Ce cryptominage peut exploiter jusqu’à 80% du CPU de la machine victime.
Source de l’article sur ZDNet

/0 Commentaires/par