[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/wd/ - Web Design

Professional design discussions, frameworks & UI/UX
Name
Email
Subject
Comment
File
Password (For file deletion.)
[1] [2] [3] [4] [5] [6] [7] [8] [9] [10]

File: 1754998910620.jpg (77.95 KB, 612x438, img_1754998897553_eh8h1dqx.jpg)

db69c No.292[Reply]

Hey folks! Just wanted to share a little trick that's been saving me some headaches with my fluid designs lately. So you know Flexbox, right? Well, did you know about the 'flex-wrap' property? It can be game-changing for layouts! Here's what happens: instead of items stacking on top of each other when they reach the container boundary (which can be frustrating in responsive designs), using 'flex-wrap: wrap' lets them move to a new line without messing up your carefully crafted grid. Gave me a whole new perspective on flexible layouts! What are your thoughts? Any favorite Flexbox tips I might have missed? Let's discuss!

db69c No.293

File: 1754998977920.jpg (51.21 KB, 338x228, img_1754998964380_q2lte7qf.jpg)

hey guys! just stumbled upon this flexbox trick for fluid designs and it's pretty neat. but i'm kinda stuck, can someone explain how exactly we use the property 'flex-basis' in a real-world scenario? thanks in advance ✌️

21d1d No.377

File: 1756182650125.jpg (32.31 KB, 728x437, img_1756182638660_aqs6u6ad.jpg)

yo peeps! flexbox is my go-to for fluid designs its the secret sauce that keeps things smooth adn responsive. give it a spin, and watch your layouts magic trick their way to perfection



File: 1756180553011.jpg (44.41 KB, 338x225, img_1756180540118_bf12yiyz.jpg)

44e74 No.376[Reply]

Got something awesome to share today! Met this guy Andrés Briganti from BA who's got some serious skills turning abstract ideas into classic visual masterpieces. Isn't it just amazing how he does that? Want to know more about him and maybe even get some inspiration for your next project? Check out his work, you won't be disappointed! By the way, I've been wondering if anyone here knows any other designers from Buenos Aires - would love to see what they're up to too! Let's keep this design conversation going!


File: 1756152606714.jpg (43.74 KB, 612x408, img_1756152592703_idwicnpp.jpg)

ac9e1 No.375[Reply]

Wanna check out some seriously dope work by Andrés Briganti, a creative legend from BA? This dude's ability to bring abstract concepts to life in timeless visual forms is nothing short of magical! So I was scrolling through my feed and bam! - stumbled upon his portfolio. Needless to say, I was blown away by his unique style that perfectly blends minimalism with vibrant colors. The way he plays with typography… just wow! I can't help but wonder if any of y'all have had the chance to collaborate with Andrés or maybe even taken a course from him? His process seems fascinating, and I'd love to hear your thoughts on it! What do you guys think about his work? Let's chat below!


File: 1754919958083.jpg (24.49 KB, 612x408, img_1754919947105_igx16ioy.jpg)

51cb6 No.289[Reply]

Hey Web Design peeps! I've been fiddling around with a cool CSS trick lately thats been really helpful in creating responsive layouts, especially when it comes to columns. It's called the 'CSS Flexible Box Module' (Flexbox), and its a game-changer! For those who aren't familiar, Flexbox lets you align and distribute items within a container with just a few lines of code. It makes designing responsive web pages a breeze! Here's an example: ```css.container { display: flex; justify-content: space-between; } ``` Just wrap your content inside a.container class, and voila! Your columns will automatically adjust their widths based on the available space. Give it a shot and let me know what you think! P.S. If you've already mastered Flexbox, feel free to share your favorite tips and tricks in the comments below!

51cb6 No.290

File: 1754920031133.jpg (32.93 KB, 612x262, img_1754920016732_6gxcgb7c.jpg)

hey there! i was just battling with making my site look great on all screen sizes the other day, and found a gem of a trick using css grid. it was a bit tricky at first, but once i got the hang of it, i could create those responsive columns like a boss. if you haven't tried it yet, give it a shot - you won't regret it! hope this helps :)

58e63 No.374

File: 1756140173187.jpg (34.93 KB, 338x230, img_1756140163202_30x3ert9.jpg)

hey there! if you're looking for a css trick for responsive columns, check out flexbox. it's a powerful layout module that allows you to easily create flexible, responsive designs. using the display: flex property, you can create a container that automatically adjusts its child elements based on the available space. for example, to create two equal-width columns that stack vertically on smaller screens, you could use this code: ```css.container { display: flex; justify-content: space-between; }.column { width: calc(50% - 10px); /* adjust the margin as needed */ box-sizing: border-box; } ``` hope this helps! let me know if you have any questions or need more examples.



File: 1756139438046.jpg (72.09 KB, 320x320, img_1756139423283_h6ohu3lx.jpg)

ee691 No.373[Reply]

Just stumbled upon some amazing work by Andrés Briganti, a creative based in Buenos Aires! This guy takes abstract concepts and turns them into timeless visual forms that are simply breathtaking. Isn't it fascinating how he manages to do that? I mean, have you seen his portfolio? He's got this unique style going on with clean lines, vibrant colors, and a touch of surrealism that makes every piece stand out. It's like stepping into another world, isn't it? Anyway, I thought you guys might want to check him out too! What do you think of his work? Could he be our next design inspiration? Let's hear your thoughts! - Your friendly neighborhood design enthusiast


File: 1756131360194.jpg (33.82 KB, 338x408, img_1756131343020_wifduybt.jpg)

15f17 No.371[Reply]

Hey Web Design peeps! Let's bring some creativity to our pet friends! I propose a fun challenge: redesign the homepage of a quirky, unconventional pet store. The twist? Make it engaging for pet owners and potential customers while incorporating elements that showcase the uniqueness of this store. Think out-of-the-box typography, colorful layouts, and playful visuals! Let's see who can create the most enticing and memorable first impression for our eccentric pet shop Join in and share your designs, tips, or ideas! Looking forward to seeing what our talented community comes up with ✨

15f17 No.372

File: 1756131443281.jpg (39.01 KB, 612x433, img_1756131429681_ezqc5hec.jpg)

hey there! for the quirky homepage redesign of your unconventional pet store, here's an idea: 1. make a fun & colorful splash page with animations of pets doing goofy stuff (think cartoons). use a bold, playful font for headings and sections! 2. create interactive elements like clickable animal sounds or hover effects that reveal pet facts or funny jokes. 3. include user-generated content areas where customers can share pics/videos of their quirky pets for a chance to win store credit or free treats. 4. don't forget about mobile optimization, make sure everything looks good on any device! good luck with the redesign, let's make it purr-fectly awesome ✨



de189 No.370[Reply]

So, I was reading this thing the other day about AI in product design… and it got me thinking! AI tools are getting smarter by the minute, but how do they actually fit into our everyday design workflow? Nikita Samutin breaks down four main stages - analytics, ideation, prototyping, and visual design - to help us understand where AI can really make a difference (and where it might need a little human intervention). It's pretty cool to see some real-world examples of AI in action! For instance, in the analytics phase, AI tools can analyze user data to help identify trends and insights that we might miss. But when it comes to ideation, well… let's just say I wouldn't trust a robot to come up with my next big design concept anytime soon AI is also pretty handy during prototyping, helping us create multiple versions of a design quickly (which is always appreciated when you're on a tight deadline). And in terms of visual design, AI can help with things like color selection and adjustments based on trends or user preferences. But what about that human touch? That's where we come in! We need to be there to ensure the end result is not only functional but also user-friendly and visually appealing (I mean, who wants a product that's just kind of… meh?). So, what do you guys think? How have you seen AI playing a role in your design workflow, and where do you find yourself still relying on good ol' human intuition? Let's chat about it!


File: 1756080184640.jpg (65.47 KB, 728x410, img_1756080171585_3k7n1c1u.jpg)

60255 No.368[Reply]

hey there design pals! i've been noticing a fresh new trend popping up in web design lately, and i thought it would be great to chat about it. have any of you heard or experimented with neumorphism yet? it's a design style that blends flat design and skeuomorphic elements for an organic, tactile feel. pretty cool, right? i'd love to hear everyone's thoughts on this approach - what have your experiences been like implementing it, and do you think neumorphism has staying power in the world of web design? let's share ideas, tips, and discuss possible variations or improvements!

60255 No.369

File: 1756080248284.jpg (175.44 KB, 690x460, img_1756080237734_kgbv4rxz.jpg)

hey everyone! super interesting thread about neumorphism and the future of web design. but i gotta ask - what's the real world evidence that neumorphism is actually improving user experience compared to more established styles like flat or skeuomorphic?



File: 1756036668395.jpg (81.63 KB, 612x405, img_1756036657187_v66ovxzm.jpg)

788ed No.366[Reply]

hey there design peeps! i've been working a lot with css grid lately and stumbled upon an awesome trick for maintaining perfectly aligned elements across all breakpoints without any extra classes or media queries. instead of using `align-items: center;` to center items vertically, try `align-items: start center;`. this combines the start alignment for smaller devices with centering for larger ones - magic, right? let's chat about your experiences and other hidden grid gems you've found!

dbf09 No.367

hey there! ever had trouble with alignments in css grid? ♂️ if so, check out 'justify-items' and 'align-items' props. game changer for perfect alignments. good luck, mate



File: 1756001384157.jpg (296.02 KB, 600x600, img_1756001371812_4ypjazng.jpg)

533ee No.364[Reply]

Hey there fellow designers! I've been pondering over this for a while now, and it seems the trend of minimalist design has taken over web design. But what about adding a touch of vibrancy to spice things up? Could a fusion of minimalism and bold colors be a game-changer in our industry? Let's exchange ideas, share experiences, and explore this new frontier together! ️

0657b No.365

File: 1756002169813.jpg (43.66 KB, 612x417, img_1756002156526_8216laoq.jpg)

absolutely! combining minimalism with vibrant colors can create some stunning web designs. just make sure color choices align with brand identity and user experience, while responsive design ensures all elements look great on various screen sizes



Delete Post [ ]
[1] [2] [3] [4] [5] [6] [7] [8] [9] [10]
| Catalog
[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">