A designer is like a carpenter. In order to get things done, a carpenter needs materials and a professional tool kit. Without it, a carpenter is only a simple man with great dreams, a Sisyphus who never fulfills his aspirations.
Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers.
There are countless resources for web designers and developers on the market, but which stand out? We’ve tried to pick some that are new and interesting, based on our experience with web designers and developers.
This article was created in partnership with Mekanism. Thank you for supporting the partners who make SitePoint possible. We’re always on the lookout for the best web tools and services available for designers and developers.
Below, we are reviewing almost 30 web tools and services which are recommended by web designers and developers. Built from scratch to meet the difficult requirements of entrepreneurs, web designers and developers, ListingPro remains the No.
For most of us $29 isn’t going to break the bank. However, if you’ve got an interest in web development and a bit of drive to learn some handy new skills, it could be life changing. That’s the price that The Complete PHP & MySQL Web Development Bundle has been slashed to this week.
We all know how important site architecture and usability is to a website’s eventual success or failure. While the actual mechanics of site building are usually front and center in web development, it’s surprising how seldom a user’s feelings about a site actually enter the equation.
My interest in coding my designs was lost at the the moment I realized how much trickery had to be done to make it happen. Seemingly simple issues could be solved in so many ways. Yet it still might not have worked on some browsers.
When thinking about web design, you must consider the full spectrum of possibilities that the internet presents. Done boldly, designers can push the limits of human interaction and imagination on a global scale – as is often seen with edgier industries, such as creative agency websites.
A couple of caveats before we begin: We don’t claim to be comprehensive. These lists are drawn from suggestions from readers (not all of which were included) plus our own recommendations.
Before I tell you about the awesome solution, let me paint a picture of the not-so-cool problem. Designers generally create site designs using Photoshop or Illustrator—using multiple layers and files to show different pages, hover states, and screen sizes.
A great web design is so much more than just delivering content and making it look good. When visitors come to your site, they produce a set of feelings about your website and your organization.
Almost every Web designer can attest that much of their work is repetitive. We find ourselves completing the same tasks, even if slightly modified, over and over for every Web project.
Developers and designers need to initiate a conversation about the ethics of web design, i.e. how do we define and measure goodness and rightness in the digital realm? It’s important to discuss responsibilities, decisions, and consequences.
Responsive web design term is related to the concept of developing a website design in a manner that helps the lay out to get changed according to the user’s computer screen resolution.
Jeffrey Zeldman is every web designer’s friend, whether they know him personally or not. He has spent the last two decades pioneering web standards all while educating, collaborating, and nurturing an inclusive community on- and offline for web designers.
When I gave this talk a title, I called it “A Modern Designer’s Canvas,” because originally I was going to talk about the tools and processes that I use when I’m designing. But being a good designer or developer is about so much more than knowing how to use tools.
Get dozens of resources, plus expert tips on how to build a KILLER portfolio even if you're an absolute beginner. As I scrolled through tech portfolio after tech portfolio, looking for inspiration for my very first single-page personal site, I felt something drop to the pit of my stomach.
By connecting vaccine experts to the latest in HIV research, providing online shoppers with a virtual dressing room, and finding a better way for designers to collaborate in real time, these sites and platforms are expanding what the web can do–and challenging the very definition of a website.
If you’re building a four-page website for your family reunion or a 5000-page website for a Fortune 500 company, then this guide might not be for you; it will either be too detailed or way too short, respectively. Planning is essential for most businesses and organizations.
I’ve prepared a list of 300 web resources that are not only awesome, but free to use. if I am missing any other useful resource! This post is part of our contributor series. The views expressed are the author's own and not necessarily shared by TNW.
Most of SuperFriendly’s work over the last few years has been with organizations that need specific help with crafting design systems that enable them to extend the work long after we’ve handed off initial work. It’s not uncommon to receive initial inquiries containing sentences like these:
If you’re a web developer, you need to consider how your designs will appear on mobile sites. Responsive web design is an excellent way to adapt to all screen sizes. These GIFs can teach you how it works.
Designing and developing websites that work well on mobile devices is an important aspect of the work we do on today’s Web.
If you're paying attention to what's going on in the design world, you've probably noticed the ongoing debate around skeuomorphism vs flat design. So here's a quick test. Which of these two calculators feature a skeuomorphic design?
What Zen was to the 70’s (most famously with motorcycle maintenance), the Tao Te Ching was to the 90’s. From Piglet and Pooh to Physics and back, many have sought sense in applying the Tao Te Ching to something (the Tao of Physics), or something to the Tao Te Ching (the Tao of Pooh).
Applying to a design studio? I better call myself a web designer. Being interviewed by a software architect? “Hi, I am a web developer!” So I immediately registered for my first design class to take during my final semester of college.
There are a lot of unknowns to design and build for, but if we embrace unpredictability and if we pick a strategy to create more cohesive, consistent design systems, we can tackle any level of complexity — in fact, we do it every single day.
Another hybrid tool that could fit into multiple categories, Funnel lets you easily add forms to your website to collect information from prospective clients. Once you get an inquiry, Funnel makes it easy to create a proposal and get the project moving.
Please notice that this article is targeted at newcomers to the industry rather than seasoned designers and developers.
A device pixel (or physical pixel) is the tiniest physical unit in a display. Each and every pixel sets its own color and brightness as instructed by the operating system, while the imperceptible distance between these tiny dots takes care of tricking the eye into perceiving the full image.
Programmers like me are often intimidated by design – but a little effort can give a huge return on investment. Here are one coder’s tips for making any site quickly look more professional. But although I am a programmer, I want to make my sites look attractive.
The skills you’ll need to land a job as a front-end web developer will vary from one place or one position to another, but there are several skills that are common to most web development jobs. Skillcrush shares 11 of them below.
Designing websites can be a long and complicated process. Dealing with clients, designing prototypes, coding, programming, and testing – there’s a lot to keep track of and a lot to make sure gets done. That’s where web design checklists can make your life a whole lot easier.
To prepare for a talk about the changing roles of designers and developers, given at HOW Interactive a few months back, I interviewed 20+ web shops.
A decade ago I started a web design company. We grew and grew, and after ten years of hard work, I’ve finally been able to get rid of it. Don’t get me wrong – we were successful, had fun and did good work.
Flexbox requires a new way of thinking. Instead of arranging items in left-to-right, top-to-bottom rows and columns, we arrange blocks on a line — two lines, in fact, a main axis and a cross axis, the first of which we’ll use today.
If you are like me, when you see an impressive demo of a new CSS3 feature, you can't wait to start using it in websites. Of course, then you see that it is available in only one or two of the major browsers (and this never includes IE), so ultimately you decide to wait.
Take any creative field and you'll find well-known influencers who are responsible for leading the way, either with new interpretations, technical approaches or ideas. This is true whether you're looking at David Bailey in the photography world, or Tracey Emin in fine art.
We talk a lot about progressive enhancement and how it improves backwards compatibility.
Of all of the types of websites, the portfolio site has to overcome what might be some of the most difficult hurdles. Talk to almost any designer and they will agree, launching your own portfolio site is a painful process.
Find out EXACTLY what you need to do to land your first full-time job as a web developer. I’ve spent years in the tech world, as a designer, sometimes-developer, and mostly as a writer.
The Complete Visual Guide 61 examples showcasing the best web design techniques. Dozens of visual case studies revealing the methods behind eye candy Best practices from companies like Paypal, Adidas, Starbucks, Facebook, Spotify, Fitbit, Google, Dropbox, and more.
There are thousands of books available for web designers and developers online. There has been no language, no point of discussion, or no trend that has not, at one time or another, been extensively explored and analyzed, and eventually published as an eBook.
Today Smashing Magazine turns eight years old. Eight years is a long time on the web, yet for us it really doesn’t feel like a long journey at all. Things have changed, evolved and moved on, and we gratefully take on new challenges one at a time.
Let’s assess the situation. WordPress is an extremely popular, flexible, easy to use and open-source blogging and CMS system. More and more mobile devices are flooding the market every day, changing the way people use the Internet.
$100k seems like some sort of a magical number, doesn’t it? It sounds like so much more than $90k or $95k. And it’s as if breaking that 6-figure mark carries psychological weight—it’s kind of like saying, “I’ve made it! I’m successful by objective standards!”
The navigation bar is the most important design element on a website. Not only does it guide your users to pages beyond the homepage, but it’s also the singular tool to give users a sense of orientation. With this in mind, it’s important to adhere to time-tested design and usability conventions.
In this article, I’d like to reacquaint you with the humble workhorse of communication that is the paragraph. Paragraphs are everywhere. In fact, at the high risk of stating the obvious, you are reading one now. Despite their ubiquity, we frequently neglect their presentation. This is a mistake.
Interested in learning how to build web sites or improve your web design skills? There's a wealth of resources for you (including our own night school on the topic). Here, in one place is an exhaustive guide to the best tools around, curated by SkilledUp after reviewing over 140 resources available.