#css shiny hover

[codenewbies]

CSS Shiny Hover

[divinector]

Shiny Hover CSS Animation

[suzanneshannon]

My Favorite Netlify Features

👋 Hey folks! Silvestar pitched this post to us because he is genuinely enthusiastic about JAMstack and all of the opportunities it opens up for front-end development. We wanted to call that out because, although some of the points in here might come across as sponsored content and Netlify is indeed a CSS-Tricks sponsor, it’s completely independent of Netlify.

Being a JAMstack developer in 2019 makes me feel like I am living in a wonderland. All these modern frameworks, tools, and services make our lives as JAMstack developers quite enjoyable. In fact, Chris would say they give us superpowers.

Yet, there is one particular platform that stands out with its formidable products and features — Netlify. You’re probably pretty well familiar with Netlify if you read CSS-Tricks regularly. There’s a slew of articles on it. There are even two CSS-Tricks microsites that use it.

This article is more of a love letter to Netlify and all of the great things it does. I decided to sit down and list my most favorite things about it. So that’s what I’d like to share with you here. Hopefully, this gives you a good idea not only what Netlify is capable of doing, but helps you get the most out of it as well.

You can customize your site’s Netlify subdomain.

When creating a new project on Netlify, you start by either:

choosing a repository from a Git provider, or

uploading a folder.

The project should be ready in a matter of minutes, and you could start configuring it for your needs right away. Start by choosing the site name.

The site name determines the default URL for your site. Only alphanumeric characters and hyphens are allowed.

Netlify randomly creates a default name for a new project. If you don’t like the name, choose your own and make it one that would be much easier for you to remember.

The "Site information" section of the Netlify dashboard.

For example, my site name is silvestarcodes, and I could access my site by visiting silvestarcodes.netlify.com.

You can manage all your DNS on Netlify.

If you are setting up an actual site, you would want to add a custom domain. From the domain management panel, go to the custom domains section, click on the "Add custom domain" button, enter your domain, and click the "Verify" button.

Now you have two options:

Point your DNS records to Netlify load balancer IP address

Let Netlify handle your DNS records

For the first option, you could read the full instructions in the official documentation for custom domains.

For the second option, you should add or update the nameservers on your domain registrar. If you didn’t buy the domain already, you could register it right from the dashboard.

Netlify has a service for provisioning DNS records called Netlify DNS.

Once you have configured the custom domain, you could handle your DNS records from the Netlify dashboard.

The "DNS" section of the Netlify dashboard.

If you want to set up a dev subdomain for your dev branch to preview development changes for your site, you could do it automatically. From the Domain Management section in the Settings section of your site, select the dev branch and Netlify would add a new subdomain dev for you automagically. Now you could see the previews by visiting dev subdomain.

The "Subdomains" section of the Netlify dashboard.

You could configure a subdomain for a different website. To achieve this, create a new Netlify site, enter a new subdomain as a custom domain, and Netlify would automatically add the records for you.

As an icing on the DNS management cake, Netlify lets you create Let’s Encrypt certificates for your domain automatically... for free.

You can inject snippets into pages, which is sort of like a Tag Manager.

Snippet injection is another excellent feature. I am using it mostly for inserting analytics, but you could use it for adding meta tags for responsive behavior, favicon tags, or Webmention.io tags.

The "Snippet injection" section of the Netlify dashboard.

When inserting snippets, you could choose to append the code fragment at the end of the <head> block, or at the end of the <body> block.

Every deploy has its own URL forever.

Netlify creates a unique preview link for every successful build. That means you could easily compare revisions made to your site. For example, here is the link to my website from January this year, and here is the link from January last year. Notice the style and content changes.

In his talk, Phil Hawksworth calls this feature immutable, atomic deploys.

They are immutable deployments that live on forever. — Phil Hawksworth

I found this feature useful when completing tasks and sending the preview links to the clients. If there is a person in charge of handling Git-related tasks, like publishing to production, these preview links could be convenient to understand what to expect during the merge. You could even set up the preview builds for every pull request.

Netlify allows for the cleanest and most responsible A/B testing you can do.

If you ever wanted to run A/B tests on your site, you would find that Netlify makes running A/B tests quite straightforward. Split testing on Netlify allows you to display different versions of your website from different Git branches without any hackery.

The "Split testing" section of the Netlify dashboard.

Start by adding and publishing a separate branch with desired changes. From “Split testing” panel, select which branches to test, set a split percentage, and start the test. You could even set a variable in analytics code to track which branch is currently displayed. You might need to active branch deploys if you didn't do this already.

Netlify’s Split Testing lets you divide traffic to your site between different deploys, straight from our CDN network, without losing any download performance, and without installing any third party JavaScript library. — Netlify documentation

I have been using A/B testing on my site for a few different features so far:

Testing different versions of contact forms

Displaying different versions of banners

Tracking user behavior, like heatmaps

If you want to track split testing information, you could set up the process environment variable for this purpose. You could learn more about it in the official documentation. The best part? Most A/B testing services use client-side JavaScript to do it, which is unreliable and not great for performance. Doing it at the load balancer level like this is so much better.

There are lots of options for notifications, like email and Slack.

If you want to receive a notification when something happens with your Netlify project, you could choose from a wide variety of notification options. I prefer getting an email for every successful or failed build.

The "Notifications" section of the Netlify dashboard.

If you are using Gmail, you could notice "See the changes live" link for every successful build when hovering your message in Gmail inbox. That means you could open a preview link without opening the email. There are other links like "See full deploy logs" when your build have any issues or "Check usage details" when your plan is near its limits. How awesome is that?

Netlify email notifications include a preview link.

If you want to set up a hook for third-party services, all you need is a URL (JWS secret token is optional). Slack hooks are built-in with Netlify and could be set up within seconds if you know your Slack incoming webhook URL.

Conclusion

All of the features mentioned above are part of the free Netlify plan. I cannot even imagine the effort invested in providing a seamless experience as it is now. But Netlify doesn’t stop there. They are introducing more and more new and shiny features, like Netlify Dev CLI for local development and deploy cancelations. Netlify has established as an undoubtedly game-changing platform in modern web development of static websites, and it is a big part of the growth and popularity of static sites.

The post My Favorite Netlify Features appeared first on CSS-Tricks.

My Favorite Netlify Features published first on https://deskbysnafu.tumblr.com/

[themesparadise]

New Post has been published on Themesparadise

New Post has been published on https://themesparadise.com/shiny-responsive-magento-2-fashion-store-theme/

Shiny - Responsive Magento 2 Fashion Store Theme

Shiny – Clean and Modern Responsive Magento 2.2.x Fashion Theme

Best Market Theme with the LOWEST PRICE EVER! >> Be Quick! It is Limited Offer!

Shiny is a Stunning Multipurpose Responsive Magento 2.2.x Theme designed for any online market store, mega store, fashion/clothes store. The amazing theme supports lots of powerful features: Image Slider, Mega Menu, Ajax Layered Navigation, Ajax Cart helps customers purchase more quickly, multi-language, multi-currency, brands slider and product hover effects.

Empowered by the amazing Magento 2 and various powerful eCommerce features, Shiny helps you to build any beautiful website for almost store types without cost and time for coding.

Now is time for you to discover live demo and checkout if you really love! Let’s view some prominent features!

HOT UPDATE:

Social Login helps your customers easy to access as well as make transaction on your website. You can turn on/off this module easily, so login function will work as Magento default when turning it off. Now it is FREE on our theme. Make you special! Make you thrive!

Recently Viewed Products allows your customers simply go back to the previous choice and complete the purchase or compare recently viewed products easily.

SPECIAL: Now it is easier for any merchants to improve website by equipping with some hot extensions. Do not hesitate to take it now!

Compatible with CM Multivendor Extension.

Compatible with Webkul Marketplace Extension.

Compatible with IWD_Onepagecheckout Extension.

Compatible with Zeon_Manufacturer Extension

Compatible with Mageplaza Extensions(One Step Checkout, Social Login, Blog, Affiliate, etc )

100% RESPONSIVE DESIGN

POWERFUL MEGA MENU

PRODUCT QUICK VIEW

UNLIMITED COLORS

POWERFUL ADMIN PANEL

ONE-CLICK TO IMPORT DATA

MULTIPLE LISTING LAYOUTS

NEWSLETTER POPUP

TOUCH FRIENDLY PRODUCT SLIDER

SOCIAL LOGIN

FULL LIST OF FEATURES:

Unique Homepage Layout

Multiple layouts and setting options for Category page, product page

Unlimited Color Options for Magento 2.2 Theme

Easy to install Sample Data

Support 3 layouts for pages: 1, 2 or 3 columns

Support boxed layout

Support Mega Menu and Css Menu:

Set-up rows and columns

Display extension; thumbnail image for category/product

Display static blocks contain texts and images below menu items

Ajax Layer Navigation

Grid & List view

Allow to display your items in either list or grid view

Support multi-currency, multi-language

Integrated Google Fonts

Include Free Premium Magento Extensions: SM Filter Products, SM Listing Tabs, SM Mega Menu, SM Quickcart Pro, SM ShopBy, SM Search Box, SM Social Login, SM Recently Viewed, SM Twitter Slider.

AJAX Add to Cart – AJAX Add to Whislist

Custom image product with Out Zoom

Support 6 different types of product profile

Responsive layout for PCs and Mobiles

Various color styles and typography by powerful C-panel

Custom wishlist page, cart page and contact page

Support Cloud Zoom and Pop-up images on the detail page

Cross-browser: IE 10+, Safari, Mozilla Firefox, Opera 9+ and Chrome

PSD theme files included for FREE!

100% table-less design, based on CSS3 with many animated effects

Social networks integration

Additional Footer, Back to top button and Navigation links

WHAT ARE INCLUDED?

Shiny Magento 2.2.x Store Theme Package This package includes modules, theme. Use this package to install to your current site

QuickStart Installation Package This package includes modules, theme, sample data. By using this package, you will have a complete site look like demo site.

PSD Sources All PSD design themes

Detailed Documentation Provide all detailed steps to configure eCommerce theme

CHANGE LOGS

------------ VERSION - 1.0.0: Release on Dec-26-2017 ------------ [+] Initial Release [+] Compatible with Magento v2.2.x

VIEW MORE OUR MAGENTO THEMES

Connect with Us to Get Updates

Purchase Now

[prevajconsultants]

Shiny - Responsive Magento 2 Fashion Store Theme (Shopping)

Shiny – Clean Responsive Magento 2.2.x Fashion Theme

Shiny is a clean and professional Responsive Magento 2.2.x Theme crafted for any fashion/clothes store. The beautiful supports lots of powerful features: Image Slider, Mega Menu, Ajax Layered Navigation, Ajax Cart helps customers purchase more quickly, multi-language, multi-currency, brands slider and product hover effects.

Empowered by the amazing Magento 2 and various powerful eCommerce features, Shiny helps you to build any beautiful website for almost store types without cost and time for coding.

Now is time for you to discover live demo and checkout if you really love! Let’s view some prominent features!

FULL LIST OF FEATURES:

Unique Homepage Layout

Multiple layouts and setting options for Category page, product page

Unlimited Color Options for Magento 2.1 Theme

Easy to install Sample Data

Support 3 layouts for pages: 1, 2 or 3 columns

Support boxed layout

Support Mega Menu and Css Menu:

Set-up rows and columns

Display extension; thumbnail image for category/product

Display static blocks contain texts and images below menu items

Ajax Layer Navigation

Grid & List view

Allow to display your items in either list or grid view

Support multi-currency, multi-language

Integrated Google Fonts

Include Free Premium Magento Extensions: SM Filter Products, SM Listing Deals, SM Mega Menu, SM Quickcart Pro, SM ShopBy, SM Search Box, SM Social Login.

AJAX Add to Cart – AJAX Add to Whislist

Custom image product with Inner Zoom/ Out Zoom/ Lens Zoom

Support 6 different types of product profile

Responsive layout for PCs and Mobiles

Various color styles and typography by powerful C-panel

Custom wishlist page, cart page and contact page

Support Cloud Zoom and Pop-up images on the detail page

Cross-browser: IE 10+, Safari, Mozilla Firefox, Opera 9+ and Chrome

PSD theme files included for FREE!

100% table-less design, based on CSS3 with many animated effects

Social networks integration

Additional Footer, Back to top button and Navigation links

CHANGE LOG

Version 1.0.0 - Released on 28-Nov-2017 + Initial Release + Compatible with Magento 2.1.x

WHAT YOU WILL GET!

Shiny Theme Package:

Use this package to install to your current site

QuickStart Installation Package

This package included modules, theme, sample data. By using this package, you will have a complete site like on demo.

PSD Sources

All PSD design themes. 

Detailed Documentation

Provides detailed steps for configuring your eCommerce Magento 2 theme from ThemeForest new eCommerce items http://ift.tt/2AcOQlp via IFTTT https://goo.gl/QR4OrJ

[qwertsypage]

Web Design for Coding: 
7 steps checklist to have it ready for development

Most creative projects today ain’t a one person’s project. Truly innovative can only be a result of collaboration, because it requires a skill set that a single mind won’t possess. At Chop-Chop, we are dealing with web development as a part of larger projects and decided to write an article about web design for coding. Things are mostly described and designed beforehand – it’s our job to make it all work and shine! But, the deadline is near and the tension rises. How to make the development stage a smooth and rewarding experience? 

When a web developer is dealing with thousands of PSDs, PNGs, JPGs, SKETCHs and many other kinds of web design files, what matters most is to get them rightly prepared.

  The Designer and The Developer: Some Lust, No Trust?

To have each web development project successfully delivered on time, designers and programmers have to work together. Effective cooperation comes with empathy, smooth communication, and clear instructions. What helps on the way, is a set of certain actions the designer can perform on the files.

As I am working for a web agency that has been dealing with advanced web development for years, I have listed basic Web Design Principles that should be taken into account before the files are sent to programmers for coding. I hope they can summarize the importance of delivery process optimization. Which, in the end, will help everyone work more effectively on the web content.

  Web Design for Coding: 7 steps checklist 

  1. Ordered and labeled layers

Imagine a pile of randomly scattered Layer_16_Copy_of_Layer_16_Copy_5’s, which the coders have to unravel. Have mercy on them, for project’s sake! Group your design layers, put them in order and label them clearly so that the programming specialist know where to look for every single element.

Tip: many designers and design teams these days use applications like InVision, Figma or Zeplinto collaborate on their work when making UI projects. These tools let you organize files, wireframes, and documentation and provide handoff features that simplify the process. If you haven’t started yet, consider starting using one of them, because they can save you a lot of time. 


  2. Separated design files

Do not just throw all pages to a single file. Heavy PSDs are a pain to work with on most machines. Loading a massive file just to get one icon? It’s a time-killing diversion, really.


To speed up a development process, it’s better to create a separate design for each subpage and for their mobile versions. Then label them clearly and try to structure file groups in subfolders (sorted by page or by breakpoint). 


Tip: provide the developers with Layer Comps or even with flat JPG/PNG files for each subpage. They’re perfect as a quick point of reference for your web design for coding.


  3. Element’s Behaviour

This is pretty straightforward: if an element is supposed to have a hover, focus or any other action to perform when the user interacts with it, design the behaviour step by step. It shows the developer exactly how should it be presented on the page.

Tip: When designing a page or an app with a multilevel menu, don’t forget to describe all its functions. Show the menu when it is expanded, collapsed, clicked, hovered. Present how it pops-in, what happens with the submenus, etc.


  4. Style Guide

Whether you keep it in the design file itself or in a separate brief, a complete style guide for the web design for coding makes the coding process much easier. The developers don’t need to dig in the layers to find things like hover effects! With a style guide as an instruction, they can quickly create, let’s say – a typography cheatsheet. On top of this, creating the guide makes a good exercise for you, keeping your creative discipline fit.

Tip: Having all of the designed user interface elements within one document will help to reveal all inconsistencies and missing details. Use it as a checklist and your work’s summary.


  5. Pixel-perfect design

Some developers will ask you if they can average the inconsistent pixel values in your web design for coding. Should they ever do that? Don’t take chances and don’t rely on the coders to interpret the design for you! Just before the hand-off, go through your files once again and make sure that font sizes, line heights, sizes and spacings of all elements are consistent.


Tip: if you use a grid, like the CSS Grid or Bootstrap, make sure your design meets the grid’s requirements. Luckily there are more and more designers using modules and symbols for web projects – they allow to keep changes coherent on each element or page, reducing the work and chances for inequalities.


  6. Merge layers and layer groups to flat images

Blend modes can be somewhat unpleasant for web developers, so review your PSDs and other formats and make sure that the images used in layers are flattened. That will keep the file simpler and reduce its size.

Tip: Keeping in mind that you’re making web design for coding, think of what parts of the image should be isolated to make the website work better (e.g. background and title, patterns and icons). Save these parts as separate layers.


  7. Fonts and extracted icons

To save the ever-precious time, be certain that the web developers have everything they need to start coding right away. Apart from the PSD files, have all the necessary assets ready in your file stack. Use folders to group your custom fonts, (if their use is required by your design), extracted icons (this is a true life-saver!), SVG etc.

Tip: If you want your design to look crispy on Retina screens, add the Retina version of all icons (it’s two times bigger than the regular one), or just export the icons as SVGs. 



  Fast web development matters

Now, your shiny web design for coding is ready! To see it turning into a fantastic, functional website, all it needs now is some coding. Whether you are going to do this yourself, hire a developer or a web development agency, make sure that the transition is as smooth as possible.

There are many simple projects out there that take much more time than they should be coded. Often because of poorly structured design files, making web developers struggle with. And, instead of rapid coding, you’re getting an exchange of back-and-forth emails about missing assets or unclear design ideas. I hope you agree that we should be all saved from that.

 The post Web Design for Coding: 
7 steps checklist to have it ready for development appeared first on Apiumhub.

Web Design for Coding: 
7 steps checklist to have it ready for development published first on https://koresolpage.tumblr.com/

[noahdnicholus]

10 Free Code Snippets for Creating Beautiful CSS Buttons

Web designers no longer need to rely on Photoshop for creating awesome buttons. With CSS3 you can manipulate everything from background gradients to drop shadows and glossy/shiny effects.

1. Plastic Buttons

This button set is clean and to the point. You can rework any of these buttons with ease since they come in many different colors & sizes.

You can pick from small, medium, or large buttons each with different styles. You have the default buttons, the disabled buttons, and button rows designed like switches or tabs. For a pure CSS solution this is one of the cleanest button styles on the web.

2. Cool Buttons

These cool buttons, made by Felipe Marcos, are slightly different than the plastic buttons above, yet they’re just as easy to use. They don’t have a shiny plastic design but they do still have the “push” effect when clicked.

You can pick from six pre-designed colors or customize your own. The CSS is split into different class names so you can setup the default button styles on one class and alternate the colors with other classes.

3. Google Buttons

Google’s online tools like Blogger, Drive, Gmail, and their search feature all have different button styles. And developer Tim Wagner cloned these styles in this pen.

They’ve been built entirely in CSS3 and these buttons demonstrate many Google-inspired effects you can build that all look fantastic. There’s a similar example created by Monkey Raptor expanding on these buttons while adding a few others into the mix.

4. Bunch-o-Buttons

Another plastic-style glossy button set can be found in this pen created by Alan Collins. It supports multiple colors and has different styles for small, medium, and large buttons.

What makes this set unique is how you can switch between the glossy style and the flat style with one class. Most buttons come in one “style” but you can enable or disable the glossy design with a single CSS class&emdash;talk about convenient!

5. Social Buttons

This snippet is perhaps the definitive collection of social buttons with unique color schemes & branded icons.

Developer Stan Williams released this set on GitHub with updated colors and newer buttons. However this demo is a clear indicator of his quality featuring well over 50 different buttons. They all have a shiny gradient as the background but the degree and quality differs greatly.

Still a fun CSS-only button pack to use if you need social sharing on your website.

6. Jelly Animation

At first glance this may look like an ordinary button. But the jelly button has a very special animation effect tied to the click event handler.

Aside from the incredibly entertaining animation I’m also impressed by the semi-realistic button shadow underneath. It animates along with the button making this the perfect call-to-action for any startup site or social network.

7. Parallax Button

Tobias Reich created this sweet parallax button using CSS3 radial gradients and some pretty wacky colors.

On its own, the CSS3 button is impressive. The entire background and drop shadow are created solely through CSS. But with a bit of JavaScript Tobias was able to add parallax distortion on hover & click.

This is one of the more advanced button effects I’ve seen in a while and it can blend nicely into any webpage.

8. Hubspot Pills

Developer Joe Henriod created these buttons based on Hubspot’s design. They function just like traditional HTML buttons yet they’re built using CSS classes which can be applied to any element.

This set uses red & blue pill buttons in reference to The Matrix, but you can change the colors to anything you like. And the hover+click states are flamboyant enough to capture anyone’s attention.

9. Sexy SCSS Buttons

Most frontend coders use Sass/SCSS because it offers more control and it’s far easier to write than traditional CSS. These SCSS buttons are built to last and impressively detailed with inner & outer drop shadow effects.

You can change the color with a single class and even add your own into the mix. The hover states make the buttons feel 3D along with the active states when they’re pushed down into the page.

These buttons should be easy to implement on any website and you can even convert the SCSS into CSS right from CodePen.

10. Mozilla-Style Buttons

Mozilla’s website underwent a heavy rebrand which moved away from their traditional plastic-style buttons. I loved their original design and thankfully it lives on with this snippet made by Felix Schwarzer.

The blue triangle shape is actually created with pure CSS along with the background gradient and 3D bevel effect. These buttons are heavily stylized and they’re so well-designed they’re sure to draw attention.

Further Resources

These 10 buttons are all unique and easy to customize for any layout. Since they’re designed purely with CSS3 you can change their size, color, and styles to blend into projects for businesses, blogs, social networks, or eCommerce stores.

But whittling this list down to 10 was tough considering all the incredible snippets out there. If you’re looking for more you can browse CodePen to see even more pure CSS buttons.

from Web Designing Tips https://1stwebdesigner.com/free-code-snippets-css-buttons/

[seo78580]

15 Skills Every Design Client Expects You to Have

While every design project is a little bit different, almost every client expects you to be a jack of all trades to some degree. Regardless of the project, designers are often expected to provide a complete solution for clients, even though most of us don’t have all the same skills.

In addition to design, clients may ask for expertise in marketing, code, or illustration. It can be a difficult balance at times. But knowing what clients might expect can help you have a plan for how to deal with specific requests, whether it is offering a referral to someone else or adding a new skill to your portfolio.

Most of these examples come from personal experience. And while I didn’t fulfill all the requested needs, seeing what a client expects from their perspective is an interesting exercise!

1. Design Theory

Clients trust you to know your stuff when it comes to what looks good and how to work with colors, type and space. It’s a perfectly reasonable expectation, no matter what kind of designer you consider yourself to be.

The nice thing about clients that expect you to know design theory is that they will also trust your design decision-making. While some of this comes with time and having a solid client relationship, you can help reinforce the idea by clearly explaining the logical for specific design ideas clearly and in lay terms for clients. (Your expertise is part of why they hired you and what they are paying for.)

2. Print Design

Clients will often think you can take any website design and just turn it into something printable. They might even expect you to pull postcards from thin air. (Well not really, but you get the idea.)

While some designers work in both print and digital spheres, this is not always the case. It can be difficult for clients to know exactly what to expect. If you aren’t comfortable with print — or packaging or other tactile mediums — make that clear to the client and get help from another designer who is more print-fluent.

3. Website Design

The print versus digital dilemma goes the other way as well. Some clients think that shiny brochure can just be converted into a website. Or that you can take an old website design and “fix it” quickly.

It can be tough conversation when you have to explain that these things aren’t really interchangeable. But do yourself and other designers this favor: Explain it clearly and that it comes at a cost. Web projects aren’t just extensions of something else. Especially in today’s complicated web landscape, these projects need their own planning and care.

4. Copywriting

Some designers have come up in a world where they never have to write any of the copy. Others might be copywriting experts, but assuming one way or the other can lead to plenty of frustration.

As a designer, you should learn the basics of copywriting.

As a designer, you should learn the basics of copywriting. For web designers in particular, microcopy is unlikely to come handed to you and you’ll need to feel comfortable writing little bits of text. (You probably won’t have to write main body copy though and if you are asked, have a referral handy.) You may also find that having a knack for headlines can really come in handy. Not only will it help you create a design that includes actual content, but you can also design with the actual lettering. This will make a dramatic difference when working with any type of speciality or novelty typesetting.

Good copywriting extends beyond the main messaging and branding for a project to all the surrounding parts as well, including web and print pieces and social media messaging. It can be a lot to think about.

5. Search Optimization

As with copywriting, most designers won’t be SEO experts, but some basic knowledge of how search works is really valuable. You’ll be able to recommend adding or removing text from certain pages or designing elements that can make it easier for users to find a website in search rankings.

This is equally important. Any mention of SEO and a client immediately envisions themselves in the top Google position. Have an open and honest conversation about how search will help and if that’s the desire, an SEO expert might be needed.

6. Logo Design

Logo design is a tricky part of the design business. It comes so easy for some designers while others truly struggle. Clients can often group all aspects of design into one bucket. Ask from the beginning of a project for clarification on the scope of work, including what elements they already have and what elements need to be created.

7. Photography

If you are like me, you know your way around Adobe Photoshop … but fumble when it comes to framing actual photos and thinking about ISOs.

Designer does not equal photographer.

Even the best designers in the world can really struggle when it comes to creating some of the images that make up great design projects. Clients don’t always see these as separate jobs, even though they are most of the time.

8. Illustration

See No. 7 and substitute “illustration” for “photo.”

9. Animation

The same applies when it comes to think about animation. While most designers can create a functional gif or make a hover action that moves, full scale animation is a lot more difficult.

Use available tools for elements when you can, but for projects that require an animator, help the client find someone with just that level of expertise.

10. Software Whiz

One of the most frustrating things a client expects is that you can make a bad/small/low resolution file usable. Sometimes there’s a little magic you can do. Sometimes there’s not.

Do the best you can. At the end of the day, the most valuable thing you can do is show the client when something isn’t usable. Saying a photo is of poor quality doesn’t have the same effect as popping it into place and letting them see that it is pixelated or blurry. This can take a few extra minutes in the beginning, but might save a lot of time later in the process.

11. HTML and CSS

Even if you are a web designer, are you a web developer? For some, the titles are interchangeable, while others design or work code, but not both. If you are in the camp of two separate roles, make sure your client understand this up front. Most clients have come to expect a one-stop-shop when it comes to website development and design.

12. Font Identification

You will be asked: “What font is that?” And expected to answer on the spot. This one’s an easy solve — What the Font can be your secret weapon!

13. Psychology

How a user might feel when they interact with a design is an important part of understanding behavior and conversions. Much of this comes back to analytics and science, while some of it is from experience.

You can probably explain easily why users like photos that show people or trust websites with a blue background. That’s all part of design psychology.

14. Lightning Speed

Most clients expect quick turnarounds. You aren’t going to have all week to make a correction or submit revisions. Mitigate some of these expectations with a detailed project timeline.

It’s also acceptable to help clients figure out what a reasonable expectation of time looks like. If you aren’t charging by the hour — many design projects come with flat fee structures — it can be tough for them to truly understand how long something takes. Make a habit to respond to requests with when you expect to have something back to the client.

15. Mindreading

It might sound cheesy, but clients do expect designers to just “know” what they want or “see” what they see. More times than not this leads to miscommunication.

Rather than getting frustrated, try to ask more questions. Just as you would show a client something rather than tell them about it, ask the same of them. Get them to show you things they do or do not like on the path to planning a project.

Design is a visual form of communication. Try to communicate visually with clients to make the process easier on everyone.

Conclusion

The key to managing client expectations is to help your clients learn how you work and how you can best work together. Good communication will help you get on the same page quickly at the start of a project and stick together until it is finished.

While it can be challenging to admit you don’t have a certain skill or need to pass something on to someone else, it’s a lot better than making a mistake or missing a deadline. Be honest about your design role with clients so that you can work together in the best way possible.

from DIYS http://ift.tt/2rIIYt9

[goldieseoservices]

15 Skills Every Design Client Expects You to Have

While every design project is a little bit different, almost every client expects you to be a jack of all trades to some degree. Regardless of the project, designers are often expected to provide a complete solution for clients, even though most of us don’t have all the same skills.

In addition to design, clients may ask for expertise in marketing, code, or illustration. It can be a difficult balance at times. But knowing what clients might expect can help you have a plan for how to deal with specific requests, whether it is offering a referral to someone else or adding a new skill to your portfolio.

Most of these examples come from personal experience. And while I didn’t fulfill all the requested needs, seeing what a client expects from their perspective is an interesting exercise!

1. Design Theory

Clients trust you to know your stuff when it comes to what looks good and how to work with colors, type and space. It’s a perfectly reasonable expectation, no matter what kind of designer you consider yourself to be.

The nice thing about clients that expect you to know design theory is that they will also trust your design decision-making. While some of this comes with time and having a solid client relationship, you can help reinforce the idea by clearly explaining the logical for specific design ideas clearly and in lay terms for clients. (Your expertise is part of why they hired you and what they are paying for.)

2. Print Design

Clients will often think you can take any website design and just turn it into something printable. They might even expect you to pull postcards from thin air. (Well not really, but you get the idea.)

While some designers work in both print and digital spheres, this is not always the case. It can be difficult for clients to know exactly what to expect. If you aren’t comfortable with print — or packaging or other tactile mediums — make that clear to the client and get help from another designer who is more print-fluent.

3. Website Design

The print versus digital dilemma goes the other way as well. Some clients think that shiny brochure can just be converted into a website. Or that you can take an old website design and “fix it” quickly.

It can be tough conversation when you have to explain that these things aren’t really interchangeable. But do yourself and other designers this favor: Explain it clearly and that it comes at a cost. Web projects aren’t just extensions of something else. Especially in today’s complicated web landscape, these projects need their own planning and care.

4. Copywriting

Some designers have come up in a world where they never have to write any of the copy. Others might be copywriting experts, but assuming one way or the other can lead to plenty of frustration.

As a designer, you should learn the basics of copywriting.

As a designer, you should learn the basics of copywriting. For web designers in particular, microcopy is unlikely to come handed to you and you’ll need to feel comfortable writing little bits of text. (You probably won’t have to write main body copy though and if you are asked, have a referral handy.) You may also find that having a knack for headlines can really come in handy. Not only will it help you create a design that includes actual content, but you can also design with the actual lettering. This will make a dramatic difference when working with any type of speciality or novelty typesetting.

Good copywriting extends beyond the main messaging and branding for a project to all the surrounding parts as well, including web and print pieces and social media messaging. It can be a lot to think about.

5. Search Optimization

As with copywriting, most designers won’t be SEO experts, but some basic knowledge of how search works is really valuable. You’ll be able to recommend adding or removing text from certain pages or designing elements that can make it easier for users to find a website in search rankings.

This is equally important. Any mention of SEO and a client immediately envisions themselves in the top Google position. Have an open and honest conversation about how search will help and if that’s the desire, an SEO expert might be needed.

6. Logo Design

Logo design is a tricky part of the design business. It comes so easy for some designers while others truly struggle. Clients can often group all aspects of design into one bucket. Ask from the beginning of a project for clarification on the scope of work, including what elements they already have and what elements need to be created.

7. Photography

If you are like me, you know your way around Adobe Photoshop … but fumble when it comes to framing actual photos and thinking about ISOs.

Designer does not equal photographer.

Even the best designers in the world can really struggle when it comes to creating some of the images that make up great design projects. Clients don’t always see these as separate jobs, even though they are most of the time.

8. Illustration

See No. 7 and substitute “illustration” for “photo.”

9. Animation

The same applies when it comes to think about animation. While most designers can create a functional gif or make a hover action that moves, full scale animation is a lot more difficult.

Use available tools for elements when you can, but for projects that require an animator, help the client find someone with just that level of expertise.

10. Software Whiz

One of the most frustrating things a client expects is that you can make a bad/small/low resolution file usable. Sometimes there’s a little magic you can do. Sometimes there’s not.

Do the best you can. At the end of the day, the most valuable thing you can do is show the client when something isn’t usable. Saying a photo is of poor quality doesn’t have the same effect as popping it into place and letting them see that it is pixelated or blurry. This can take a few extra minutes in the beginning, but might save a lot of time later in the process.

11. HTML and CSS

Even if you are a web designer, are you a web developer? For some, the titles are interchangeable, while others design or work code, but not both. If you are in the camp of two separate roles, make sure your client understand this up front. Most clients have come to expect a one-stop-shop when it comes to website development and design.

12. Font Identification

You will be asked: “What font is that?” And expected to answer on the spot. This one’s an easy solve — What the Font can be your secret weapon!

13. Psychology

How a user might feel when they interact with a design is an important part of understanding behavior and conversions. Much of this comes back to analytics and science, while some of it is from experience.

You can probably explain easily why users like photos that show people or trust websites with a blue background. That’s all part of design psychology.

14. Lightning Speed

Most clients expect quick turnarounds. You aren’t going to have all week to make a correction or submit revisions. Mitigate some of these expectations with a detailed project timeline.

It’s also acceptable to help clients figure out what a reasonable expectation of time looks like. If you aren’t charging by the hour — many design projects come with flat fee structures — it can be tough for them to truly understand how long something takes. Make a habit to respond to requests with when you expect to have something back to the client.

15. Mindreading

It might sound cheesy, but clients do expect designers to just “know” what they want or “see” what they see. More times than not this leads to miscommunication.

Rather than getting frustrated, try to ask more questions. Just as you would show a client something rather than tell them about it, ask the same of them. Get them to show you things they do or do not like on the path to planning a project.

Design is a visual form of communication. Try to communicate visually with clients to make the process easier on everyone.

Conclusion

The key to managing client expectations is to help your clients learn how you work and how you can best work together. Good communication will help you get on the same page quickly at the start of a project and stick together until it is finished.

While it can be challenging to admit you don’t have a certain skill or need to pass something on to someone else, it’s a lot better than making a mistake or missing a deadline. Be honest about your design role with clients so that you can work together in the best way possible.

from DIYS http://ift.tt/2rIIYt9

[codenewbies]

Service Section with Shiny Hover Animation

[divinector]

Navigation menu with shiny Hover Effect Check out Divinector Youtube Channel for More

[seo53703]

15 Skills Every Design Client Expects You to Have

While every design project is a little bit different, almost every client expects you to be a jack of all trades to some degree. Regardless of the project, designers are often expected to provide a complete solution for clients, even though most of us don’t have all the same skills.

In addition to design, clients may ask for expertise in marketing, code, or illustration. It can be a difficult balance at times. But knowing what clients might expect can help you have a plan for how to deal with specific requests, whether it is offering a referral to someone else or adding a new skill to your portfolio.

Most of these examples come from personal experience. And while I didn’t fulfill all the requested needs, seeing what a client expects from their perspective is an interesting exercise!

1. Design Theory

Clients trust you to know your stuff when it comes to what looks good and how to work with colors, type and space. It’s a perfectly reasonable expectation, no matter what kind of designer you consider yourself to be.

The nice thing about clients that expect you to know design theory is that they will also trust your design decision-making. While some of this comes with time and having a solid client relationship, you can help reinforce the idea by clearly explaining the logical for specific design ideas clearly and in lay terms for clients. (Your expertise is part of why they hired you and what they are paying for.)

2. Print Design

Clients will often think you can take any website design and just turn it into something printable. They might even expect you to pull postcards from thin air. (Well not really, but you get the idea.)

While some designers work in both print and digital spheres, this is not always the case. It can be difficult for clients to know exactly what to expect. If you aren’t comfortable with print — or packaging or other tactile mediums — make that clear to the client and get help from another designer who is more print-fluent.

3. Website Design

The print versus digital dilemma goes the other way as well. Some clients think that shiny brochure can just be converted into a website. Or that you can take an old website design and “fix it” quickly.

It can be tough conversation when you have to explain that these things aren’t really interchangeable. But do yourself and other designers this favor: Explain it clearly and that it comes at a cost. Web projects aren’t just extensions of something else. Especially in today’s complicated web landscape, these projects need their own planning and care.

4. Copywriting

Some designers have come up in a world where they never have to write any of the copy. Others might be copywriting experts, but assuming one way or the other can lead to plenty of frustration.

As a designer, you should learn the basics of copywriting.

As a designer, you should learn the basics of copywriting. For web designers in particular, microcopy is unlikely to come handed to you and you’ll need to feel comfortable writing little bits of text. (You probably won’t have to write main body copy though and if you are asked, have a referral handy.) You may also find that having a knack for headlines can really come in handy. Not only will it help you create a design that includes actual content, but you can also design with the actual lettering. This will make a dramatic difference when working with any type of speciality or novelty typesetting.

Good copywriting extends beyond the main messaging and branding for a project to all the surrounding parts as well, including web and print pieces and social media messaging. It can be a lot to think about.

5. Search Optimization

As with copywriting, most designers won’t be SEO experts, but some basic knowledge of how search works is really valuable. You’ll be able to recommend adding or removing text from certain pages or designing elements that can make it easier for users to find a website in search rankings.

This is equally important. Any mention of SEO and a client immediately envisions themselves in the top Google position. Have an open and honest conversation about how search will help and if that’s the desire, an SEO expert might be needed.

6. Logo Design

Logo design is a tricky part of the design business. It comes so easy for some designers while others truly struggle. Clients can often group all aspects of design into one bucket. Ask from the beginning of a project for clarification on the scope of work, including what elements they already have and what elements need to be created.

7. Photography

If you are like me, you know your way around Adobe Photoshop … but fumble when it comes to framing actual photos and thinking about ISOs.

Designer does not equal photographer.

Even the best designers in the world can really struggle when it comes to creating some of the images that make up great design projects. Clients don’t always see these as separate jobs, even though they are most of the time.

8. Illustration

See No. 7 and substitute “illustration” for “photo.”

9. Animation

The same applies when it comes to think about animation. While most designers can create a functional gif or make a hover action that moves, full scale animation is a lot more difficult.

Use available tools for elements when you can, but for projects that require an animator, help the client find someone with just that level of expertise.

10. Software Whiz

One of the most frustrating things a client expects is that you can make a bad/small/low resolution file usable. Sometimes there’s a little magic you can do. Sometimes there’s not.

Do the best you can. At the end of the day, the most valuable thing you can do is show the client when something isn’t usable. Saying a photo is of poor quality doesn’t have the same effect as popping it into place and letting them see that it is pixelated or blurry. This can take a few extra minutes in the beginning, but might save a lot of time later in the process.

11. HTML and CSS

Even if you are a web designer, are you a web developer? For some, the titles are interchangeable, while others design or work code, but not both. If you are in the camp of two separate roles, make sure your client understand this up front. Most clients have come to expect a one-stop-shop when it comes to website development and design.

12. Font Identification

You will be asked: “What font is that?” And expected to answer on the spot. This one’s an easy solve — What the Font can be your secret weapon!

13. Psychology

How a user might feel when they interact with a design is an important part of understanding behavior and conversions. Much of this comes back to analytics and science, while some of it is from experience.

You can probably explain easily why users like photos that show people or trust websites with a blue background. That’s all part of design psychology.

14. Lightning Speed

Most clients expect quick turnarounds. You aren’t going to have all week to make a correction or submit revisions. Mitigate some of these expectations with a detailed project timeline.

It’s also acceptable to help clients figure out what a reasonable expectation of time looks like. If you aren’t charging by the hour — many design projects come with flat fee structures — it can be tough for them to truly understand how long something takes. Make a habit to respond to requests with when you expect to have something back to the client.

15. Mindreading

It might sound cheesy, but clients do expect designers to just “know” what they want or “see” what they see. More times than not this leads to miscommunication.

Rather than getting frustrated, try to ask more questions. Just as you would show a client something rather than tell them about it, ask the same of them. Get them to show you things they do or do not like on the path to planning a project.

Design is a visual form of communication. Try to communicate visually with clients to make the process easier on everyone.

Conclusion

The key to managing client expectations is to help your clients learn how you work and how you can best work together. Good communication will help you get on the same page quickly at the start of a project and stick together until it is finished.

While it can be challenging to admit you don’t have a certain skill or need to pass something on to someone else, it’s a lot better than making a mistake or missing a deadline. Be honest about your design role with clients so that you can work together in the best way possible.

from DIYS http://ift.tt/2rIIYt9

[themesparadise]

New Post has been published on Themesparadise

New Post has been published on https://themesparadise.com/dryer-multipurpose-joomla-template-2/

Dryer - Multipurpose Joomla Template

Dryer is a fully customizable, responsive premium Joomla multipurpose template for your corporate blog or website. The template is powered by Warp Framework and is fully internationalized and has been tested in all major browsers so you can be sure your users will see your website correctly. The theme has full support for RTL languages and will work on any device.

===================    Current version : 2.6.0    ===================

Responsive Design A fully responsive layout that adapts perfectly for all device resolutions like mobiles, tablets and desktops

Responsive Navigation The main menu is automatically converted into a user-friendly select box menu on small screen devices.

Fast and Lightweight Less than 5KB of CSS and JavaScript do all the work to make a theme completely responsive out of the box.

ON and OFF Function You can turn off or on responsive feature, you can set it for a specific page.

System Markup Make proper use of all new HTML5 elements.

HTML5 Enriched The theme and system markup of Joomla is completely HTML5 based.

Semantic The theme markup is well structured and very semantic which is great for search engine optimization.

Grid System Provides a simple, flexible, reusable grid system which also matches column heights.

Clearing Method Uses the micro clearfix and no overflow: hidden! This means no clipping of CSS properties like box shadow.

Base Style Sheet To avoid redundant code we normalize browser inconsistencies, instead of resetting them.

Cross-browser Support Enables you to build robust and future-proof websites.

Modular Structure CSS is well structured into separate files each with a specific purpose. Only load what you need.

Latest CSS techniques Utilizes the full power of CSS 2.1 selectors as well as all the shiny CSS3 stuff.

RTL Support Full support for right-to-left language localizations in sidebar, module and menu layouts.

Print Style Sheet Makes your website look great when printed on paper.

jQuery All scripts are lightweight and based on jQuery – the worlds most popular JavaScript library.

Mega Drop Down Menu Supports different slide transitions for the drop down effect and remains visible when the mouse leaves unintentionally.

Easy Customization All scripts are flexible and modular, which allows you to enable and disable effects as you like.

Ajax Search Get instant search results while you are typing, with the built in Ajaxed search field.

HTML5 Shim Enables all HTML5 elements for older Internet Explorers prior version 9.

Accordion Menu Adds a smooth sliding effect when opening the sub menu items on your sidebar navigation.

Fancy Menu It adds an animated background element which highlights the hovered main menu item with a fading or sliding effect.

Smooth Scroll Scroll smoothly to a section of a page when clicking named anchors in your HTML markup.

Sidebar and Module Layouts The Warp framework comes with a broad range of layout options

Module Layouts The module positions allow to choose a module layout which defines the module alignment and proportions: equal, double or stack. You can easily add your own module layouts.

Sidebar Layouts The two available sidebars, can be switched to the left or right side and their widths can easily be set in the theme administration.

Module Style For modules you can choose different module styles.

Warp Speed, Engage! Combine, minify, cache and compress CSS and JavaScripts on the fly. Reduce HTTP requests with Data URIs.

Create custom theme styles Styles are child themes which inherit or override resources from the default theme

Widgetkit Lite

JomSocial 2.6.2 Support

Multiple Page Layout Combination

Defined and set logo, favicon and apple touch icon

Can have numerous changes of backgrounds, colors, etc…

Over 50 Backgrounds available to chose from drop-down

Google Analytic Integration

Quickstart Available

Font Awesome — The iconic font designed for use with Twitter Bootstrap

Maven Pro — Fontsquirrel

Kreon — Google Web Fonts

Droid Sans — Google Web Fonts

Open Sans — Google Web Fonts

Yanone Kaffeesatz — Google Web Fonts

Purchase Now

[seoprovider2110]

15 Skills Every Design Client Expects You to Have

While every design project is a little bit different, almost every client expects you to be a jack of all trades to some degree. Regardless of the project, designers are often expected to provide a complete solution for clients, even though most of us don’t have all the same skills.

In addition to design, clients may ask for expertise in marketing, code, or illustration. It can be a difficult balance at times. But knowing what clients might expect can help you have a plan for how to deal with specific requests, whether it is offering a referral to someone else or adding a new skill to your portfolio.

Most of these examples come from personal experience. And while I didn’t fulfill all the requested needs, seeing what a client expects from their perspective is an interesting exercise!

1. Design Theory

Clients trust you to know your stuff when it comes to what looks good and how to work with colors, type and space. It’s a perfectly reasonable expectation, no matter what kind of designer you consider yourself to be.

The nice thing about clients that expect you to know design theory is that they will also trust your design decision-making. While some of this comes with time and having a solid client relationship, you can help reinforce the idea by clearly explaining the logical for specific design ideas clearly and in lay terms for clients. (Your expertise is part of why they hired you and what they are paying for.)

2. Print Design

Clients will often think you can take any website design and just turn it into something printable. They might even expect you to pull postcards from thin air. (Well not really, but you get the idea.)

While some designers work in both print and digital spheres, this is not always the case. It can be difficult for clients to know exactly what to expect. If you aren’t comfortable with print — or packaging or other tactile mediums — make that clear to the client and get help from another designer who is more print-fluent.

3. Website Design

The print versus digital dilemma goes the other way as well. Some clients think that shiny brochure can just be converted into a website. Or that you can take an old website design and “fix it” quickly.

It can be tough conversation when you have to explain that these things aren’t really interchangeable. But do yourself and other designers this favor: Explain it clearly and that it comes at a cost. Web projects aren’t just extensions of something else. Especially in today’s complicated web landscape, these projects need their own planning and care.

4. Copywriting

Some designers have come up in a world where they never have to write any of the copy. Others might be copywriting experts, but assuming one way or the other can lead to plenty of frustration.

As a designer, you should learn the basics of copywriting.

As a designer, you should learn the basics of copywriting. For web designers in particular, microcopy is unlikely to come handed to you and you’ll need to feel comfortable writing little bits of text. (You probably won’t have to write main body copy though and if you are asked, have a referral handy.) You may also find that having a knack for headlines can really come in handy. Not only will it help you create a design that includes actual content, but you can also design with the actual lettering. This will make a dramatic difference when working with any type of speciality or novelty typesetting.

Good copywriting extends beyond the main messaging and branding for a project to all the surrounding parts as well, including web and print pieces and social media messaging. It can be a lot to think about.

5. Search Optimization

As with copywriting, most designers won’t be SEO experts, but some basic knowledge of how search works is really valuable. You’ll be able to recommend adding or removing text from certain pages or designing elements that can make it easier for users to find a website in search rankings.

This is equally important. Any mention of SEO and a client immediately envisions themselves in the top Google position. Have an open and honest conversation about how search will help and if that’s the desire, an SEO expert might be needed.

6. Logo Design

Logo design is a tricky part of the design business. It comes so easy for some designers while others truly struggle. Clients can often group all aspects of design into one bucket. Ask from the beginning of a project for clarification on the scope of work, including what elements they already have and what elements need to be created.

7. Photography

If you are like me, you know your way around Adobe Photoshop … but fumble when it comes to framing actual photos and thinking about ISOs.

Designer does not equal photographer.

Even the best designers in the world can really struggle when it comes to creating some of the images that make up great design projects. Clients don’t always see these as separate jobs, even though they are most of the time.

8. Illustration

See No. 7 and substitute “illustration” for “photo.”

9. Animation

The same applies when it comes to think about animation. While most designers can create a functional gif or make a hover action that moves, full scale animation is a lot more difficult.

Use available tools for elements when you can, but for projects that require an animator, help the client find someone with just that level of expertise.

10. Software Whiz

One of the most frustrating things a client expects is that you can make a bad/small/low resolution file usable. Sometimes there’s a little magic you can do. Sometimes there’s not.

Do the best you can. At the end of the day, the most valuable thing you can do is show the client when something isn’t usable. Saying a photo is of poor quality doesn’t have the same effect as popping it into place and letting them see that it is pixelated or blurry. This can take a few extra minutes in the beginning, but might save a lot of time later in the process.

11. HTML and CSS

Even if you are a web designer, are you a web developer? For some, the titles are interchangeable, while others design or work code, but not both. If you are in the camp of two separate roles, make sure your client understand this up front. Most clients have come to expect a one-stop-shop when it comes to website development and design.

12. Font Identification

You will be asked: “What font is that?” And expected to answer on the spot. This one’s an easy solve — What the Font can be your secret weapon!

13. Psychology

How a user might feel when they interact with a design is an important part of understanding behavior and conversions. Much of this comes back to analytics and science, while some of it is from experience.

You can probably explain easily why users like photos that show people or trust websites with a blue background. That’s all part of design psychology.

14. Lightning Speed

Most clients expect quick turnarounds. You aren’t going to have all week to make a correction or submit revisions. Mitigate some of these expectations with a detailed project timeline.

It’s also acceptable to help clients figure out what a reasonable expectation of time looks like. If you aren’t charging by the hour — many design projects come with flat fee structures — it can be tough for them to truly understand how long something takes. Make a habit to respond to requests with when you expect to have something back to the client.

15. Mindreading

It might sound cheesy, but clients do expect designers to just “know” what they want or “see” what they see. More times than not this leads to miscommunication.

Rather than getting frustrated, try to ask more questions. Just as you would show a client something rather than tell them about it, ask the same of them. Get them to show you things they do or do not like on the path to planning a project.

Design is a visual form of communication. Try to communicate visually with clients to make the process easier on everyone.

Conclusion

The key to managing client expectations is to help your clients learn how you work and how you can best work together. Good communication will help you get on the same page quickly at the start of a project and stick together until it is finished.

While it can be challenging to admit you don’t have a certain skill or need to pass something on to someone else, it’s a lot better than making a mistake or missing a deadline. Be honest about your design role with clients so that you can work together in the best way possible.

from DIYS http://ift.tt/2rIIYt9

[codenewbies]

Shiny CSS Hover Animation  

[codenewbies]

Pure CSS shiny Menu Hover Effect