Today we are going to show you how to use modernizr simplified....
Welcome to LUCiD GRAFiX
Our goal here at LucidGrafix is to help others be able to create more online, whether its web design, WordPress, art, 3d animation, maybe you need some inspiration or a freebie, like a font or a plugin, what ever might help get the job done.
We have come together to share tips and tricks that we have learned along the way. I hope this helps you along your journey and if you have questions, feel free to ask.
And as always…
Today we are going to show you how to use modernizr simplified. We are going to show you how to setup modernizr and use it from start to finish. We will be doing 2 fallback examples: Gradient fallback Box-shadow fallback Markup and Setup [crayon-52ad4c4d94855832052561/] We used http://www.colorzilla.com/gradient-editor/ to make the gradient above....Read more!
How to make a proper clearfix Today we are going over how to make a .clearfix, before HTML5 the typical way was just to give an element a class like .clr and apply clear:both to that element after the floated element and this would clear the above floated element with...Read more!
How to make a CSS sprite in Photoshop and then bring it to life – Revisited Today we are making a sprite using Photoshop and then in sublime text bringing to life, using CSS3 properties to give it a cool feel as well as a more modern look. When making...Read more!
Today we are going to discuss CSS Font shorthand explained. First, lets discuss all the properties. All CSS Font Properties font Sets all the font properties in one declaration font-style Specifies the font style for text font-variant Specifies whether or not a text should be displayed in a small-caps font font-weight...Read more!
Here is LESS Preprocessor fundamentals, a new series on how to use the LESS preprocessor. I put this series together to help people start using LESS, these videos are fundamentals and hopefully will be enough to get you started. Setup Variables Nesting Mixins Advanced Mixins Colors Guarded Mixins @import This...Read more!
Download free vector icons as SVG, PNG or WebFont directly in your Photoshop The Freepik’s team launched a new project, Flaticon, the world’s biggest vector icon database with more than 15000 high quality vector icons. A project with free files, free to use, even for commercial purposes. But the most...Read more!
Today we are going to make jQuery Tip 14 Testimonial Slideshow! This is a useful tip that I recently used on a website that wanted to show there visitors right when they hit there page a bunch of testimonials. So the solution was to add a testimonial slideshow that cycles through the...Read more!
Today were going to make jQuery Tip 13 Modal Window. So this is a cool effect when you want to get the audiences attention with a nice pop up. They call this a modal window, the difference between a modal and a modeless window is that on a modal window you...Read more!
30 AMAZING photos from MEST Photo MEST Photo is a commercial photographer specializing in fashion, advertising, and art photography and is currently based out of Tampa Florida. He has great eye and a creative vision that he brings to life in every photo shoot. I always look forward to seeing...Read more!
Free Photoshop plugin Blendme.in What a cool freebie, it allows you to drop icon sets directly on to your mock up and use them for free. Not only its free but people are adding more icons everyday. So what a freebie!!! So here is the link http://blendme.in/. Just drag the icon...Read more!
Today we are going to make jQuery Tip 12 Simple SlideDown Menu. So this is a cool tip that gives drop down menus a smooth effect when you hover over a list item and slides down the nested menu. Html [crayon-52ad4c4d97b6e515750683/] css [crayon-52ad4c4d97b80487890840/] jQuery [crayon-52ad4c4d97be7371913974/] * You could switch the slideDown...Read more!
How to use LESS in Dreamweaver. first we have to modify some Dreamweaver configuration files. There will be 2 files lets get started with the first. ALWAYS BACK UP FILES BEFORE changing. 1. Open C:\Users\What Ever Your User Name Is\AppData\Roaming\Adobe\Dreamweaver CS6\en_US\Configuration\Extensions.txt 2. In the Extensions.txt add less to the CSS line...Read more!