In this article ResourcesMix.info selected 40+ great textures on Flickr, all with Creative Commons license. I have also included a stunning list of texture resources that you can’t afford to miss.
Find out more Texture sets on ResourcesMix.info
Showing posts with label tools. Show all posts
Showing posts with label tools. Show all posts
20+ Great Slider Techniques collection | ResourcesMix.info
Animated sliding effects can if not used wrong or to much add excellent dynamics and uniqueness to websites. They are often seen as components that give access to multiple featured articles in an elegant and very space optimized way. Generally sliding effects are created using CSS and Javascript and typically javascript frameworks like jQuery and mootools are used to make the code more robust and compatible.
In this article ResourcesMix.info present more than 25 techniques for sliding and scrolling content, a must have collection for Web Developers!
ImageSwitch
The main point of this plug-in is to make an easy-to-use, simple and fast plug-in to create effect when you switch between images. Minimize the arguments you need to input and still give some decent effects.
Scrollable
The purpose of this library is to make it extremely easy to add scrolling functionality to a website. Whenever you wish to scroll HTML elements in a visually-appealing manner, this is the only library you need.
Find out more on: http://resourcesmix.info
Best CSS tools EVER!
We're always hungry in css. It has such a great potential if done right that we don't care if the time spent making our web apps compatible and compliant is so long. We searched and saved the best tools of the month when it comes to css and came up with this great list that might make your job easier or less painful. Hacks, publications, resources and other tools…
CSS Hacks & Issues
"This article includes 8 helpful solutions which we find essential when designing with CSS".
Advanced Formatting and Organization
"In this day it is very common for a stylesheet to contain many times more line of code than its corresponding XHTML document. Part of the challenge of witting good CSS is not just learning the correct properties to use, but formatting and organizing your document in a way that allows for easy maintenance and speedy display bug fixes.".
Margins and Padding
50% of the job might be to make your website look and act the same in all major browsers. This is a nightmare for all designers. While you're swearing you might try this out...
Margins and Padding
"Uni-Form is an attempt to standardize form markup (xhtml) and css, "modularize" it, so even people with only basic knowledge of these technologies can get nice looking, well structured, highly customizable, semantic, accessible and usable forms." - nice job.
CSS Slicing Guide
...learn to slice your templates into fully valid XHTML and CSS web pages.
Wordpress Theme Generator
"This online generator creates your own custom unique WordPress Theme. Without any need for HTML, JS, PHP, or CSS knowledge".
A CSS sticky footer that just works
"We've all tried to use a sticky footer one time or another, but they never seem to come out right, do they? Well, the days of a hard to understand CSS-based sticky footer are thankfully over".
60 best CSS directories you would die to watch!
"With new technologies flooding the web,different tools are available with which a web designer can showcase his creativity and craft. But despite putting in the effort and sweat, numerous websites with fantastic creativity fail to get noticed. Also, the surge in designing is driving designers to dig for creativity, color schemes and layouts."
Faster Page Loads With Image Concatenation
Using icons in your web pages can have a great visual impact but it also makes it harder to load. Learn by example how to use concatenation to speed up your web applications.
A Guide to CSS Support in Email
"Inspired by the fantastic work of Xavier Frenette, we decided to put each of the popular email environments to the test and finalize once and for all what CSS is and isn't supported out there".
Css tinderbox
"The CSS Tinderbox is an effort to support open source web design by providing very basic, yet solid, CSS/XHTML design templates that web designers and web developers can use as the foundation for their own projects."
Css tinderbox
"To help you work with CSS, we've created a free tool called Simple CSS, which runs on Macs, Windows and Linux. Simple CSS allows you to easily create Cascading Style Sheets from scratch, and/or modify existing ones, using a familiar point-and-click interface."
top 10 Popular Web Designer Tools for Firefox
Thanks to Firefox and some of the great add-ons that have been developed for it, your browser is your best friend when it comes to web site design. From CSS tools, to promoting your domain, here are 10 of the most popular web designer tools for Firefox.
Any of these add-ons would be great to add to your own proverbial web designer’s toolbelt.
- ColorZilla – This advanced eyedropper and color picker will help you find out exactly what color is being used on somebody else’s web site, so you can use it on your own.
- Firebug – Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
- FireFTP – Looking for an FTP client you can reach from inside of Firefox? FireFTP is a free, secure, cross platform FTP client built into and for Firefox.
- IE Tab – Quickly embed Internet Explorer into an open tab of Firefox, for cross browser web site checking and testing.
- Picnik – Get quick access to your own online image editor with this add-on. It adds a menu option to import images right into the Picnik online image editor.
- Stylish – This add-on is often considered for web site tweakers, however it can also be used to add or remove CSS and design elements on the fly, without even having to login to your web site.
- Web Developer Toolbar – By far, the king of the web development Firefox extensions. It adds a menu and a toolbar with various web developer tools.
- User Agent Switcher – Another good one to have for cross browser testing. It adds a menu to the toolbar so you can quickly change the user agent of the browser.
- FireShot – Take a screenshot and also add notes to it. If you are a designer, wanting to highlight key features of a design to a client, there is no better Firefox add-on out there to do just that.
- SeoQuake – Aimed at the search engine optimization crowd, this extension will help webmasters deal with the promotion side of their domains.
What Firefox add-ons and services help you get the job done when it comes to web design? Drop in a comment, and give me your own “best of” suggestions.
Best Of Compelling Desktop Blogging Clients
Windows Live Writer – Desktop Blogging Client
Windows Live Writer (WLW) is a free product from Microsoft, allowing you to blog from your Windows desktop to multiple platforms like Windows Live, Wordpress, Blogger, LiveJournal, TypePad, and many more. WLW allows easy management of images in post, simple video insertion and WYSIWYG editing. WLW is extensible by numerous plugins, which are already available freely on the Internet. Windows Live Writer is a solid product and very good choice if you are blogging from Windows.
BlogJet – Desktop Blogging Client
BlogJet is a commercial desktop blogging tool which is rich in features. It supports the WordPress, TypePad, Blogger, Drupal platforms, and more. It is a WYSIWYG editor, with powerful image handling capabilities. It seamlessly integrates third-party services like Flickr, Youtube, etc. BlogJet also has an integrated spellchecker, a text auto-replace feature, ability to attach files to your blog posts, intuitive post management and searching, word count for each post and blog statistics, include custom smileys in posts, implements proper typography, enabling easy management of multiple blogs, all built in a nice user interface. To configure itself, BlogJet just need your blog address and it automatically detects the blog type and adjusts its setting to your new blog.
Flock Browser – Desktop Blogging Client
Flock is basically a free web browser, which has an inbuilt blog editor in it. Using Flock, you can then easily blog from an application which can be used both as browser or blog editor.
Deepest Sender – Desktop Blogging Client
Deepest Sender is a free blogging client which works inside Firefox, SeaMonkey, and XULRunner. Using Firefox, you can just use the shortcut or click on the button to access Deepest Sender. It can handle multiple accounts from multiple blog platforms. It has a WYSIWYG editor, spellchecking and crash recovery features. Deepest Sender can run in the Firefox sidebar, load and save drafts and work in offline mode. One other advantage of Deepest Sender is that it is cross-platform. It will work on any operating system on which Firefox will work.
Ecto – Desktop Blogging Client
Ecto is a commercial MacOS X blogging tool which allows you to blog from the Mac desktop. Ecto provides a WYSIWYG editor to write your posts within. Using Ecto, you can easily scale, convert, thumbnail your images. Ecto also enables you to preview your posts within itself, using Safari’s Webkit Rendering Engine. Ecto supports multiple blogging platforms and multiple blogging accounts.
Bleezer – Desktop Blogging Client
Bleezer is a free desktop blogging client which works on multiple operating systems like Windows, OS X, and Linux. It can also interact multiple blogging platforms like Wordpress, Blogger, etc. Bleezer comes with a WYSIWYG editor, with integrated support for FTP image upload to your server. Using user-defined shortcuts, you can even setup custom HTML markup inside your posts. Bleezer has an inbuilt spellchecker and can work in both online and offline modes.
BloGTK – Desktop Blogging Client
BloGTK is an open-source blogging tool which allows GNOME users to blog easily from the desktop to blogging platforms like Blogger, Movable Type, WordPress, and more. BloGTK was written in Python and PyGTK and was design with operating speed in mind.
Drivel – Desktop Blogging Client
Drivel is another free blog editor for the GNOME desktop interface. Drivel supports many blogging platforms including LiveJournal, Blogger, MovableType, Advogato, Wordpress, Drupal etc. Drivel has spellchecking capabilities and HTML syntax highlighting. Drivel has a crash recovery feature incase of application or computer crash and also allows you to blog in both online and offline modes.
Gnome Blog – Desktop Blogging Client
Gnome blogs, as its named suggests, is a free blog editor for the GNOME desktop interface. It has WYSIWYG editing capabilities, inbuilt spellchecker, and drag and drop image addition to blog entries. Gnome Blog allows you to blog to platforms like LiveJournal, Blogger, MovableType, Advogato, etc.
Newz Crawler – Desktop Blogging Client
Newz Crawler is a free 3 in 1 application which acts as rss/atom reader, browser and blog client for Windows. It main purpose is to enable users to blog news quickly when you find them through the feeds. Its blog editor has full WYSIWYG editing capabilities, and enables you to blog to Blogger, MetaWeblog, MovableType, LiveJournal.
ScribeFire – Desktop Blogging Client
ScribeFire is a free Firefox add-on which includes a blog editor inside the Firefox browsing environment. It then allows you to easily post your articles to supported platforms like Wordpress, Blogger, Xanga and more. ScribeFire can display word counts, do live previews, has spellchecking and can do much more.
Chrysanth WebStory – Desktop Blogging Client
Chrysanth WebStory is a free blog editor which allows you to easily manage multiple blogs from multiple platforms. Chrysanth WebStory can also backup all your online posts to your computer and allows you to protect it with a password. It automatically creates backups of all your posts. You can write your posts through the WYSIWYG editor and Chrysanth WebStory automatically uploads your images to your server through FTP.
JBlogEditor – Desktop Blogging Client
JBlogEditor is a free blog editor, written in JAVA, which allows you manage and publish to Wordpress, Blogger and JRoller blogs. It can save drafts locally for later publishing, has the ability to edit multiple posts simultaneously and has inbuilt advanced HTML tag completion. JBlogEditor allows you to manage multiple blogs account and runs on various platforms like Windows, Linux and MacOS X. Unfortunately, development of JBlogEditor has ceased, but it can be still downloaded and used.
LIPIDr – Desktop Blogging Client
LIPIDr is a free blog editor which allows you to edit blogs from Windows 2000 and up. LIPIDr can assign shortcuts to HTML tags so that they can be easily be called upon when needed. It can automatically post your new entry to Mister Wong and has an integrated FTP client which allows you to upload your files to your server. You can manage multiple blogs easily with LIPIDr. Wordpress is fully supported by LIPIDr, and S9Y, Nucleus and Movable Type are partially supported. A downside to LIPIDr is that it does not have a WYSIWYG editor, just a plain HTML editor is included.
QTM – Desktop Blogging Client
QTM is an open source blog editor which allows you to manage blogs on the following platforms: Wordpress, Movable Type, Drupal, etc. However, the Blogger platform is not supported. QTM works on Windows, MacOS X and different flavors of Linux (SUSE, Fedora, Mandriva, Ubuntu and Debian).
Blogo – Desktop Blogging Client
Blogo is commercial blogging client which allows you to manage Wordpress, Blogger, Typepad, Typo, Drupal, Joomla, and Expression Engine blogs and also allows you to handle multiple blog accounts. The interface of Blogo is very nicely designed. You can easily insert images inside your blog posts and resize/crop them accordingly. Blogo also enables easy insertion of videos, widgets, etc. Blogo has a powerful rich text editor. Blogo can also go to full screen mode for a larger workspace and offline mode if you have no internet connectivity.
MarsEdit – Desktop Blogging Client
MarsEdit is a commercial desktop blogging client for your Mac. MarsEdit works with different blog types, including WordPress, Blogger, Tumblr, TypePad, Movable Type, LiveJournal, Drupal, and Vox. MarsEdit allows you to preview you posts in the same template as that of your original blog, making you get a better idea of how your published post will look like. MarsEdit also allows you to define Macros to auto-replace text as you type. You can also integrate MarsEdit with your favorite text editor like BBEdit, SubEthaEdit, TextMate, or TextWrangler. You can also work in both offline and online modes.
Thingamablog – Desktop Blogging Client
Thingamablog is free a cross-platform (Windows, Mac OS X, Linux) blog editor which supports the LiveJournal, Blogger, MovableType, Advogato, Wordpress, Drupal blogging platforms. With Thingamablog you can manage multiple blogs and multiple accounts easily. Thingamablog also works as an integrated feed reader, allowing you to read your feeds and blog about interesting finds later.
w.bloggar – Desktop Blogging Client
w.bloggar is a free Windows blog editor which allows you to blog to multiple platforms (Wordpress, MovableType, TypePad, Drupal, b2evolution, Nucleus CMS, Squarespace, Community Server, BlogEngine.NET). You can save your posts locally and work in both online and offline modes. Additionally w.bloggar provides a portable version which allows you to blog on the move.
RocketPost – Desktop Blogging Client
RocketPost is a commercial blog editor compatible with most blog platforms like Blogger (new and old), Movable Type, WordPress, TypePad, MSN Spaces, BlogHarbor, Drupal, dasBlog, BlogEngine.NET, .Text and SquareSpace. It supports full WYSIWYG editing. You can save all your posts locally and edit them without the need to download them later again. RocketPost allows easy image insertion into posts and resizing/cropping/compressing images is very easy using RocketPost. The blog editor also has integrated spellchecking capabilities, automatic word expansion, caps lock safety features and more. RocketPost works on Windows only (Vista, XP, 2003, 2000, NT, Me, 98).
BlogDesk – Desktop Blogging Client
BlogDesk is a free blog editor which allows you to work with WordPress, MovableType, Drupal, Serendipity and ExpressionEngine blogs. BlogDesk is equipped with a WYSIWYG editor. Using this blog editor, you can easily manage multiple blogs from the same interface. Using the ImageWizard image editor included, you can easily crop, resize, rotate your images and then insert them in your posts. BlogDesk also has built-in spellchecking capabilities and many more features.
Post2Blog – Desktop Blogging Client
Post2Blog is a free blog editor with WYSIWYG support. It has an inbuilt spellchecker, automatically image uploading, post text/images from Internet Explorer or Firefox using the browser toolbar, add Technorati, Buzzwords tags to blog posts easily and more. The supported blog platforms are Blogger, WordPress, Typepad, Movable Type.
Qumana – Desktop Blogging Client
Qumana is a free blog editor which works on both Windows and Mac. It has WYSIWYG editing capabilities, spellchecker, Technorati tagging, easy image uploads, online and offline blogging, multi-window editing. It also provides a DropPad, which allows you to drag-and-drop links, text and pictures easily for later use in posts.
Zoundry Raven – Desktop Blogging Client
Zoundry Raven is a free blog editor supporting platforms like the Blogger, Movable Type & TypePad, Windows Live Spaces, WordPress, and more. Its main features are WYSIWYG tabbed editing, managing of multiple blogs easily, easy inclusion of images, videos and more. Optionally, you can run Zoundry Raven as a portable application to take with you everywhere.
WB Editor – Desktop Blogging Client
WB Editor is a commercial blog editor which can interact with all major blogging platforms. It has WYSIWYG editing capabilities, FTP image uploads, has a plugin architecture, spellchecker(through plugin), tabbed editing interface, inbuilt web browser, automatic updates and more. You can also blog in online or offline modes using WB Editor.
MacJournal – Desktop Blogging Client
MacJournal is a MacOS X commercial blog editor which allows you to blog to platforms like Blogger, WordPress, LiveJournal, and more. It allows you to easily insert videos, images in you entry. It also allows you to insert PDFs, QuickTime movies, images, and text in your posts.
TextMate Blogging – Desktop Blogging Client
TextMate is basically a commercial text editor, but one which can also work as a blogging client. It can interact with the Drupal, Movable Type, Typo, WordPress platforms. You can see this page for more information on how to use TextMate as a blogging editor, or see this screencast.
SharpMT – Desktop Blogging Client
SharpMT is an offline free blog editor for the Movable Type Platform. There are 3 versions of the application: desktop, PocketPC and SmartPhone ones. SharpMT does not support WYSIWYG editing, using plain textboxes for editing of post. It also has a plugin architecture for further development.
AirPress – Desktop Blogging Client
AirPress is a free blog editor built upon the Adobe AIR platform. It has a very intuitive interface and allows you to edit/manage your posts online, using the local posts database. It has drag-and-drop support for pictures, sounds, videos, flash animations, etc. AirPress can only be used for updating Wordpress blogs.
Sun Weblog Publisher – Desktop Blogging Client
If you use StarOffice Writer, then this plugin allows you to convert your StarOffice Writer into a blog editor, allowing you to use the power of StarOffice for blogging. Sun Weblog Publisher allows you to blog to major blogging platforms easily.
KBlogger – Desktop Blogging Client
KBlogger is a free KDE environment blog editor, which allows you to blog to major blogging platforms quickly and easily. It has inbuilt spellchecking and a very minimalistic interface.
Great Code Snippets for Web Designers & Developers
Who can resist anything free? There are plenty of CSS resource sites out on the net that offer free CSS Code Snippets. Why would you want to recreate code that has already been created. The time that you could save by using these already developed CSS codes could be better used surfing the net or going on a date. Check these sites offering free CSS codes.
Code Sucks : CSS Code Snippets
Take these code snippets and run with them.
This website contains most, if not all of the CSS Codes. So, we can say it as a CSS Codes Library that is a huge collection of CSS Codes. The greatest advantage is that you can have solutions to maximum number of CSS Code problems at just one place.
If you are looking for help making the transition to CSS layout (that’s Cascading Style Sheets), you’ve come to the right place. Glish is a site cataloging many useful cross-browser CSS layout techniques. All the examples on this site have been reduced to only their essential code, and you will find the source displayed on each page to hopefully make it quick and easy to understand the inner workings of the CSS. Feel free to steal all the code you find on this site, and consider linking back here on your site or in your source comments. You will also find below links to various online CSS resources and tutorials, appropriate for both the novice and the seasoned CSS veteran.
This page lists all CSS properties listed in this CSS tutorial in alphabetical order. To learn about a particular CSS property, simply click on the link.
CSS Library : Dynamic Drive CSS Library
Welcome to Dynamic Drive’s new CSS library! Here you’ll find original, practical CSS codes and examples such as CSS menus to give your site a visual boast.
<Dream in Code> : CSS Code Snippets
Check out this useful section of Dream in Code with several pages of CSS Code Snippets.
Snippets is a public source code repository. Easily build up your personal collection of CSS code snippets, categorize them with tags / keywords, and share them with the world
This is a collection of short CSS codes that can be used on your web sites. Once you get the hang of CSS coding, there is no telling what you could come up with on your own. There are many different style codes to try. Mix and match them and come up with your own cool CSS style codes.
Forty Something : CSS Snippets
An archive of CSS code snippets for usage on your web sites.
HyperGurl : Ready made CSS scripts
Color Scrollbar Script. No Underline on Links. Background Styles. Change Link Text Color on Mouseover. Change Text color on Mouseover, Custom Cursor.
Snippets is a public source code repository. Easily build up your personal collection of code snippets, categorize them with tags / keywords, and share them with the world (or not, you can keep them private!)
Alphabetical list of all CSS properties from the Cascading Style Sheets 2 (CSS2) specification. The CSS properties are listed alphabetically to help you quickly find the property you’re looking for, or to find out whether it exists or not. CSS properties are used to apply styles to structured documents, such as those created with HTML or XML. Note that not all browsers/user agents support all CSS properties, so you should try to test your pages in as many browsers as you can. CSS Examples .. Table Layout Examples
Some layouts and their codes here.
A unique site where users contribute CSS code snippets.
Spyka Webmaster : PHP, Javascript, CSS & mySQL Code Snippets and Scripts
This section of our website contains public source code snippets which are free to use, as well as full scrips and programs to download.
The Noodle Client Little Boxes
Work arounds for CSS browser issues, little boxes codes.
Using CSS to Do Anything: 50+ Creative Examples and Tutorials
CSS can powerfully open the doors to a lot of rich and unique techniques. Today we are presenting a round-up of CSS coding, creative approaches and techniques. Definitely worth taking a very close look at! We also included some basic techniques you can probably use in every project you are developing. This is just the third article in this series , the forth part will be coming soon, stay tuned and Enjoy!
At W3Schools you will find a complete CSS2 reference, listing properties, units of measurements, colors, and more.
Here you will be taught the basics of CSS (Cascading Style Sheets) and will make a list of many many CSS codes for you to use
EvoArt shares useful CSS code snippets.
22 Code Snippets for Creating Decent Charts
A new day a new list. Today we would focus on using CSS and Javascript techniques to create awesome and useful charts, graphs, bar charts, pie charts or diagrams. Almost all of the snippets are made freely available and only need simple CSS and Javascript knowledge. Thanks all the respectable web developers and designers. Now, it’s time to create a chart for your blogs!
25 Handy pieces of Javascript, Ajax, Forms, Scripts CSS and and html that you can use in your web site designs and web applications.
Special thanks to source: www.allwebdesignresources.com
Related Resources:
Subscribe to:
Posts (Atom)
