Slide a div offscreen using jQuery
25 Awesome Tools for Choosing a Website Color Scheme
25 Awesome Tools for Choosing a Website Color Scheme As a designer, color management should be an integral part of your workflow. A website’s color scheme helps shape its identity and therefore should not be carelessly thrown together. Here are 25 online, desktop and iPhone applications to help you live and breathe color management no matter where you are. Online Tools There are simply a ton of free color tools available on the web. Kuler Kuler is one of the best free online color scheme creation tools out there and my personal favorite. Color Scheme Designer Color Scheme Designer has a beautiful interface that helps you create beautiful color schemes in seconds. colorblind simulation is built in so you can ensure usability will be optimized for all users. Colour Lovers An online community where color aficionados can create, share and browse color schemes. Pictaculous The guys at MailChimp created this excellent free service. Color Spire Daily Color Scheme Instant Color Schemes Color Explorer Loupe
Sweet Pages: A jQuery Pagination Solution
Martin Angelov Paginating content is a standard choice when dealing with large chunks of data. The implementation usually involves passing the page number to the back-end, where the appropriate data is fetched from the database and returned in some form. When dealing with small data sets, wouldn’t it be better to have the content readily available, but still neatly organized and easy to access? Today we are making a jQuery plugin that will enable you to convert a regular unordered list of items into a SEO friendly set of easily navigatable pages. The Idea When called, the jQuery plugin splits the LI elements contained in the unordered list into a configurable number of groups. You can also take a look at the illustration below. How it works Step 1 – XHTML The first step of the tutorial is to set up the XHTML markup. demo.html <div id="main"><ul id="holder"><li>Lorem ipsum dolor sit amet... The main div acts as a container for the paginated UL, and is styled with a nice light-gray background.
99 Icon Sets To Use In Commercial Design Projects
Today’s blog post we have decided to do a massive collection of 99 icon sets which can each be used within commercial design projects. This compilation was put together simply because of the lack of free icon sets which are available to be used in commercial design projects, what’s the point creating an icon set if its not free to use ? A great blog post of high quality icon sets which is a greate reference to bookmark for future reference. This post was time consuming putting together therefore any comments on your thoughts about the article would defiantly be really appreciated. 1. This high quality, hand made, icon pack is full with 9 Extreme Grunge Social Media Garments. 2. 50 Free and Exclusive Twitter Icons The icons are provided in both raster and vector formats: The transparent PNG versions are 256×256, and we have also included Illustrator files so that you can resize the icons as needed. 3. 4. 5. 6. 7. 8. 9. 10. 21 folders icons . 11. 12. 13. 330 Free Letter Pressed Icons 14. 15.
5 Sliding Content Techniques, Examples & jQuery How to’s
Aug 12 2009 The more intuitive layout structure is designed, the better users can understand the content. Whatever content you have to present, you can present them in a more interactive & more responsive ways. Today we would like to focus on sliding effects and how i can change the structure of a page in a truly unique and creative way. There are many transition effects that can be used to slide different contents, such as fading, horizontal sliding, vertical sliding, the list goes on. In this article we’d like to present 5 smart techniques for sliding and scrolling content using the power of CSS and the beauty of jQuery. - “Sliding Verticaly” with Button Controls Share Point Artist has taken a truly unique approach to the “My Work” area. The navigation options, the “Previous” & the “Next” buttons are slightly animated yet creating an appropriate atmosphere. ImageSwitch- View DemoDownload Files - “Sliding Horizontally” with Button Controls jCarousel (Riding carousels with jQuery) – Homepage
A Beautiful Apple-style Slideshow Gallery With CSS & jQuery
Martin Angelov Introduction When speaking about design, there is one company that is impossible to go without. Apple values design – being a new product, a fancy catalog or their website – there is always something to admire. This week, we are making an Apple-like slideshow gallery, similar to the one they use on their website to showcase their products. So go ahead and download the example source code and continue with the first step. Step 1 – XHTML There is no need for a database nor a PHP back-end for this gallery. Lets take a closer look at the XHTML markup: demo.html The idea is simple – there are two main container DIVs – the one with id=”menu” holds the thumbnails, and the other – “slides” holds the slides themselves. To add a new slide, you’ll just have to add new elements to both containers. You can even put any kind of HTML in as well. Also notice that the thumbnail LI elements. Now lets continue with the next step. An Apple-like Slideshow Gallery Step 2 – CSS demo.css Step 3 – jQuery
精心收集的jQuery常用的插件1000 | 知更鸟
登录 下次自动登录 晚上好! 知更鸟 详细内容 WordPress3.0导航菜单图文使用 详细内容 Wordpress CMS主题：HotNe 详细内容 HotNews Pro 2.7+ Plus常见问 详细内容 Wordpress移动版主题：Mobile 现在的位置: 首页 > Web前端 > 正文 上篇 下篇 精心收集的jQuery常用的插件1000 1.accordion类 基于jQuery开发，非常简单的水平方向折叠控件。 Horizontal accordion: jQuery jQuery-Horizontal Accordion 具有XBOX360 blade界面风格的水平方向Accordion。 jQuery-Horizontal Accordion jQuery plugin: Accordion 用于创建 折叠菜单的jQuery插件。 jQuery plugin: Accordion Accordion Menu script 基于 jQuery开发的可折叠菜单。 Accordion Menu script jQuery.combobox jQuery.combobox 是一个采用jQuery开发的combobox控件，可以使用CSS控制该combobox的外观，可以设置各种不同风格的下拉动画效果。 jQuery.combobox 2.AutoComplete jQuery插件易于集成到现在的表单中(Form)。 AutoComplete-JQuery Facebook like Autocomplete 基于jQuery开发，类似于FaceBoox提供的 AutoCompleter。 Facebook like Autocomplete jQuery Autocomplete Mod jQuery Autcomplete插件。 jQuery Autocomplete Mod jqac 基于Jquery开发的Autocomplete插件。 jqac jQuery Tag Suggestion 类似于del.icio.us提供的tag suggesting功能。 jQuery Tag Suggestion Autocomplete-jQuery ajax 利用 jQuery(Ajax)，PHP和MySQL开发的 AutoCompleter。 Autocomplete-jQuery ajax jQuery.Suggest 分页类
20 Questions To Ask Clients Prior To Designing A Logo
Before starting any project it’s essential to get the right preliminary information from your clients. This will help pave the way to a successful project, assist in bringing client’s vision into perspective and build a lasting relationship. Many of the questions below will also help in putting together an accurate quote for your client. Things such as deadlines, usage, etc. should take into account pricing. Since my primary focus in is logo design, below are 20 questions to ask your clients prior to beginning their new logo design. Also, many of these questions can be applied to other forms of design, so feel free to integrate them into your questions for various forms of print and web design. Company-related questions 1- How would you describe your services and/or products? 2- What are the long term goals of your company? 3- Why do you want a new logo? 4- Who are your main competitors? 5- How are you different from your competitors? 6- What’s the age range of your target customer base?
