はてなブックマーク  


トップへ戻る
  






総合  




●人気
●新着
  

● IT

● 最新ガジェット  

● 自然科学  

● 経済・金融  

● おもしろ  

● マンガ  

● ゲーム  

● はてなブログ︵総合︶  






一般  




●人気
●新着
  

● 社会ニュース  

● 地域  

● 国際  

● 天気  

● グルメ  

● 映画・音楽  

● スポーツ  

● はてな匿名ダイアリー  






世の中  




●人気
●新着
  

● 新型コロナウイルス  

● 働き方  

● 生き方  

● 地域  

● 医療・ヘルス  

● 教育  

● はてな匿名ダイアリー  






政治と経済  




●人気
●新着
  

● 政治  

● 経済・金融  

● 企業  

● 仕事・就職  

● マーケット  

● 国際  

● はてなブログ︵政治と経済︶  






暮らし  




●人気
●新着
  

● カルチャー・ライフスタイル  

● ファッション  

● 運動・エクササイズ  

● 結婚・子育て  

● 住まい  

● グルメ  

● お金  

● はてなブログ︵暮らし︶  

● 掃除・整理整頓  

● 雑貨  

● 買ってよかったもの  

● 旅行  

● アウトドア  

● 趣味  






学び  




●人気
●新着
  

● 人文科学  

● 社会科学  

● 自然科学  

● 語学  

● ビジネス・経営学  

● デザイン  

● 法律  

● 本・書評  

● 将棋・囲碁  

● はてなブログ︵学び︶  






テクノロジー  




●人気
●新着
  

● IT

● セキュリティ技術  

● はてなブログ︵テクノロジー︶  

● AI・機械学習  

● プログラミング  

● エンジニア  






おもしろ  




●人気
●新着
  

● まとめ  

● ネタ  

● おもしろ  

● これはすごい  

● かわいい  

● 雑学  

● 癒やし  






エンタメ  




●人気
●新着
  

● スポーツ  

● 映画  

● 音楽  

● アイドル  

● 芸能  

● お笑い  

● サッカー  

● 話題の動画  






アニメとゲーム  




●人気
●新着
  

● マンガ  

● Webマンガ  

● ゲーム  

● 任天堂  

● PlayStation  

● アニメ  

● バーチャルYouTuber  

● オタクカルチャー  





● おすすめ  
Wikipedia
  


﹃http://cssglobe.com/﹄



● 人気  
● 新着  
● すべて  











3 Easy and Fast CSS Techniques for Faux Image Cropping | CSS Globe  

3users  
cssglobe.com  


posted on:September 7, 2009 3 Easy and Fast CSS Techniques for Faux Image Cropping 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 c



● テクノロジー  
●2013/05/30 17:06
  


















Easy Slider 15 The Easiest jQuery Plugin For Sliding Images and Content | CSS Globe  

3users  
cssglobe.com  


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



● テクノロジー  
●2013/01/31 04:29
  

●
  










Pure CSS3 Post Tags | CSS Globe

8users  
cssglobe.com  


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



● テクノロジー  
●2012/10/01 21:58
  

●
  










jQuery plugin Simplest Twitterlike dynamic character count for textareas and input fields | CSS Globe  

3users  
cssglobe.com  


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.



● テクノロジー  
●2012/09/14 16:51
  

●
●
  










Easiest Tooltip and Image Preview Using jQuery | CSS Globe  

3users  
cssglobe.com  


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



● テクノロジー  
●2012/08/09 12:33
  

●
●
●
●
  










Easy Slider 17 Numeric Navigation jQuery Slider | CSS Globe  

8users  
cssglobe.com  


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



● テクノロジー  
●2012/08/03 11:34
  

●
●
●
  










Randomly Displayed Content Using CSS and JavaScript  

3users  
cssglobe.com  


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



● テクノロジー  
●2011/05/05 23:18
  












Easy Percentage Grid System with HTML5 | Css Globe  

3users  
cssglobe.com  


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



● 世の中  
●2011/03/25 18:02
  

●
●
●
●
  










Easy Paginate - jQuery plugin for pagination | Css Globe  

5users  
cssglobe.com  


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



● 暮らし  
●2011/03/17 11:24
  

●
●
  










Easy Zoom - easy image zoom  

5users  
cssglobe.com  


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



● テクノロジー  
●2011/02/25 13:56
  

●
●
●
●
●
  










jQuery plugin: Easy Image Zoom | Css Globe  

9users  
cssglobe.com  


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



● 暮らし  
●2011/02/23 23:57
  

●
●
●
●
●
●
●
●
  










The Anatomy of a Perfect Login Page | Css Globe  

8users  
cssglobe.com  


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



● 学び  
●2011/02/18 23:39
  

●
●
●
●
  










Easy Slider jQuery Plugin Demo  

4users  
cssglobe.com  


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



● テクノロジー  
●2011/02/15 00:01
  

●
●
●
  










Drawing Calendar Icon With CSS3 | Css Globe  

33users  
cssglobe.com  


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



● テクノロジー  
●2011/02/08 06:49
  

●
●
●
●
●
●
●
  










jQuery plugin: Easy Notification | Css Globe  

11users  
cssglobe.com  


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



● 世の中  
●2011/01/25 11:25
  

●
●
●
●
  










Pure CSS3 Post Tags | Css Globe

3users  
cssglobe.com  


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



● テクノロジー  
●2011/01/10 09:58
  

●
●
●
●
●
●
●
  










Pure CSS3 Post Tags | Css Globe

13users  
cssglobe.com  


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



● 学び  
●2011/01/06 09:22
  

●
●
●
●
●
  










Easy Slider jQuery Plugin Demo  

15users  
cssglobe.com  


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



● テクノロジー  
●2010/03/18 07:39
  

●
●
●
●
  










Dynamic character count for textareas and input fields  

3users  
cssglobe.com  


jQuery plugin: Simplest Twitter-like dynamic character count for textareas and input fields Test the plugin by typing into fields below. Default Usage



● テクノロジー  
●2010/03/08 18:42
  

●
  










jQuery plugin: Simplest Twitter-like dynamic character count for textareas and input fields | Css Globe  

56users  
cssglobe.com  


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



● 暮らし  
●2010/01/20 15:42
  

●
●
●
●
●
●
●
●
●











UX trick: display form data as tabular data | Css Globe  

3users  
cssglobe.com  


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



● 暮らし  
●2009/12/23 16:50
  

●
  










CSSG Collection: Free Comment Styles | Css Globe  

4users  
cssglobe.com  


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



● 世の中  
●2009/09/30 00:00
  

●
●
●
●
  










3 Easy and Fast CSS Techniques for Faux Image Cropping | Css Globe  

4users  
cssglobe.com  


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



● 世の中  
●2009/09/08 00:10
  

●
  










Simple Way to Random Display or Rotate Content Using JavaScript and CSS | Css Globe  

22users  
cssglobe.com  


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



● 世の中  
●2009/08/31 23:24
  

●
●
●
●
●
●
●
●
  










Randomly Rotating Content Using CSS and JavaScript  

5users  
cssglobe.com  


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



● テクノロジー  
●2009/08/31 21:45
  

●
●
  










Easy Slider jQuery Plugin Demo  

8users  
cssglobe.com  


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



● テクノロジー  
●2009/08/06 15:16
  

●
●
●
●
●
●











Easy Slider 1.7 - Numeric Navigation jQuery Slider | Css Globe

90users  
cssglobe.com  


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



● 世の中  
●2009/08/04 23:54
  

●
●
●
●
●
●
●
●
●
●
  










http://cssglobe.com/lab/sitemap_styler/01/  

3users  
cssglobe.com  






● 学び  
●2009/05/25 09:17
  












Easy Slider jQuery Plugin Demo  

4users  
cssglobe.com  


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



● テクノロジー  
●2009/04/28 11:16
  

●
  







次のページ  

























このページはまだ
ブックマークされていません


このページを最初にブックマークしてみませんか？
  

﹃http://cssglobe.com/﹄の新着エントリーを見る  

 

キーボードショートカット一覧


j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
  
 


はてなブックマーク




●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
  

●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
  

●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
  

●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
  


公式Twitter




●公式アカウント
●ホットエントリー
  


はてなのサービス



●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
  





App Storeからダウンロード
Google Playで手に入れよう


Copyright © 2005-2024 Hatena. All Rights Reserved.
  




設定を変更しましたx