Dealing With Your Ego as a Designer

A fundamental difference between programming intensive web-development work and graphic-focused web design is that everyone – client to business associates – has an opinion and an alternative vision for the latter. The technically-steep learning curve of coding tends to elicit few opinions and observations, simply because only a handful of clients actually possess the technical…

15 Inspiring Examples of Subtly Animated Logos in Web Design

You’ve probably noticed the subtly animated logo Fubiz released with their recently launched website redesign, or the hidden Easter egg within the new CSS-Tricks logo, or even the non-looping animated logo on David Stanfield’s site. Typically, animated logos have been used mainly in videos, but most recently, we’re seeing these subtly and beautifully animated logos…

I built a Website Builder for Developers and non designers

Web builder for developers and non designer – alphahey everyone,I’m a full stack developer and solopreneur. I say that proudly because I literally do everything from setting up the server, writing the application to making the website. So I try and use as many tools to help with the load as possible.For websites I buy templates because they look great and give you a lot of options. There is a talent that web designers poses. Using layouts, spacing, fonts, images, icons, gradients etc. they are so much more appealing than what I can accomplish from scratch. Even with the help of frameworks like tailwindcss and bootstrap.No code web builders are nice but they’re really design tools. I prefer to use templates with lots of examples in order limit the amount of design I have to do.I started building this tool for myself to make it easier to work with templates I had purchased. Its a drag and drop, low code tool that moves HTML code snippets onto a canvas so you can build the webpage.I decided to launch a public version of the tool. I’ve only been working on it for 3 weeks so it’s still early alpha stage.How it’s different:Upload any template you’ve purchased or own (initial version will handle bootstrap 5 and tailwind 2.2.4 templates)Drag and drop sections of code snippets onto your canvas.Use an HTML editor to edit snippets on the page.Create multiple versions of the same page in case you want to compare between different ideas.It’s a low code tool. You just need minimal experience with HTML.Will also have pre-loaded templates available.Here is the new site with a video explainer. https://designwield.com/

50+ iPad Mockup PSD & PNG Templates

Using an iPad mockup template is a great way to display your latest and greatest responsive website design or app interface. We’ve collected our favorite free iPad mockups, and a few premium options, to get you started. We’ve scoured the web to find over a hundred different tablet and iPad mockups, in all shapes and…

Integrating 3D into Web Dev

Hey folks, how does something like this get made? – https://dribbble.com/shots/15264584-Maze-Rebranding-Website-HomepageVery new to bringing my 3D work into web design and I’d like to know what this workflow is like. If someone could give me a detailed breakdown of how I can create a landing page with a 3D animation on loop in the background, that’d be sweet! I’m a complete n00b at code, so if coding in involved, explain it to me like I’m 5. Thanks! 😀

How To Develop An Ecommerce Website?

From where did you buy your brand new Apple smartphone last month? Or from where did you purchase those Reebok running shoes as a birthday present for yourself? Most likely from Amazon, eBay, or other similar eCommerce stores, right? As internet boundaries are expanding and connectivity improves, more and more physical or brick and mortar…

How to Help Your Clients Overcome Fear of Commitment

Making decisions can be difficult. Yet, some people have a harder time than others. Such fear of commitment can affect multiple areas of life – including business. In particular, the process of building a website is rife with important decisions to be made. Because of that, a commitment-phobic client may become overwhelmed. Having to make…

Webdesigners : Do you prefer to be provided with a wireframe or a simple HTML/Bootstrap layout to understand the requirements?

I am a backend developer and this is my first time hiring a web designer.The designer’s job is to create 5 generic eCommerce designs for a generic eCommerce website which I built using PHP for the backend and Bootstrap for the frontend.I don’t want the actual website to be styled with Bootstrap but with CSS/Sass instead.Should I provide the designer with:a wireframepure HTML + BackendBootstrap + Backend (see screenshots below)OtherI can even host my website in its current form so that the designer can even interact with the backend and get a full idea of how the website works such as redirects, flash messages, etc. and like this he will know what other hidden elements there are that require styling (modals, popups, flash messages).Product Listings | Cart | Checkout | Product DetailsUser Authentication | Flash Message