Discover and read the best of Twitter Threads about #webdesign

Most recents (24)

¿Eres #developer, pero te cuesta diseñar?

Hoy en "Diseño para desarrolladores": 10 pequeñas acciones para mejorar tus diseños

🚀 RT para salvar un #programador a la vez

#uidesign #ui #ux #webdesign #diseno #disparades

👇🏽 UN HILO 👇🏽
En tus textos usa al menos 1.5 de alto de línea.

Por ejemplo si el tamaño de fuente es 16, multiplícalo por 1.5 y te da 24 (o sencillamente usa line-height: 1.5 en css).
No deformes tus imágenes, cambia el tamaño sin cambiar el ratio o usa crop, pero nunca las deformes.
Read 12 tweets
What are the pitfalls of checkout UX? A thread. ⤵️

#ux #uxresearch #uxr #uxdesign #ecommerce
Did you know? According to our #UX studies, 68% of users — after having added items to their cart 🛒 — then choose to abandon their purchase.
During our 9 years of large-scale checkout usability testing, we have also consistently found the checkout #design and flow to frequently be the sole cause for users abandoning their cart 🛒 during the checkout flow.
Read 11 tweets
5️⃣ Aprende con estos cinco cursos de #Google, gratuitos y cortos. Fortalece tu carrera como #frontend #developer

⭐️ BONUS al final
❤️ RT para ayudar a la comunidad

👇🏽 THREAD Down pointing backhand index

#webdev #code #programmer #html #css #javascript #CodeNewbie
Fundamentals of Graphic Design: Aprenderás los principios fundamentales del diseño gráfico: creación de imágenes, tipografía, composición, color y forma. Principios que puedes aplicar al diseño web.

learndigital.withgoogle.com/digitalgarage/…

#graphicdesign #webdesign #ui #CodeNewbie
Front-End Web UI Frameworks and Tools: Bootstrap 4: Aprenderás sobre grids y diseño responsivo, componentes CSS y JavaScript de #Bootstrap, además sobre los preprocesadores #CSS, #Less y #Sass.

learndigital.withgoogle.com/digitalgarage/…

#responsivedesign #webdesign #boostrap #CodeNewbie
Read 8 tweets
Journey of the Mercedes logo. In a thread.
#design #logodesign #graphicdesign #webdesign
(1/n)
1902, Mercedes registered the name ‘Mercedes’ to represent its business empire, creating its first brand identity. The logo only featured the title at the time. The font design looked both elegant and sophisticated at the same time.
(2/n)
After seven years, Mercedes decided to add the iconic and world-known logo of the three-pointed star. The year 1909 saw the creation of the famous symbol, which continued to grace the car industry from that day to this.
(3/n)
Read 8 tweets
💡CSS - Attribute Selectors you probably don't know about.

A thread...

#webdevelopment #webdesign #webdeveloper #html #website #coding #programming #css #javascript #development
1. Select element(s) having attribute of name ‘attr’. No matter what the value is.
👉 [attr]
Try it on Codepen: codepen.io/junaidshaikh_j…

#webdevelopment #webdesign #webdeveloper #html #website #coding #programming #css #javascript #development Image
2. Select element(s) having the attribute of name ‘attr’ whose value is having an exact match to ‘value’
👉 [attr = value]
Try it on Codepen: codepen.io/junaidshaikh_j…

#webdevelopment #webdesign #webdeveloper #html #website #coding #programming #css #javascript #development Image
Read 10 tweets
12 awesome free gradient generators that can help you in your projects
#webdesign #webdevelopment
🧵👇
1. Gradients for Sketch: A handy collection of fancy colour gradients for Sketch.

gumroad.com/l/gradients/
2. Gradients Party: Style your buttons using this collection of gradients.

gradients.party
Read 13 tweets
45 Free Tools & Resources You're Gonna Love -

🧵 BIG THREAD 🧵 👇

#javascript #webdevelopment #webdesign #programmers #WomenWhoCode
1. Tabler Icons -

Free and open-source icons designed with attention to detail to make your design stand out.

Visit 👇
 tablericons.com
2. Remove bg -

Remove Image Background: 100% automatically – in 5 seconds – without a single click – for free.

Visit 👇
 remove.bg
Read 25 tweets
¿Eres #developer pero te cuesta diseñar? Te dejo otro post de mi serie:

⭐️ Diseño para desarrolladores ⭐️

Como diseñar un banner principal en 7 pasos

🚀 RT para salvar un #programador a la vez

#diseño #ui #webdesign #diseñoweb #frontend #desarrollo

👇🏽 THREAD 👇🏽 Image
Lo primero es analizar qué está mal para saber como mejorarlo.

- La imagen
- El texto no se lee
- ¿Llamado a la acción? Image
Necesitamos conseguir una imagen con un "espacio libre" donde poder ubicar el texto.

Par de sitios para descargar imagenes free-stock.

- unsplash .com
- pexels .com Image
Read 11 tweets
🔥 10 amazing resources for Design Inspiration 🔥

Never run out of ideas again. I bet you have not visited at least one of these before!

#StayInspired #WebDesign

🧵 Thread 👇
1️⃣ Landingfolio

Landingfolio features the best landing page inspiration, templates, resources and examples on the web. Learn from a growing library of 1,982 landing page designs and 3,829 component examples, updated daily!

landingfolio.com
2️⃣ Sketch Repo

Sketch Repo is a great place to discover Sketch App resources for your next design project. And an amazing place to get inspired

sketchrepo.com
Read 13 tweets
Psychology in Design 🧠

A basic thread 🧵

YES, YES, We know what you are thinking, Psychology? Really? That’s what we bring for the first time a threaded story. Duh! But you never know which psychology we use behind coming up with this. Fascinating? Isn’t it?

#designtwitter
Design isn't solely what you & your customers see. It conjointly concerns what they feel & that is what inspires them to create a procurement. The association between design & psychology will subtly influence your audience and increase your sales.

#Psychology #productdesign
There’s an exact method your customers follow while reading your web site. If you observe the way they read your content and using that strategically design around it — you'll be able to encourage further interactions (and ultimately, additional sales).

#Customer #Webdesign
Read 8 tweets
I get questions from other #webdesigners on how to diversify their income without having to start a new business.

Here's my advice:

/ A THREAD
1. Develop Your Processes

I know, I know I talk about this a lot, but it's crucial.

Write down EVERY SINGLE DAMN STEP of each task your perform or delegate in your business and create screencaps. It's your blueprint and the best way to scale your efforts.
With web design, you'll have amazing months and you'll have ok ones. once you start to build your systems, you can create other income opportunities from your agency.

Here's how:
Read 9 tweets
We are live on #ProductHunt at producthunt.com/posts/siteoly

Thankyou @chrismessina for hunting us at siteoly.com - A #nocode website builder for Google sheets.
Thankyou @chrismessina for the hunt.

Currently trending at Position #4 on Product Hunt. For a product built for #nocode users to build website using Google sheets. Image
Thankyou for all the support. We are at 40+ votes on PH and moving between #4 and #5. A #nocode tool to create website from Google sheets data. Any feedback is much appreciated.

Check us at producthunt.com/posts/siteoly Image
Read 6 tweets
Free Resources for Designing your website
A Thread 🧵:
.
.
#100DaysOfCode #CodeNewbie #webdesign
Illustrations:
📌 unDraw
📌 Drawkit
📌 Ouch!
📌 Absursd
📌 ManyPixels
📌 Humaaans
📌 IRA Design
📌 Interfacer
📌 Freebie Supply
📌 Black Illustrations
Images:
📌 Pixabay
📌 Stocksnap
📌 Burst
📌 Unsplash
📌 Pexels
📌 Pngtree
📌 Reshot
📌 FoodiesFeed
📌 SplashBase
📌 PicJumbo
📌The Stocks
Read 5 tweets
#100DaysOfCode

How to get started with CSS?

Thread 👇🏻🧵

#CodeNewbies #webdevelopment #CSS #Webdesign
1. First and foremost, Learn about display property(inline and block for the first time).

2. Difference between padding, margin and border. There effect on the element size.

3. Positioning properties are the most confusing concept in CSS. So try to play with it.

👇🏻
4. Learn about more tricky display value like flex, grid and so on.

5. After all that try to explore the pseudo elements. They are useful in making CSS art / illustration.

6. Try to play with all the background properties at least once.

👇🏻
Read 4 tweets
🧵Knowledge Sharing Thread🧵
🌐Technologies In Big Companies
1/5

Company: Google
Front-End: JavaScript, Typescript
Back-end: C, C++, Go, Java, Python
Database: Bigtable, MariaDB

#100DaysOfCode #javascript #CodeNewbie #programming #Website #webdesign
2/5
Company: Facebook
Front-End: ReactJS, Flow
Backend: Hack, PHP, Python, C++, Java, Erlang, D,
XHP,Haskell
Database: MariaDB,MySQL,HBase,Cassandra

Company: YouTube
Front-End: Javascript
Backend: C, C++, Python, Java, Go
Database:Vitess, BigTable, MariaDB
3/5

Company: Amazon
Front-End: Javascript
Backend: Java, C++, Perl
Database: PostgreSQL, RDS, RDS Aurora

Company: Twitter
Front-End: Javascript
Backend: C++, Java, Scala, Ruby
Database: MySQL
Read 7 tweets

Related hashtags

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3.00/month or $30.00/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!