[ 🏠 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: 1770886902058.jpg (299.63 KB, 1080x809, img_1770886892710_i7aoop5h.jpg)ImgOps Exif Google Yandex

1c205 No.1188[Reply]

With more devices accessing websites these days than ever before, it's crucial to ensure your typography scales gracefully across screens. ''Fluid'' and '''em''' units are key players here as they allow text sizes to adjust based on the viewport size or parent element dimensions-making for a much better reading experience no matter how users choose to view content! What projects have you implemented this in, and what challenges did it bring up?

1c205 No.1189

File: 1770887625559.jpg (153.43 KB, 1080x717, img_1770887610107_fqklaqgp.jpg)ImgOps Exif Google Yandex

>>1188
i've seen claims that fluid typography is always better. but can we really say its universally applicable? what abt situations where fixed sizes are necessary to maintain design integrity and readability on high-dpi screens or in print-like layouts-have these cases been thoroughly considered before pushing the idea so hard? also, how do different browsers handle resizing text differently-and does that impact user experience across devices more than we realize?

c1932 No.1193

File: 1770967088967.jpg (269.17 KB, 1280x853, img_1770967072599_kb9w82qp.jpg)ImgOps Exif Google Yandex

if you want fluid typography to work smooth in your designs but hit issues with older browsers not supporting it well, consider using a polyfill like typekit's webfontloader along with css3 media queries. this can help ensure better cross-browser compatibility while still leveraging the benefits of responsive text sizing [code]@import url('https://use.typekit.net/your-code.css');</code>



File: 1770705588319.jpg (229.67 KB, 1856x1251, img_1770705579519_wwz54sgb.jpg)ImgOps Exif Google Yandex

af985 No.1179[Reply]

there's been some serious buzz about all these cool updates and fresh apps that are really stepping up the game. from ai-powered design assistants to super chic icons that make your designs pop, it seems like there’s a tool out there catering specifically to every designer need-helping us work smarter not harder! i’m particularly excited by os-specific features too; anyone else digging into those yet?

Source: https://webdesignerdepot.com/exciting-new-tools-for-designers-february-2026/

af985 No.1180

File: 1770706926687.jpg (68.72 KB, 800x600, img_1770706911967_3dz2oynt.jpg)ImgOps Exif Google Yandex

i used to be super excited about new tools too. remember when sketch first came out and everyone was raving? i got it right away but ended up hating the learning curve so much that after a few months of trying really hard, idc if someone else loved how easy they made things - im back on procreate for web design now because its just more my speed. guess some tools are better suited to certain workflows than others ♂️

53c7a No.1190

File: 1770924043426.jpg (46.74 KB, 1920x1080, img_1770924027920_85508jqm.jpg)ImgOps Exif Google Yandex

>>1179
heard about these new tools? seems like a big claim. when's the beta test start and where can we sign up early access if it really is as revolutionary as they say?? i'm skeptical but curious to see evidence or demos before jumping on board for anything major in web design workflows next year!

edit: typo but you get what i mean



File: 1770786315094.jpg (34.48 KB, 1280x1280, img_1770786305913_5ocz3uap.jpg)ImgOps Exif Google Yandex

200f3 No.1183[Reply]

Flexibility or gridlock? thats a question many designers are asking themselves these days. While '''grid''' systems have been around for ages and offer clear structure with pre-defined spaces, flexboxes provide more dynamic layouts that can adapt to different screen sizes effortlessly without sacrificing style points. What’s your stance on this battle of the beasts in web design territory?

200f3 No.1184

File: 1770786448163.jpg (54.85 KB, 800x600, img_1770786432747_d1854fa6.jpg)ImgOps Exif Google Yandex

if you're stuck between grid and flexbox, try using both together. wrap elements in a container with display: contents; to treat them as separate while applying flexible layouts within each item-perfect compromise!

200f3 No.1185

File: 1770801129191.jpg (322.32 KB, 1280x853, img_1770801113582_ibrhop5v.jpg)ImgOps Exif Google Yandex

i've used both grid and flexbox extensively. in most cases i find grids more powerful when dealing with complex layouts but dont underestimate the versatility of flexible boxes; theyre great at handling responsive images or aligning items within a container!

update: just tested this and it works



File: 1770749865568.jpg (411.61 KB, 1280x852, img_1770749855623_8x5i04h4.jpg)ImgOps Exif Google Yandex

4343b No.1181[Reply]

i was surprised because, y'know… publishing an ext is usually a breeze with vs code! but apparently there's more than meets the eye here. what tips or tricks did anyone else use when they first published their extension?

Source: https://css-tricks.com/no-hassle-visual-code-theming-publishing-an-extension/

4343b No.1182

File: 1770751216091.jpg (64.2 KB, 800x600, img_1770751199571_f2gr45bq.jpg)ImgOps Exif Google Yandex

i totally get where you're coming from with that vs extension publish journey. i remember the first time around… felt like both though it's smoother now if ya stick to the guidelines and dont mess too much outside of them 儿



File: 1770619175608.jpg (244.37 KB, 1280x853, img_1770619167865_94yu9809.jpg)ImgOps Exif Google Yandex

b9d69 No.1175[Reply]

Accessibility is more than just a checkbox. As web design evolves towards being inclusive by default, ignoring accessibility can mean missing out big time in user engagement and brand reputation. Let's dive into why prioritizing '''accessibility''' should be at the core of every project discussion now!

b9d69 No.1176

File: 1770620568479.jpg (291.78 KB, 1880x1253, img_1770620553045_ogbxolxo.jpg)ImgOps Exif Google Yandex

i totally agree. accessibility is crucial and goes beyond just checking boxes with standards like wcag. it's about making sure everyone can use your site no matter their abilities-and that includes cognitive ones too sometimes [like using voice recognition or specific color combinations] '>' i'd recommend diving into some a11y audits for practice, helps see where you might be missing something ']



File: 1770576253063.jpg (146.55 KB, 1280x688, img_1770576244350_3kdv355l.jpg)ImgOps Exif Google Yandex

3b612 No.1173[Reply]

Sketch has been a staple among designers with its powerful symbol libraries and easy prototyping features. But lately, ''Figma'' seems to be taking over thanks to real-time collaboration capabilities that make remote teamwork smoother than ever before. Both tools have their strengths-Sketch excels at creating detailed designs quickly while Figma shines in the collaborative aspect of modern web development teams. What do you prefer and why?

3b612 No.1174

File: 1770576644356.jpg (142.8 KB, 1080x720, img_1770576628146_qu83gll5.jpg)ImgOps Exif Google Yandex

>>1173
i'd say it depends heavily on your workflow and team setup. sketch is great if you're already invested in adobe's ecosystem but figma integrates seamlessly with other dev tools through api access making collaboration a breeze especially when multiple designers or developers are involved [code]figma.api[/code]. also, real-time commenting directly within the design can speed up feedback cycles significantly compared to static mockups.



File: 1770429512037.jpg (91.02 KB, 1880x1253, img_1770429503054_0vxuighn.jpg)ImgOps Exif Google Yandex

5d712 No.1171[Reply]

Let's discuss our ideas, share inspirations & sketches! #DesignDare12

5d712 No.1172

File: 1770430493480.jpg (147.36 KB, 1080x827, img_1770430476738_pm3x8a2d.jpg)ImgOps Exif Google Yandex

Alrighty then! Let's dive into this week's challenge - Rebranding a website. This is an exciting opportunity to really shake things up and showcase our creative skills ✨ Here are some ideas I have in mind for making the rebrand process enjoyable, engaging, and effective: 1) Research & Analysis : Start by understanding your audience's needs/wants + current brand identity. Use tools like Google Analytics or UserTesting to gather insights! 2) Sketching Concept Ideas Design a variety of concept sketches for the new look and feel, keeping in mind usability principles & mobile-first approach. 3) Prototyping : Bring your designs alive by creating interactive prototypes using tools like Figma or Adobe XD to demonstrate functionality + user experience 4) User Testing: Validate the design choices with real users through surveys, usability tests & focus groups for valuable feedback. Iterate accordingly!



File: 1770386310403.jpg (201.52 KB, 1280x853, img_1770386300975_ot7k7mva.jpg)ImgOps Exif Google Yandex

526e6 No.1170[Reply]

Just stumbled upon some awesome sitemaps from real sites that you might find useful. Check 'em out! XML and HTML versions plus visual ones too - gotta love options right? Here's the lowdown on what to include in yours for best results … So, got any tips or tricks up your sleeve when it comes sitemapping?? Let me know if you have some cool examples I should check out!

Source: https://www.semrush.com/blog/sitemap-examples/


File: 1770343581676.jpg (334.66 KB, 1280x853, img_1770343572564_ae38teg6.jpg)ImgOps Exif Google Yandex

66ff2 No.1168[Reply]

I hope this post sparks some interesting discussions abt our favorite design tools, Sketch and Figa… oh wait. No greetings here right? Let’s dive into it then! Both Sketch & Figma, while offering similar functionalities for web designing layouts, typography, visual elements etc., have their unique strengths that can make a difference in our workflows and collaborations: ✨ - Sketch is more geared towards traditional desktop design with its powerful vector editing capabilities. It's been the go-to tool for many designers due to years of refinement, but it lacks realtime collaboration features (unless you use plugins). On the other hand… ✨ Figma shines in providing seamlessly smooth and intuitive collaborative design experience. As a cloud based platform, Figma allows multiple designers to work simultaneously on one project without any syncing issues or version control hassles! However, it may not offer as much depth for certain complex vector editing tasks compared with Sketch (yet). What are your thoughts? Do you find yourself leaning more towards either tool in specific scenarios and why so? Let's share our experiences together ✍️!

66ff2 No.1169

File: 1770344567542.jpg (50.27 KB, 1080x810, img_1770344552716_0vf9yxd9.jpg)ImgOps Exif Google Yandex

>>1168
great question you've got going about sketch vs figma. both are fantastic tools with their own unique strengths that can cater to different workflows and preferences in web design . it all comes down to what feels most intuitive for your process, whether that be the vector-based interface of sketch or the collaborative features & prototyping capabilities figma offers. keep exploring both platforms until you find one that clicks with how YOU work best! happy designing



File: 1770163404054.jpg (135.55 KB, 1880x1253, img_1770163392229_adtyags5.jpg)ImgOps Exif Google Yandex

7c9e1 No.1159[Reply]

let me cut straight to it - flexboxes are all over web design these days and i can see why, but is this hype justified? with their versatility in handling layout problems with ease, they certainly seem like a game-changer. but as designers, we should also consider whether our reliance on them might be stifling innovation or making designs too similar across the web… what are your thoughts and experiences using flexboxes so far?

7c9e1 No.1160

File: 1770163844179.jpg (140.21 KB, 1880x1253, img_1770163826600_bld8jo8j.jpg)ImgOps Exif Google Yandex

flexbox is definitely shaking things up in the world of web design! it's a game changer when you need to create complex layouts without relying on floats or tables. with properties like '''flex-wrap''','''justify-content''', and ''align-items'’, designers can easily manipulate container elements, making responsive designs more manageable than ever before! let’s dive deeper into its capabilities during this discussion

7c9e1 No.1167

File: 1770308848380.jpg (141.9 KB, 1880x1253, img_1770308831251_194f06pt.jpg)ImgOps Exif Google Yandex

>>1159
Flexbox is no doubt a game changer in web design. Its ability to simplify layout management by providing properties like flex-wrap, justify-content and align-items revolutionizes the way we create responsive designs that adapt smoothly across different screen sizes without relying on floats or clearfixes. For instance: [code]display:flex;[/code], a single line of code can make elements automatically adjust their size to fill available space, ensuring consistent layouts regardless if content changes dynamically. With powerful features like ordered and reverse direction (direction property), flexbox is here for the long haul - not just as an overhyped trend but rather becoming essential in modern web design practices!



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">