Top 10 free icon webiste for designer

Iconmonstr

Iconmonstr is free, monstrously big and continuously growing source of simple icons created by Alexander Kahlkopf, a senior designer from Germany with over 15 years of professional experience in icon design.

https://iconmonstr.com/

Icon8

Icon8 is a flat icon,They have team of 4 designers, 5 developers, and a content strategist. No two people live in the same city and we’re spread from New York to Melbourne.

https://icons8.com/

Font Awesome

Font Awesome is a font and icon toolkit based on CSS and LESS. It was made by Dave Gandy for use with Twitter Bootstrap, and later was incorporated into the BootstrapCDN. Font Awesome has a 20% market share among those websites which use third-party Font Scripts on their platform, ranking it second place after Google Fonts.

Font Awesome 5 was released on December 7, 2017 with 1,278 icons[3]. Version 5 comes in two packages: Font Awesome Free and the proprietary Font Awesome Pro (available for a fee). The free versions (all releases up to 4 and the free version for 5) are available under SIL Open Font License 1.1, Creative Commons Attribution 4.0, and MIT License.

http://fortawesome.github.io/Font-Awesome/icons/

Flat Icon

Flaticon is the largest search engine of free icons in the world. Flaticon offers users, high quality graphic designs: totally editable vectors carefully selected by our design team in order to provide our users with great content that can be used in both personal and commercial projects.

https://www.flaticon.com/

Google Icon

Google Material icon is an adaptable system of guidelines, components, and tools that support the best practices of user interface design. Backed by open-source code, Material streamlines collaboration between designers and developers, and helps teams quickly build beautiful products.

https://www.google.com/design/icons/

Endlessicons

Endless Studio Endless Icon is a project bulid by Min Kim who runs Email-Gallery, App Monstr, and Endless Photos. I created it to share some of the icons and creative stuff with the design community. Cheers!

http://www.endlessicons.com/

Iconfinder

Iconfinder provides high-quality icons to millions of creative professionals. We are a small international team based in the lovely city of Copenhagen, with some of us working remotely. Together with a passionate community of icon designers, we are building the world’s most popular icon site.

https://www.iconfinder.com/

Retro Vectors

Retro Vectors is a source of premium quality vintage vector stock files that are free for personal and commercial use. Victorian, 40’s, 50’s 60’s, 70’s & 80’s.

http://retrovectors.com/

Freepik

Freepik offers users, high quality graphic designs: exclusive illustrations and graphic resources carefully selected by our design team in order to provide our users with great content that can be used in both personal and commercial projects.

https://www.freepik.com/free-icons

Top 5 HTML code for Web designer/Frontend Developer

When i was started my career in web development. I was always search these codes in google for my each website development.
This will very helpfull for web designer who started his career.

Add Fav icon in website

<link href="/YOUR_PATH/favicon.ico" rel="icon" type="image/x-icon" />

Add Calling and SMS link for iPhone in HTML

<a href="tel:1-234-567-8910">Call - 1-234-567-8910</a>
<a href="sms:1-234-567-8910">Send a  SMS </a>

Add Email link in HTML

<a href="mailto:name@website.com">Email Us</a> 

Redirect a webpage to another link

<meta http-equiv="refresh" content="0; url=http://website.com/" />

Create a Back Button using HTML and JS

<input type="button" value="Back" onclick="history.back()" />	

CSS Media Queries

CSS Media Queries are a feature in CSS3 which allows you to specify when certain CSS rules should be applied.
This allows you to apply a special CSS for mobile, or adjust a layout for print.


/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px) and (max-device-width : 1024px) {

}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

}

/* iPad 3 (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio : 2),
only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (min-resolution: 192dpi) {

}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {

}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {

}

/* Retina displays ----------- */
@media only screen
and (-webkit-min-device-pixel-ratio : 2),
only screen
and (min-resolution: 192dpi) {
}

What is User Experience Design ?

User Experience Design (abbreviation UX, UXD) – A discipline focused on designing the end-to-end experience of a certain product. To design an experience means to plan and act upon a certain set of actions, which should result in a planned change in the behaviour of a target group (when interacting with a product).

You now know that UX is not about prototyping, is not about visual design, is not about research. UX is broader than that. User Experience is about the creation of efficient and pleasurable products based on knowledge about human behavior and emotions.

Great user experience are useful, usable, and desirable

Useful : Customers can accomplish their goals.

Usable: Customers can easily perform tasks.

Desirable: Customers enjoy their experience

Why Product Manager is Important ?

brand-manager

In this age of massive consumption the world has been flooded by products.

Products have penetrated markets, public space (advertising) and our minds (everlasting desire). Products lead economic progress and cause crises (e.g. the whole issue of bank loans sold to people). Products are so deeply rooted in modern culture that we’ve hardly noticed that we’ve become products ourselves (e.g. social media).

Care is an inseparable part of the human-centric product development process, which is responsible for the greatest products ever made.

Many of the best companies in recent years have been established and run by great Product Managers. Mentioning Steve Jobs again would be too easy. Instead, think about Larry Page from Google, Evan Williams and Jack Dorsey from Twitter, Kevin Rose (Digg), Caterina Fake (Flickr) – these extraordinary people created amazing companies around their amazing products. They understood their users and their team. They were able to deliver stunning design, technology and marketing.

Design was never as important as today. Products win or lose because the merciless market judges their user experience as amazing, or a terrible misunderstanding. That’s the completely new era that we all need to face. That’s the new age. The Age of User Experience Design.

In the Age of User Experience Design you either have the guts to take UX seriously, or you lose everything.

And even further down the road – techies ruled. Internet startups that survived the dotcom bubble of 2000 were run by tech bright minds. Think of Google’s Larry Page and Sergey Brin, eBay’s Pierre Morad Omidyar, Max Levchin and Luke Nosek of PayPal, David Filo from Yahoo – these guys know how to code. And in even more contemporary times developers struck again: Jack Dorsey (Twitter) and Mark Zuckerberg (Facebook) shaped the social media with their tech expertise.

YouTube, Airbnb, Flipboard, Square, Pinterest, Etsy, Path, AboutMe, Slideshare – all these well designed, successful products were co-founded by designers. Can your products afford to ignore this trend? Do you want this trend to be ignored?

The difference between ”today” and ”yesterday” is simple: today the only way of achieving a great product is through a great design. For your consumers your design is your product and your job is to make sure the product will provide a stunning experience

The Best Product managers who follow:

Value User Experience Design

The best PMs today understand that there’s nothing more important than crafting a great experience for customers. User Experience Design is the job of the whole team guided by the Product Manager.

Understand customers

The best PMs truly understand their customers. Talking to customers, actively participating in usability testing, researching – today that’s not only the job of a UX Designer/Researcher. A Product Manager has to absolutely understand customers and help his/her team build a great product based on this knowledge.

Craft the vision

Great Product Managers thoughtfully craft the vision for the whole product. More importantly, they can take a complex vision, simplify it, and communicate it – making it easy for people to understand and relate to.

Facilitate communication

Great PMs are amazing communicators. They connect dots in the team to draw lines in the product. They know how to talk to people and they’re not afraid of even the toughest conversations. They ask “Why, Who cares & So what?” and help everyone in their team to understand what the road to a great product is like.

Understand the whole

The best Product Managers understand the whole. They’re able to magically review the product from afar to see how it fits the big vision. They’re unicorns that have a strong background in many fields. Design, Marketing, Engineering, Statistics, Sociology, Psychology, History & so on. Always curious and eager to understand, learn and share their view of things.

Are leaders of multidisciplinary teams

Product Managers have to be great leaders. What does this mean? They make everyone around them better. They inspire, guide and mentor with one clear goal: the product must deliver an unmatched experience for consumers.

Build relationships that matter

Product Managers are probably the most “human humans” in every team. They care for people and they’re eager to build strong relationships. The best among PMs are absolutely honest. They don’t build relationships for the sake of meeting the deadline. They really care.

In the Age of User Experience Product Managers are more important than ever. In this experience-centric world that actually understands the value of a great product, the bar is higher than ever and only great PMs can help the whole team jump high above it. The top PMs are setting new records.

Emotion design in user experience

Emotion-design

Why we love or hate website or design?

An attractive design is not necessarily the most efficient. But must these attributes can be in conflict? Can beauty and brain, pleasure and usability, go hand in hand.

Cognitive scientists now understand that emotion is necessary part of life, affecting how you feel, how you behave, and how you think.Indeed, emotion makes you smart. The emotional system is also tightly coupled with behavior, preparing the body to respond appropriately to a given situation.

We literally feel good or bad, relaxed or tense. Emotions are judgemental, and prepare the body accordingly.

Emotion adding decision making. Positive emotions are as important as negative ones-positive emotions are critical to learning.

Human beings are, of course, the most complex of all animals, with accordingly complex brain structure. Human attributes result from three different level of the brain.

  1. Visceral level
  2. Behavioral level
  3. Reflective level

Visceral level : This is the automatic prewired layer. Like a appearence.

Behavioral level : The pleasure and effectiveness of use

Reflective level: Self-image, personal satisfaction, memories