Solution For Very Long Dropdown Menus | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. I like to be confident with post titles, but the reality in this case is a *possible* solution for very long dropdowns. The problem with long dropdowns is that the dropdown itself can go below the “fold” of the website. That is, below the visible area of the browser window. So in order to access th
Sign in - Google Accounts
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
Greyscale Hover Effect w/ CSS & jQuery
A few months ago, James Padolsey introduced a cool greyscale technique for non-IE browsers. His technique inspired me to come up with a workaround with a similar effect. My solution relies on CSS Sprites and a few lines of jQuery, but requires a bit of preparation before it can be implemented. It is not recommended for large scale projects and probably best for displaying portfolio pieces. View De
便利なライブラリや動画に潜むWebデザインの3つの罠（1/2） - ＠IT
株式会社ライブドア マークアップエンジニア 浜 俊太朗 2009/8/20 ページ表示高速化をサーバの設定だけに任せていませんか？ HTMLやCSS、JavaScriptの書き方でも速くできます（編集部） とても便利な“ライブラリ”だが デザイナーやコーダー／マークアップエンジニアが比較的気軽に使えるJavaScriptライブラリが、しばしば話題になります。 それらの多くはライブラリを読み込みさえすれば、後は簡単な記述で便利な効果を得られます。そのため、JavaScriptを書けない人に特に人気です。さらには、Internet Explorer（以下、IE） 6に見られる不満点を対応してくれる、かゆい所に手が届くライブラリも多数存在します。 これらは非常に便利で、作業時間を短縮してくれて、またWebサイトのクオリティを向上できます。しかし、何も考えずに安易に多用していると、ページの描画速度
Useful CSS and JavaScripts to Enhance Header Navigation
Drop-down menu (also known as pull-down menu) is an essential in most web design. It plays important role in the creation of an effective and user friendly website. It’s a good solution to trim down long menu that is overwhelming the screen space, getting them to display in a more organize category-sub category pattern. In this article, we’d like to show you some of the best drop-down menu scripts
Animated Navigation w/ jQuery & CSS | jQuery Navigation | jQuery Tutorial | Easy jQuery Navigation Tutorial
As I was checking out some flash sites for inspiration, I ran across a couple websites that had some nice navigation effects. I’m not a huge fan of wildly animated navs, but these had simple and elegant roll over effects that I liked. I decided to imitate the effect with CSS and jQuery, and would like to share this technique today. View Demo Step 1. Wireframe – HTML This part is very simple. Your
Simple Tabs w/ CSS & jQuery - Easy Tab Tutorial with CSS and jQuery - jQuery Tutorials - Tabbed Navigation Tutorial
I know there are quite a few tutorials out there that demonstrate how to create tabs with CSS & jQuery, but I decided to create my own as well. I’m not sure if the techniques are the same, but hopefully this tutorial will be easy to understand even for a beginner. For those who are not familiar with jQuery, check out their site for a general overview, and you can also follow up with the various tu
[CSS]一枚の画像だけでスタイリッシュなプログレスバーを実装するスタイルシート
使用画像 プログレスバーの色は透過PNGを使用しているので、スタイルシートで簡単に変更できます。 HTML箇所は、divが3つ入れ子で実装されています。 また、JavaScript（jQuery）を使用して、バーが0%から100%になったり、カラーを少しずつ変更させるデモもあります。
How To: Resizeable Background Image | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. My friend Richard recently came to me with a simple CSS question: Is there a way to make a background image resizeable? As in, fill the background of a web page edge-to-edge with an image, no matter the size of the browser window. Also, have it resize larger or smaller as the browser window changes
8 Creative & Rich UI & How to Create Them - noupe
Sometimes it’s just amazing to see, which level of usability, legibility and visual appeal can be achieved using some basic design techniques. In fact, some talented web-developers manage to deliver powerful, functional and gorgeous web-design in “look-and-feel”-style, which is easy to use and nice to see. The User experience has dramatically improved over the past few years, resulting in rich and
25 Examples of Creative Navigation | Vandelay Website Design アイデアに溢れた25のクリエイティブなナビゲーション集
Ease of navigation is one of the biggest keys to the usability of a website’s interface. If visitors can easily find what they’re looking for they’ll be more likely to stay on the website rather than leaving and going to some other site. Effective navigation design can help to increase page views, improve the user experience, and even increase revenue and profit. As more and more users are accessi
jQueryとCSSを使ってフォームのinput要素を楽に整列させる方法:phpspot開発日誌
Justify elements using jQuery and CSS jQueryとCSSを使ってフォームのinput要素を楽に整列させる方法が紹介されております。 何ができるか？というのは次の図を見て頂くのがはやいでしょう。 ビフォア ↓↓↓↓ アフター これを実現するために、CSSとマークアップによって実現するのが普通ですが、jQueryによってもっとスマートに出来るようですね。 具体的には、次のように、label の中で width がもっとも大きいもののサイズを得て、そのサイズにJavaScriptで調整しちゃうというものです。 $(document).ready(function() { var max = 0; $("label").each(function(){ if ($(this).width() > max) max = $(this).width(); });
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]クロスブラウザ対応、背景をアニメーションで変更するスクリプト -Blend
[JS]クロスブラウザ対応の画像を使わずに角丸を生成するスクリプト -corners.js
[CSS]マウスのフォーカスで、画像の上にアイコンを表示するスタイルシート
The Gift of Giving Advent Calendar - Market Blog