サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
パリ五輪
cssglobe.com
cssglobe.com 2024 著作権. 不許複製 プライバシーポリシー
posted on:January 26, 2009 Easy Slider 15 The Easiest jQuery Plugin For Sliding Images and Content Click here for the new version of this plugin Version 1.5 of my Easy Slider plugin for jQuery is here. This is one of the my rare scripts that make it to their second version. All of the features here are result of your comments, so if you have more ideas, keep ’em coming! Note: in case you haven’t a
This is a rather simple pure CSS trick you can use to style your blog post tags, usually placed at the bottom of the posts. Pure CSS post tags uses at least 2 CSS tricks such as CSS triangles and CSS circles. Take a look at the demo For CSS triangles you need to manipulate borders of an element that has zero height and width. CSS circle is simpler. All you need is a square element with rounded cor
posted on:January 18, 2010 jQuery plugin Simplest Twitterlike dynamic character count for textareas and input fields Every hour that you put into enhancing user experience while developing a site is a hour well spent. There are numerous small improvements that you can perform to make things easier and obvious for the end user. In this article I will present a jQuery plugin built for that purpose.
posted on:May 8, 2008 Easiest Tooltip and Image Preview Using jQuery I love jQuery and the way it makes developer’s life easier. Although it took me a while to accept it and I still prefer to write my own stuff, I can’t deny its advantages. Recently I had a project that demanded a rollover image preview. You know, one of those tooltip-like bubble popups that appears when you roll over link or a th
posted on:August 4, 2009 Easy Slider 17 Numeric Navigation jQuery Slider I got a lot of emails and feedback about my easySlider plugin, thank you all for that. However, I have to apologize to all of you who sent emails asking for a little help with implementation or small bug fixes. I simply don’t have the time to answer all of your emails. I wish I do. What I am presenting you today is an easySli
This script takes an unordered list and randomly displays one item on each page load (reload to test). Did you know that... ... if you want to become a better coder you need to eat your vegetables? ... it takes more time to code a web page then to make a pizza? ... you should validate your code? ... jQuery is your friend? For real! ... no matter what some people claim, you can't learn CSS in 3 hou
Web grid systems help front end coders to layout a document faster. In this article I am presenting a percentage based grid system that is included in the Easy framework's CSS. The main characteristics of this grid system is that all the columns have percentage based width so they adapt to the container element. It means that with using this system you will not have to define a width of each colu
Today I am presenting a simple jQuery plugin I made. This plugin allows you to browse easily through the list of items with pagination controls. It is very easy to implement and very lightweight so it might come in handy to use in your own projects. It's main purpose is to view certain number of list items at once, but it can also be set up to view one item by one. Simple demo Styled demo Auto pa
Easy Image Zoom jQuery Plugin The easiest image zoomer there is! Roll over the image to view details. back to the article Easy Zooom plugin is brought to you by Css Globe, Easy front-end framework and supported by Css Templates by Templatica
I have been working on a little script for a client of mine, that required product image magnification. The task was to create a script that will allow users to see large details of the product while moving cursor over medium sized image. During the process I decided to create a jQuery plugin and share it with you guys! Just as with all my script I try to keep things as lightweight as possible, an
In this article I am going to analyze what a perfect login page or login form should have. Also you are able to download the pure CSS3 login form for free. Login forms are very simple in terms of the required elements. When it comes to forms, it doesn't get simpler than that. But some of the elements that could be valuable to your users (or potential members) are often neglected. Let's take a lo
Usage $(document).ready(function(){ $("#slider").easySlider({ auto: true, continuous: true, numeric: true }); }); back to the article Easy Slider jQuery Plugin is brought to you by Css Globe and supported by Css Templates by Templatica
In this article I am going to use some of the CSS tricks to create a calendar icon you can use for your blog posts or something similar. It is important to notify that there are no images used here and the markup couldn't be simpler than it is. The final result looks like the image below. Take a look at the demo HTML As mentioned the HTML I am using for making this calendar icon to work is very si
There are cases and scenarios when you want to deliver a message to your website users and make sure that they will read it or at least notice it. This jQuery plugin will make that task easy for you. In my efforts to code plugins that are easy to use I created a plugin for various notifications. I named it easyNotification as it will soon become part of my Easy front-end framework. Download this
This is a rather simple pure CSS trick you can use to style your blog post tags, usually placed at the bottom of the posts. Pure CSS post tags uses at least 2 CSS tricks such as CSS triangles and CSS circles. Take a look at the demo To learn how to create CSS triangles I suggest you read this article. In short it you need to manipulate borders of an element that has zero height and width. CSS ci
Usage $(document).ready(function(){ $("#slider").easySlider({ auto: true, continuous: true }); }); back to the article Easy Slider jQuery Plugin is brought to you by Css Globe and supported by Css Templates by Templatica
jQuery plugin: Simplest Twitter-like dynamic character count for textareas and input fields Test the plugin by typing into fields below. Default Usage
Every hour that you put into enhancing user experience while developing a site is a hour well spent. There are numerous small improvements that you can perform to make things easier and obvious for the end user. In this article I will present a jQuery plugin built for that purpose. The best way to explain what this plugin does is to mention Twitter. Twitter posts are limited to 140 characters. Wh
This is a little trick that you can apply to your forms to enhance user experience. We'll display editable form data (indented to be edited, updated) as regular tabular data intended for reading. We're using pure CSS for this one... Actually we WOULD use pure CSS if it wasn't for IE7's lack of support for :focus pseudo-class. :( Take a look at the demo Overview This trick can be useful when you h
This is the second CSSG collection I have created for you here on CSS Globe. After FREE form styles here are some free blog comments styles. As some of you may know I run a small-time template shop called Templatica. In my effort to give that site more visibility (I am being honest here) I decided to move the CSSG collections over to Templatica. Basically all you have to do to get these (and fut
This article is a summary of a 3 fast and easy CSS techniques you can use to display only a portion of an image in your content. All techniques explained here actually need only couple of lines of CSS. However, it is not cropping in a real sense of the word, we are not cutting the image down to a certain size (CSS can't do that yet) we are merely hiding the "extra" and displaying only a part of th
In a project I did recently there was a need for randomly displayed content in form of one of those "Did you know" tips. There were 8 to 10 paragraphs of text and client wanted to display just one randomly chosen. Since that was the static site I decided to go with front end solution. I am aware that there are many more elegant back-end solutions but read on and you'll see that there are advantage
This script takes an unordered list and randomly displays one in intervals. Did you know that... ... if you want to become a better coder you need to eat your vegetables? ... it takes more time to code a web page then to make a pizza? ... you should validate your code? ... jQuery is your friend? For real! ... no matter what some people claim, you can't learn CSS in 3 hours? The Script this.randomt
Usage $(document).ready(function(){ $("#slider").easySlider({ auto: true, continuous: true, nextId: "slider1next", prevId: "slider1prev" }); $("#slider2").easySlider({ numeric: true }); }); back to the article Easy Slider jQuery Plugin is brought to you by Css Globe and supported by Css Templates by Templatica
I got a lot of emails and feedback about my easySlider plugin, thank you all for that. However, I have to apologize to all of you who sent emails asking for a little help with implementation or small bug fixes. I simply don't have the time to answer all of your emails. I wish I do. What I am presenting you today is an easySlider update with 2 new features. When going through your feedback I notic
Easy Slider for images - non styled version with default settings Usage $(document).ready(function(){ $("#slider").easySlider(); }); back to the article Easy Slider jQuery Plugin is brought to you by Css Globe and supported by Css Templates by Templatica
次のページ
このページを最初にブックマークしてみませんか？
『http://cssglobe.com/』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
