Design Lunatic » Lists https://www.designlunatic.com Just another WordPress site Tue, 12 Nov 2013 17:22:29 +0000 en-US hourly 1 http://wordpress.org/?v=3.6.1 10 Great Free Fonts https://www.designlunatic.com/2011/10/10-great-free-fonts/ https://www.designlunatic.com/2011/10/10-great-free-fonts/#comments Sun, 16 Oct 2011 01:45:58 +0000 Design Lunatic http://www.designlunatic.com/?p=804 Nowadays in web design, sticking to the default system fonts such as Arial, Times New Roman, and Verdana, is boring. Why? Because there are so many great fonts out there that are just waiting to be used in your next design. The following fonts are definitely among the best on the web.

Cicle

Aller

Bebas Neue

ChunkFive

Aurulent Sans

Nevis

Sansation

Babel Sans

Franchise

Green Pilloww

]]>
https://www.designlunatic.com/2011/10/10-great-free-fonts/feed/ 1
Great CSS3 Generators https://www.designlunatic.com/2011/09/great-css3-generators/ https://www.designlunatic.com/2011/09/great-css3-generators/#comments Fri, 30 Sep 2011 05:05:27 +0000 Design Lunatic http://www.designlunatic.com/?p=771 CSS3 is an amazing new way to simplify site building. From rounded corners to easy gradients, CSS3 has you covered. In this post, I’ll share some of the best CSS3 generators out there right now.

CSS3 Gradient Generator by Damian Galarza

This generator is a simple way to create simple gradients. Keep reading if you’re looking for something more advanced.

Ultimate CSS Gradient Generator

This is a powerful Photoshop-like gradient editor from ColorZilla. If you’re looking to create a complex gradient, or you’re just used to the Photoshop interface, this is the generator for you.

CSS Button Generator

A great way to create CSS buttons. The default button already looks great, but if you’re looking to customize it for your own needs, this generator has what you need.

CSS Button Creator

This is a more complex version of the CSS Button Generator above. If you’re looking for something more advanced with more options, this is the button generator for you.

Border Radius

A nicely designed website that simplifies the task of creating rounded corners. What more could you possibly need?

CSS3 Generator

This has it all. Transitions, animations, border radius, RGBA… you name it, this has it. I personally use this one all the time for transitions, but that’s certainly not the only thing it does.

]]>
https://www.designlunatic.com/2011/09/great-css3-generators/feed/ 1
Web Apps Great for Web Developers and Designers https://www.designlunatic.com/2011/08/web-apps-great-for-web-developers-and-designers/ https://www.designlunatic.com/2011/08/web-apps-great-for-web-developers-and-designers/#comments Fri, 12 Aug 2011 17:27:47 +0000 Design Lunatic http://www.designlunatic.com/?p=685 These apps are a great addition to any developer or designer’s toolbox.


TinyFluidGrid


Need to generate a nice grid? Well, this thing is for you. 960gs is a great option, but I prefer to go with this one because of the great generator for the grid they have there. Of course, you can always go with my personal grid, CSSWORK.


Adobe Kuler


I use this really often – Kuler is an adobe-made flash website where people upload color schemes. If you’re color-blind, I would suggest to go with this.


CoffeeScript


I’m sure everyone knows of CoffeeScript by now. This is a really popular little tool, where you can write “CoffeeScript”, and it will generate normal JavaScript for you. The reason this is so great is because the syntax is insanely simple. This is a great timesaver.


IconFinder


You all know Google, right? Of course you do, we aren’t cavemen. Well, imagine Google, except instead of searching the whole web, it searches icon sites. Need an icon? Open up IconFinder.


Wunderlist


Wunderlist is a great task management app. Enough said.


Cacoo


Cacoo is a great wireframing/mockup app. This one is a little better than the rest because it has real-time collaboration. If you’re in a team with other designers, check this out.


MockFlow


This is another nice mock-up app. It’s got a great interface, where you can just drag ‘n drop elements onto the canvas. You can sign in with your google account, so no need to go through the hassle of creating an account.


AutoMatoon


You all know flash. Well, this is CSS3 flash. It is definitely lacking some features, but I’m sure they will get added later on.


Sencha Animator


I know this is a “Web App” list post, but this simply had to be mentioned. It is basically complete duplicate of Flash – just with CSS3 and a tiny bit of javascript. I’m serious, check this out.


WooRank


WooRank is a free website analytics tool. However, it doesn’t give precise numbers – it’s more of a checklist for your website. Favicons, titles, SEO, headers, that sort of stuff.


ResponsivePX


Media Queries are really starting to get popular now. This is an app that allows you to check the exact breakpoints of your layout if you’re using media queries in it.

]]>
https://www.designlunatic.com/2011/08/web-apps-great-for-web-developers-and-designers/feed/ 0
Useful WordPress Plugins https://www.designlunatic.com/2011/07/useful-wordpress-plugins/ https://www.designlunatic.com/2011/07/useful-wordpress-plugins/#comments Sun, 17 Jul 2011 02:58:37 +0000 Design Lunatic http://www.designlunatic.com/?p=550 WordPress plugins allow WordPress to accomplish some amazing things. From SEO to typography, there is probably a WordPress plugin that allows you to accomplish what you need. Take a look at this list to find some great WordPress plugins. I’m sure that you will use at least one of these.

Relevanssi

http://wordpress.org/extend/plugins/relevanssi/
This plugin improves WordPress’s default search functionality. By default, WordPress sorts the search results by date, rather than by relevance. Relevanssi is much smarter, and allow for a smart search on your post.

Advanced Excerpt

http://sparepencil.com/portfolio/advanced-excerpt/
This adds to WordPress’s excerpt functionality: Mainly, you can use html in the excerpt.

Contact Form 7

http://contactform7.com/
This is quite possibly the best contact form plugin out there. If you need a simple, customizable contact page, this will undoubtedly be what you need.

SyntaxHighlighter Evolved

http://www.viper007bond.com/wordpress-plugins/syntaxhighlighter/
At a guess, I’d say that almost all of us knows what Alex Gorbatchev’s syntax highlighting jquery plugin is. It allows for super-simple code highlighting, and this plugin adds that functionality to WordPress.

Tabs In Editor

http://aahacreative.com/our-projects/tabs-wordpress-post-editor/
This is used in conjunction with the SyntaxHighlighter Evolved plugin above. It allows tabs in the post editor, which makes writing code much easier.

wp-Typography

http://kingdesk.com/projects/wp-typography/
This adds some great typhography features to your site. For example, it automatically adjusts the quotes in wordpress to be “right” and “left” quotes, instead of just straight up. It also replaces subtraction signs with hyphens. Take a look at their site for a full list.

HeadSpace2

http://urbangiraffe.com/plugins/headspace2/
This makes your posts much more SEO-friendly. Mainly, it allows you to add separate meta information to every one of your posts.

WP Super Cache

http://ocaoimh.ie/wp-super-cache/
This is exactly what its title says: It caches your site, which significantly decreases page load time.

]]>
https://www.designlunatic.com/2011/07/useful-wordpress-plugins/feed/ 0