Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (â‹®) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Hardeep Kumar

Members
  • Joined

  • Last visited

  1.    Igbo reacted to a post in a topic: Designing a website around a not so good logo
  2. Some of the best CMS platforms for ecommerce websites (depending on business size and needs) include: Shopify – Ideal for small to mid-sized businesses looking for ease of use, fast setup, and reliable hosting. WooCommerce (WordPress) – Great for content-driven ecommerce sites that need flexibility and strong SEO control. Magento (Adobe Commerce) – Best suited for large or complex ecommerce operations requiring deep customization and scalability. BigCommerce – A solid SaaS option for growing brands that want built-in features with less technical overhead. PrestaShop – Popular in Europe; offers flexibility for small to mid-sized ecommerce stores. OpenCart – Lightweight and suitable for simpler ecommerce setups. The “best” CMS depends on factors like scale, budget, customization needs, and long-term growth plans.
  3. You’re not alone—many platforms handle <code> blocks differently. In most modern websites, code blocks are not written manually. They use tools or libraries that prevent HTML rendering and add formatting automatically, such as: Markdown parsers (Markdown escapes HTML inside code blocks by default) Syntax highlighters like Prism.js or Highlight.js Server-side escaping (&lt;, &gt;, &amp;) to stop HTML rendering If your platform renders HTML inside <code> tags, it likely isn’t escaping content properly. A common fix is to wrap code in pre + code and escape HTML, or use a Markdown-based editor. For instructors/sites, the best practice is using Markdown + a syntax highlighting library, not manual formatting. This keeps code readable, safe, and consistently indented.
  4. Yes — Publii is a solid static CMS and works well as a lightweight WordPress alternative. Pros: Very fast (static HTML, no database) Secure by default Easy desktop-based editor Great for blogs, portfolios, and small sites Cons: Limited dynamic features Smaller ecosystem than WordPress Needs third-party tools for forms, comments, search Best for: Simple, content-focused sites where performance and security matter. Not ideal for: eCommerce or complex, highly dynamic websites.
  5. For this use case, WordPress is the simplest and most practical option. Recommended setup: WordPress (self-hosted) WooCommerce / Paid Memberships Pro – handle payments Gravity Forms or WPForms – application forms + document uploads WP Customer Area / ProfileGrid – user login, dashboards, file access This allows users to pay, submit forms, upload documents, log in, and later download files you upload, all without heavy custom development. If you want a fully custom solution and can code, Laravel is best. For no-code, Bubble.io also works but costs more monthly. For ease, speed, and scalability: WordPress + plugins is the best choice.
  6. SVG is stable, mature, and widely used across the web. Modern browsers fully support it, and it’s essential for icons, charts, animations, and responsive graphics. It doesn’t get frequent updates because it’s already well-established, not abandoned. Good resources: MDN SVG Guide: https://developer.mozilla.org/en-US/docs/Web/SVG W3C SVG Spec: https://www.w3.org/TR/SVG/ Sara Soueidan on SVG: https://www.sarasoueidan.com/blog/
  7. For a simple brochure + blog site, WordPress is still a good choice if you keep it minimal—use a lightweight theme (Astra or default WP theme), avoid page builders, and install only essential plugins. If you’re comfortable with HTML/CSS and want something even simpler and faster, a static site (Hugo/Eleventy + Netlify) is an excellent alternative.
  8. No, you don’t need role="link" here. Your code is already accessible because you’re using a native <a> element, which has the link role by default. Why this is correct: <a href="..."> is automatically announced as a link by screen readers The alt="Startseite" text provides an accessible name for the link Keyboard navigation (Tab + Enter) works out of the box role="link" is only needed when you’re not using a semantic link, for example: A <div> or <span> acting like a link JavaScript-only click handlers (onClick) without an <a> So your current markup is already the best practice. Just keep the meaningful alt text, and you’re good.
  9. It depends on the font’s license. In most cases, converting text to SVG paths (outlines) does not automatically remove licensing requirements. If the font license restricts commercial use, those restrictions usually still apply even after converting letters to paths. Some fonts explicitly allow: Commercial use Logo use Converting to outlines Others do not. What to do safely: Check the font’s license (OFL, Apache, SIL → usually safe) If it’s a paid or restricted font, get a commercial license Use open-source fonts (Google Fonts) for worry-free commercial work When in doubt, assume a license is required.
  10. Yes In Classic ASP (VBScript), the simplest way is to use the built-in Left() function. Example: <% Function TruncateText(txt, maxLength) If Len(txt) > maxLength Then TruncateText = Left(txt, maxLength) & "..." Else TruncateText = txt End If End Function Response.Write TruncateText("This is a very long text.", 15) %> Output: This is a very... This checks the text length, cuts it at the desired character limit, and adds … only when needed.
  11. Both have strong demand, but the smarter focus depends on your goals. Web development is still the best foundation—every business needs a website, and it offers steady freelance work with a lower entry barrier. It also helps you understand core concepts like APIs, performance, and SEO. Mobile app development, however, is growing faster in terms of product-based startups, SaaS, and long-term contracts, especially for mobile-first businesses. If you’re aiming for higher-value projects, mobile apps often win. For beginners, a practical path is: Start with web basics (HTML, CSS, JavaScript) Move to React Then learn React Native or Flutter for cross-platform mobile apps This way, you can build both web and mobile solutions and stay flexible in a market that values full-stack and cross-platform skills.
  12. This is a common situation. When the logo can’t be changed, the goal is to limit its impact, not redesign it. Keep the logo smaller and give it plenty of white space so it doesn’t dominate the layout. Use a modern, clean font for the rest of the website and reserve the logo’s typeface only for the logo itself. Pull one subtle color from the logo for accents, and rely mainly on neutral tones like white, grey, and black. Strong spacing, clear hierarchy, and high-quality imagery will elevate the design and shift focus away from the logo. In short: contain the logo, modernize the UI, and let layout and usability lead the design.
  13. Designing an effective About Us page for a clothing brand is super important — it’s not just about who you are, but why customers should connect with your story and trust your brand. Here are some tips and ideas to make it impactful: 1. Start with Your Brand Story Share how and why the brand started — your inspiration, passion for fashion, or what problem you’re solving in the clothing space. Make it authentic and relatable. 2. Highlight Your Mission & Values Explain what your brand stands for — sustainability, quality, inclusivity, or craftsmanship. Customers love brands that share their values. 3. Add High-Quality Visuals Include lifestyle images, behind-the-scenes shots, or team photos. People connect more with faces and emotions than just text. 4. Show Your Unique Selling Proposition (USP) What makes your clothing different? Talk about materials, design philosophy, or any ethical production practices. 5. Include Social Proof Add testimonials, press mentions, awards, or influencer collaborations. It builds trust and authority. 6. Call to Action (CTA) End with a clear next step — “Explore Our Collection,” “Shop Now,” or “Join Our Community.” 7. Keep the Tone Consistent with Your Brand Personality If your clothing brand is premium, go for elegant and polished language. If it’s youthful, keep it fun and conversational.
  14. You’re on the right track — the goal is to balance the visual hierarchy so the logo doesn’t dominate the overall design. A few proven techniques that help: Minimize prominence: Keep the logo small and give it adequate white space so it doesn’t clash with other elements. Refine the color palette: Sample one subtle tone from the logo (not the brightest one) and build a more neutral palette—whites, grays, and soft accents—to make the logo feel more intentional. Typography contrast: Use a clean, modern typeface across the site to uplift the overall visual tone. Good typography can make even an average logo feel more cohesive. Strong imagery: Use high-quality photos, illustrations, or textures that draw attention away from the logo and build brand feel elsewhere. Consistent spacing and layout: A balanced grid and good negative space bring polish, reducing focus on any weak visual asset. Basically, design the brand around the logo, not from it—create harmony without letting it lead.
  15. Great tips — totally agree on image optimization and caching! A few more strategies that work well for boosting performance: Use a CDN (Content Delivery Network): Delivers assets faster by using servers closer to users. Lazy Loading: Delays loading of offscreen images until they’re needed. Minify CSS, JS, and HTML: Removes unnecessary code for faster rendering. Database Optimization: Regularly clean and index your database to reduce query time. Small tweaks like these can make a big difference in Core Web Vitals and overall UX.
  16.    Jogeta316 reacted to a post in a topic: Survey results: AI use in Web Design
  17. That’s an interesting study — thanks for sharing! Yes, AI tools have definitely become a part of modern web design and development workflows, but the experience really depends on how they’re used. AI performs well for: Code suggestions and debugging (e.g., GitHub Copilot, ChatGPT) Content generation for wireframes, UX copy, or SEO elements Design automation — creating layouts, color palettes, or image assets Testing and optimization through predictive UX or performance analysis However, as you pointed out, the output quality varies a lot between tools — Gemini and others often lack context or design intuition, so human refinement is still essential. Personally, I see AI as a co-creator, not a replacement. It speeds up repetitive tasks but still can’t match a designer or developer’s strategic and creative decision-making.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.