Web Designers' Pub @WebDesignersPub

✻ Your daily creative joint with tips, ideas, news & resources for awesome #WebDesign, #UX, #Design, #Code, #CSS, #JS #Typography & beer 🍺 ✻ Milky Way Galaxy 🌌 Joined October 2014

Tweets

43
Followers

2K
Following

0
Likes

7

Web Designers' Pub @WebDesignersPub

3 months ago

🍺 Hey, designers 👋🏻, Send us your creative workspace in comments below 🙂👇🏻🖥️💻 #webdesignerspub #css #webdesign #js #workspace #creative #designer

0 0 1 121 1

Download Image

Web Designers' Pub @WebDesignersPub

5 months ago

🍺 Hey, designers 👋🏻 Get an elegant Tab widget built with CSS and JS. 🔗 Codepen link: codepen.io/iamfilipp/pen/… #webdesignerspub #css #webdesign #js #tab #course

0 2 2 328 2

Download Video

Web Designers' Pub @WebDesignersPub

5 months ago

🍺 Hey, designers 👋🏻 How about building A Weather App in HTML, CSS & JavaScript? 🔗 morioh.com/a/e7e6a45750bb… #webdesignerspub #css #webdesign #js #video #course

0 1 5 257 2

Download Image

Web Designers' Pub @WebDesignersPub

5 months ago

🍺 Hey, designers 👋🏻 How about using Figma variables for breakpoints? A niche article from Allie Paschal @ @Medium 🔗 Read more: uxdesign.cc/using-figma-va… #webdesignerspub #figma #design #variables

0 1 2 369 1

Web Designers' Pub @WebDesignersPub

5 months ago

🍺 Hey, designers 👋🏻 How about some CSS Loaders? A collection of more than free 500 loading animations 🔗 Link: buff.ly/3suXj0f #webdesignerspub #css #webdesign #animation #loaders

0 4 5 832 6

Download Image

Web Designers' Pub @WebDesignersPub

6 months ago

🍺🎃 No, CSS/JS is not so scary ✻ An amazing work from @jh3yy! Happy Halloween dev & designers! 🎃 🔗 codepen.io/jh3y/pen/OJdXW… #webdesignerspub #css #webdesign #animation #js #codepen

3 28 658 288K 39

Download Video

Web Designers' Pub @WebDesignersPub

7 months ago

🍺 Figma Parallax Effect - Full Tutorial + Free Figma Files ▶️ Youtube tutorial by UIAdrian 👇🏻 youtube.com/watch?v=sN0Q8-… 🎁 FREE #figma file 👇🏻 uiadrian.gumroad.com/l/prototyping-… #webdesignerspub #figma #uxdesign #template #parallax

8 34 712 420K 77

Download Video

Web Designers' Pub @WebDesignersPub

7 months ago

🍺 #css #animation ✻ A simple Font-Weight Transition hover with CSS 🔗 Codepen link by @iamFilipp codepen.io/iamfilipp/pen/… #webdesignerspub #css #webdesign #animation

5 19 553 253K 30

Download Video

Web Designers' Pub @WebDesignersPub

7 months ago

🍺 ChatGPT with DALL-E 3. ✻ A new feature of DALL-E 3 is integration with ChatGPT. By using ChatGPT, someone doesn’t have to come up with their own detailed prompt to guide DALL-E 3; they can ask ChatGPT to come up with a prompt, and the chatbot will write out a paragraph for…

1 16 303 96K 33

Download Video

Web Designers' Pub @WebDesignersPub

7 months ago

🍺 #CSS #tip ✻ Mobile browsers have different UI for top and bottom bars and change viewport height while scrolling, leading to issues with the 'height: 100vh' property on phones. But now we have the "svh", "lvh" and the"dvh" units, dynamically adapting to the current…

7 49 1K 601K 67

Download Image

Web Designers' Pub @WebDesignersPub

7 months ago

🍺 How to write effective #AI art prompts ✻ Good prompts are the backbone of good outputs. AI art generators tend to require more attention to detail—and more attempts—before you get what you're looking for. ⚡️ Article link 👇🏻 zapier.com/blog/ai-art-pr… #webdesignerspub #AI #Art…

3 14 325 63K 7

Download Image

Web Designers' Pub @WebDesignersPub

7 months ago

🍺 #UXDesign #figma #Template As a free Figma page skin, Studio Design provides an impressive amount of ready-made layouts and elements to help you get started quickly. The Figma Studio Design template simplifies the design process significantly. 🔥 FREE #figma file 👇🏻…

1 27 634 224K 32

Download Image

Web Designers' Pub @WebDesignersPub

8 months ago

🍺 #css #javascript ✻ A simple Calculator made with CSS and Javascript 🔗 Codepen link by @iamFilipp codepen.io/iamfilipp/pen/… #webdesignerspub #css #javascript #webdesign #calculator #codepen

4 6 165 75K 20

Download Video

Web Designers' Pub @WebDesignersPub

8 months ago

🍺 Hey, designers 👉🏻 #adobeFirefly is now out of beta! Generative Fill & Expand is now available in the public version of @Photoshop! Very exciting times to be on the field! Your thoughts? 💭👇🏻 #webdesignerspub #AI #design #photoshop #adobe

1 2 128 2K 1

Download Video

Web Designers' Pub @WebDesignersPub

8 months ago

🍺 #css #javascript #particles #animation ✻ Butterfly Particles Polygon Mask Animation made with tsParticles 🔗 Codepen link by @iamFilipp codepen.io/iamfilipp/pen/… #webdesignerspub #css #javascript #webdesign #parallax #tsparticles

19 72 2K 647K 26

Download Video

Web Designers' Pub @WebDesignersPub

8 months ago

🍺 Which loading screen is better for users in terms of UX? 👉🏻 A or B ? 🤔 #webdesignerspub #ux #ui #Poll

13 13 503 56K 6

Download Image

Web Designers' Pub @WebDesignersPub

8 months ago

🍺 #css #parallax #animation ✻ Train Ride parallax effect using CSS keyframe animations. 🔗 Codepen link by Adam Gibbons codepen.io/adam-gibbons/p… #webdesignerspub #css #javascript #webdesign #parallax

1 11 325 40K 9

Download Video

Web Designers' Pub @WebDesignersPub

8 months ago

🍺 #CSS #Tool ✻ Bezier Curves. In CSS animations, easing functions specify the rate of change of a property over time. There are 3 types of easing functions - Linear, Step, and Cubic Bézier. 🔗 Link for article & tool by R. Ekwonye 👇🏻 blog.richardekwonye.com/bezier-curves #webdesignerspub…

0 6 106 20K 3

Download Video

Web Designers' Pub @WebDesignersPub

8 months ago

🍺 #UI #Design #accessibility ✻ WAVE® is a suite of evaluation tools that helps authors make their web content more accessible to individuals with disabilities. 🔗 Link 👇🏻 wave.webaim.org #webdesignerspub #wave #uxdesign #accessibility #webdesign