Creative Web Design Pictures, News and Links

best website design examples, award winning websites reviews

News Categories: SEO  Design  Marketing

15 Unmissable Web Design Podcasts for 2019

Web design gets broader everyday, with new technologies entering the field on a seemingly weekly basis. As a web designer, you need to stay on top of these technologies, and upgrade your skills, or you’ll become obsolete. But it’s tough to keep up when you’re reading countless Medium posts, and scouring the latest ebook for tips. That’s where podcasts come in. The (usually) short episodes are like talk radio for the web, and are a great way to keep up to date on new technology and ideas. Today we’ve collected 15 podcasts that are worth trying, if you’re not already addicted. Download a few, and listen to them on your commute, you’ll arrive at work inspired, more knowledgeable, and ready to go. 1. Responsive Web Design Podcast The Responsive Web Design Podcast is brought to life by Ethan Marcotte and Karen McGrane. There are currently over 150 episodes, and still counting. Ethan and Karen conduct discussions and interviews centered around responsive design, and well-known sites that have implemented it. 2. ShopTalk Show The ShopTalk Show is a huge deal, achieving a massive amount of publicity and attention, thanks to the efforts of Dave Rupert and Chris Coyier. Experts from across web design and development are invited on, on a weekly basis, and they’ve amassed over 350 episodes to date. If you’re into web design, and love staying in touch with the latest web technologies then this is one podcast you’ll definitely want to check out. 3. The Web Ahead Jen Simmons is the anchorwoman for The Web Ahead, through her resilience and love of tech, she invites renowned experts to speak their views and ideas on various web topics ranging from responsive web design, programming languages, and many other topics. You’re able to access fresh episodes on weekly basis, which are usually above an hour in duration. 4. The Boagworld UX Show Paul Boag’s a very successful writer on web design, and he’s been in the industry for years with a number of successful publications under his belt. His accomplice on The Boagworld UX Show is Marcus Lillington, who has an incredible history of successes as well. This podcast channel runs to almost 500 episodes, all of which can be subscribed to, through your favorite podcast player, or RSS. 5. Alexa Stop If I was ranking these podcasts starting with my favorites, Alexa Stop would have been right at the top. Jim Bowes and Robert Belgrave...

29 automotive and car logos that leave the competition in the dust

How do you show your customers they are making the right car purchase before you’ve even handed over the keys? How do you show them that your repair shop is the best in town? Having an effective automotive logo design for your business can go a long way towards demonstrating the personality and credibility of your brand. Your logo is the front door of your company, it’s the welcome mat customers get when they look you up online or see the front door of your store. Your design needs to attract and persuade customers through strong visuals, show the inspiration behind what you do, and stand out in a world full of competitors trying to overtake you (pun intended). Below we’ve put together some of the hottest car logo ideas out there to help provide you with the inspiration you’re looking for when it comes to your automotive logo design. What makes a good automotive logo?
— Think of some of the most famous car logo designs out there. In a competitive world, companies like Ford and Toyota have survived and thrived with largely unchanged logo designs. What is it about these designs that keeps them ahead of the competition? The originality and unique design of these logos is largely what gives these brands an edge, but it’s also the way they show customers their strength and integrity. Design by Sava StoicYour logo belongs in the automotive world so you need to ensure customers are aware of this when they look at it. Notice that both the Ford and Toyota logos feature strong and timeless metallic design, which makes them instantly recognizable as automotive companies. You’ll also want to keep things pretty simple―don’t have too much going on to confuse the customer. Strength, simplicity, and class are all important characteristics in the automotive industry and you’ll want to make sure these traits are displayed in your logo. Be aware that you still want to stand out though. Demonstrating what industry you’re in is important, but you don’t want to simply blend in and be too similar to competitors. Think about how your company started, is there something unique to your brand that can be displayed in your logo? Is your business modern and state-of-the-art or are you all about classic and vintage cars? Get it in your logo design to show customers both what you do and why you do it. Amazing ideas for automotive logos
— Not every logo in the automotive industry...

The Right Way To Use The Width Tool In Adobe Illustrator

For the creative folks, whose work life is predominated by major creative software of Adobe suite, knowing all the tools and using them in their designs can be of paramount importance to optimize  workflow, time management and deliver quality designs. Adobe Illustrator is one of the most widely used designing tools which every designer would have worked on and mastering this tool is quite important.  While there is an array of tools available in Illustrator, width tool in Adobe Illustrator is one such hidden gem, which majority of design artists use in their tasks regularly. To make things quick, Shift + W gets handy as a short key for Width Tool. Do remember that as this will help in getting your edits done quickly. Besides knowing the basic functions of the tool, there are many advanced uses for it and right ways of using the Width tool. Here’s the checklist to go through for maximizing the use of width tool in Adobe Illustrator: 1. Align Stroke to Center One of the foremost step while making Paths which you are going to enhance further using Width Tool, is to make sure that the Stroke is aligned to the “Center”. The feature is disabled when the stroke is aligned to “Inside” or “Outside”. For this, go over the Control Panel. Just beside ‘Fill Color’, click the underlined word ‘Stroke’ and you will find three options in Align Stroke. For aligning the stroke in the center, click the first option and you are good to go. This gets avoided by default when the path is open. This way you will find that the Width Tool is enabled now if it wasn’t working before in case the stroke was aligned other than centrally. The primary reason for this is to optimize the functionality of the tool. All the features designed for Width Tool can give best results when the stroke is centrally aligned. This helps a great deal with the main function of the Width Tool i.e. symmetry. The standard stroke can be converted into any desired shape using Width Tool. 2. Convert Brush Definition to “Basic” While using the Brush tool in Illustrator, make sure to convert the Brush Definition to “Basic”. When you first “draw the path”, select the “Basic” option in Brush Panel (F5). The Basic option in Brush Panel isn’t even a brush but rather means to remove brush strokes for the selected paths and convert it to just a standard path. This will finally enable the Width Tool. When you already...

Getting Clients to Work Your Way

They say that “the customer is always right”. And while that may be true (most of the time), it certainly doesn’t mean that we have to bend over backwards for them in every instance. I should know, as I spent years attempting to contort myself to fit whatever clients wanted. One area that is particularly tough to manage is when it comes to our process for getting things done. If you deal with multiple clients, each one of them has their own distinct way of working. Some are night owls and feel the need to send email when the moon is out. Others expect a lot of in-person meetings – something difficult for a busy web designer to fit into their schedule. Trying to accommodate each and every client’s way of working often leads to chaos. It makes getting things done more difficult and will leave you scrambling to find some level of consistency in your workflow. Sound terrible? Sound familiar? If you’re banging your head against the wall, know that change is possible! Let’s take a look at some ideas for getting clients to work in a way that benefits you. Create Processes That Work for You During the early part of my career as a freelancer, I really had no process for getting things done. That is, unless you count waking up and walking over to the home office. There wasn’t any real organization to speak of and I haphazardly went back-and-forth between tasks. Sort of like a single-player game of table tennis. Not only that, I was often running out to meetings and taking a seemingly endless number of phone calls. This led to a lot of stress, and a pile of work that I couldn’t seem to get through. Eventually, I realized that a change was needed. So, I started putting some processes in place. Each one acts as a bit of a boundary for both my clients and myself. They’re not perfect, but have produced some positive results. Among them: Limit Meetings I now avoid going out to meetings when possible, and they are usually reserved for higher-revenue clients. As most of my clients are based at least a half hour from my office, I found that, when accounting for travel, even a short meeting tended to take up several hours of work time. Replacing meetings with phone calls or video chats (which I limit to specific hours) has saved a ton of time, while keeping the lines of communication open. Reserve Time for Each Task Understandably, clients tend to want things done “as soon as...

Design Your Website to Sell While You Work

Design work is very time consuming. But it’s not just the labor you put into building websites that takes time and concentration. Because the projects you work on typically have a short shelf life, you’re constantly having to find new gigs, woo potential clients, and sign them onto your service — which is like another job in and of itself. So, when do you find time to look for more work when you’re so busy actually doing it? You could set aside time on the weekends to work on drumming up new projects, but that’s the last thing you want to do. Imagine spending that time booking new business and then being too burned out to get started with any of them? That’s no good. You could, of course, do it during the workweek. It would just require you to dedicate otherwise billable hours to non-billable work and cut into your business’s profitability. Without hiring someone to handle sales for you, what’s the solution? It’s your website. Here are some things you can do to design a website that relieves you of at least some of the burden of finding and selling to new clients. 1. Design for Your Niche One of the best things you can do as a web designer (or any creative freelancer, really) is to carve out a highly specific niche. For instance, you could design websites for: Real estate agents Female-owned businesses Restaurants in your city The more targeted your audience, the easier it will be to sell to them (and to build their websites). I’m going to take this one step further as I don’t just think it’s enough to choose a niche to design for. I think your own website should be reflective of your niche. More specifically, it should be designed to look like a website your client would want as their own. What better way to sell a prospect on a website than to show them that you know exactly how to build the solution they need? The Modern Firm is an excellent example of this: Visit the website and you’ll notice: The company name sounds like it should be working for law firms. The design is super buttoned-up — traditionally-structured, muted color palette, and minimalism at its best. Copy is professional, honest, and straight to the point. In other words, this website looks and sounds like one that its target clientele would want for themselves. 2. Answer Their Questions Think about how much time you spend dealing with objections as you talk to prospective...

39 logo fonts everyone should know

Logo fonts can make or break your logo design. Choosing the right typography can help to tell your brand story and amplify the impact of your logo whenever and wherever people see it. But the wrong font could spell trouble. There are thousands of fonts out there, and that’s exactly why we’ve we’ve put together this list the most notable, game-changing logo fonts of all time. Many of these fonts are dazzling as is, but don’t forget that they are also a great way to get inspired about your logo design. They can be altered and modified in a multitude of ways to give your brand a unique feel. Start selecting a logo font by determining your brand personality (how your brand sounds and feels to your audience), and then choose fonts that evoke those ideas and feelings. There are several types of fonts to chose from, and each one tells a different brand story. Serif logo fonts have decorative “feet” at the ends of each letterform and evoke a polished, classic feeling.
 
1. Bodoni
2. Garamond
3. FF Avance
4. Didot
5. Neue Swift
6. Big Caslon
7. Canilari
8. Modesto
9. Rufina
10. Revista Slab serif logo fonts are bolder, louder serifs with large letterforms designed to be seen from a long distance.
 
11. Rockwell
12. Bodoni Egyptian Pro
13. Baltica
14. Grenale Slab
15. ITC Lubalin Graph Script logo fonts are both formal and casual typefaces that have the loops and flourishes of script handwriting.
 
16. Bambusa Pro
17. Steak Sans-serif logo fonts lack the “feet” at the ends of each letterform and are considered more modern than their serif counterparts.
 
18. Futura
19. Univers
20. Helvetica
21. Frutiger
22. ITC Bauhaus
23. FF Meta
24. FF Blur
25. Horizon
26. Sackers Gothic
27. FF Din 28. Sassoon
29. Neo Sans
30. Proxima Nova
31. Foco
32. Tondo
33. Museo Sans
34. Uni Sans
35. Brandon Grotesque
36. Amsi Pro
37. Posterama
38. Docu
39. Rational TW Check out the best logo fonts for your next design: 1. Bodoni
— Year created: 1700s (late)
Foundry/Designer:  Giambattista Bodoni
Country: Italy
Style: Modern (Didone), serif The Bodoni typeface surfaced during a time when typeface designers were experimenting with the contrast between thick and thin type characteristics. Giambattista Bodoni took that experiment to an...

Free Programming Courses from Harvard, MIT, Microsoft and More

Did you know that you can learn computer science and programming online from institutions like Harvard, MIT, Berkeley and Microsoft on edX.org? The nonprofit site offers 2,000 online courses from 140 institutions worldwide. Courses are free to try. Popular Courses Here are some of the most popular courses and programs offered on edX: CS50 from Harvard The most popular course on edX gives you an introduction to computer science and programming. Learn how to think algorithmically and solve programming problems efficiently. Gain familiarity in a number of programming languages including C, Python, SQL, JavaScript, CSS and HTML. Front End Web Developer from W3C W3C (World Wide Web Consortium) is the organization that develops web standards. It was founded by the inventor of the web, Tim Berners-Lee. In this 5 course program, learn how to code with modern HTML5 tags, draw and animate fun web graphics, and play audio and video elements. Learn CSS best practices for web page design and the fundamentals of JavaScript to help you develop interactive web apps. Introduction to Computing in Python from Georgia Tech In this 4 course program, learn the fundamentals of computer science in one of the field’s most popular programming languages, Python 3, including writing code, executing it, interpreting the results, and revising the code based on the outcomes. Rated as one of the most in-demand and beginner-friendly programming languages, a background in Python will give you a solid foundation to build your career. Short videos (2-3 minutes each) are rapidly interwoven with live programming problems and multiple-choice questions to give you constant feedback on your progress and understanding. C Programming with Linux from Dartmouth Did you know that smartphones, your car’s navigation system, robots, drones, trains, and almost all electronic devices have some C-code running under the hood? Along with the C programming language comes Linux, an essential operating system that powers almost all supercomputers and most of the servers worldwide, as well as all Android devices and most “Internet of Things” devices. In this 7-course program, develop and debug code in the C programming language. Discover the foundations of computer programming and Linux, manipulate the command line, manage processes, files and memory, and compile C code with Linux. Data Science from Harvard...

5 Signs That Web Design Is Reaching Its Own Industrial Age

The Internet as a concept, and as a community, is much like a teenager: it’s struggling to establish its identity, everyone is trying to tell it what to do, and it tends to lash out at both people who deserve it as well as those who don’t. It does so at random, and you’re not its real dad, anyway. The practice of designing websites, however, has gone right past the teenage years and blown past the whole human-life-span metaphor entirely. Web design is, in my opinion, reaching an industrial age, of sorts. You know, the era of smokestacks and Charles Dickens’ really depressing novels. Let’s see how: Increased DIY Capability The sewing machine was invented in 1755, about five years before the “official beginning” of the industrial age. This machine, and others like it, heralded the beginning of that age and the massive machines that would come after, but they also drastically expanded the production capabilities of individuals working at home, or in their place of business. It started with software like FrontPage and Dreamweaver, and now we’ve got Squarespace, Wix, Weebly, Duda, Webflow, and a host of other options. They’re all designed to enhance the output of the individual, the hobbyist, the business owner, and the freelancing professional. Work that once might have taken a very long time for one person, or a reasonable amount of time for ten people, is all being done by one person, in a lot less time. And if you’re a purist, you can always sew the buttons onto your web page by hand. Increased Automation At The Professional-Level Think of the massive looms in old factories. Now it’s not particularly easy to automate creative visual work, as such. Most of the automation in web design is done at the coding stage, in both front and back end. But even with such simple tools as Symbols in Sketch or Affinity Designer can drastically reduce the work required to produce a large number of designs. Or at least something like a large number of buttons. It’s not a perfect analogy to the factories of old, but the tools we have are making it consistently easier to produce designs of consistent quality, even if they also have pretty uh… “consistent” layouts and aesthetic styles. This sort of drastically increased output is the very definition of industry. Expansion Of The Digital Middle Class Increased DIY capability and automation in the industrial age led to a dramatic...

Top 10 Places to Find Quality Vector Graphics for Your Website

Vector graphics are always much more helpful than image files because you can resize them without compromising on resolution. If you enlarge images, then there is a chance that the image may get pixelated. This is not the case with vector files, because it can be modified easily without any quality issues. Also, the file size of the vector files is quite a lot smaller in comparison to images. The vector file quality varies from one platform to another but still, it is manageable to fit it into your design. Rather than wasting your time on creating a file from scratch, you can easily download vector files. Finding  vector files online is the time-saving elixir for many busy designers. But it’s not always easy to find vector files online. In fact, you have to search a lot to find the best suitable vector files for each project you are working on. So to solve your search puzzle for finding the best vector files, we have come up with the list of top 10 places to find quality vector graphics for your website. 1. Vexels Vexels is the one stop solution for finding a variety of vector files. You’ll be able to get almost all of them here, including ornamental vectors and icons. It has an online editor available to modify the vector files, alter layouts and add new elements. The editor is also capable to change the colors and text to save your time in case of fighting with deadlines. You just have to make sure that the vector files are linked to Vexels.com. Otherwise, you won’t be able to use the free vectors from Vexels. Additionally, if you are looking for credit-free vector files then, you can subscribe to the paid plan of Vexels. 2. Freepik Freepik is actually like a free search engine to find vector files, stock images, and PSDs. It has everything with it and it is convenient to search for anything. You just have to type the name of the topic to find the relevant vector file. The free vector website has premium plans available for the paid subscribers. By subscribing to the paid plans you can use the Freepik vectors for completing your design puzzle. Alas, it doesn’t have any online editor to make your work easy. Also, you won’t be able to find any SVG and PNG files. 3. Dryicon Dryicon develops icons, web templates, and vector files. You won’t find everything on Dryicon but it has a great navigation feature. Don’t judge Dryicon with a limited...

Twitter Followers
Tweets Impressions Monthly
Facebook Followers
Pinterest Followers

34,1K
131,2K
1,731
2,983

Alexa Global Rank
Alexa Rank in US
Keywords Tracked
Updated

285,4K
58,9K
2,282
Jun 24 2019