Detect CSS Overflow Elements
Every once in a while you encounter a CSS annoyance that takes some cleverness to discover. One such case rears its ugly head in unwanted and unexpected scrollbars. When I see unwanted scrollbars, I usually open developer tools, click the element inspector, and hover around until I find the villainous HTML element. As a visual person, I find that process effective but not efficient. Recently I was
A Unified Styling Language
In the past few years we’ve seen the rise of CSS-in-JS, emerging primarily from within the React community. This, of course, hasn’t been without its controversies. Many people, particularly those already intimately familiar with CSS, have looked on in disbelief. “Why would anyone want to write CSS in JS? Surely this is a terrible idea! If only they’d learn CSS!” If this was your reaction, then rea
Element Queries - New way of thinking about responsive web design
CSS is the foundation of the contemporary web. It provides the formatting and layout directives that give web pages their distinctive appearance and feel. Nevertheless, traditional CSS has limitations. Media queries, for instance, enable you to modify styles according to the dimensions of the viewport, but they do not consider the size or context of specific page elements. This can lead to inconsi
Ikemasa Blog - YUI Compressor GUI を作ってみました
いつも便利に使わせてもらっている YUI Compressor ですが、GUIもほしいなぁと思い、フロントエンドツールを作ってみました。 主な機能 1. ドラッグ&ドロップで圧縮元ファイルを指定 2. YUI Compressor 2.4.2の全オプションを指定可能 3. 圧縮状況の表示 4. 圧縮設定に名前をつけて保存 ダウンロード：YUI Compressor GUI 1.0.0 YUI Compressor GUI 画面 ファイルをドロップして、圧縮ボタンを押すだけです。簡単に使えます。 コンソールには、実行内容が表示されます。 動作環境 JRE 1.4以上 yuicompressor-2.4.2.jar インストール YUI Compressor GUI 1.0.0 をダウンロードして、適当な場所に展開します。 YUI Compressor 2.4.2 をダウンロ
Getting started | Less.js
It's CSS, with just a little more. Use with Node.js: npm install -g less > lessc styles.less styles.css Or the browser: <link rel="stylesheet/less" type="text/css" href="styles.less" /> <script src="https://cdn.jsdelivr.net/npm/less" ></script> Or try the online playground ! 🆕 Less (which stands for Leaner Style Sheets) is a backwards-compatible language extension for CSS. This is the official do
Compare PHP, Java, Python, JavaScript & CSS Frameworks » Best Web Frameworks
After 15 years I'm announcing the closure of Bestwebframeworks.com. This decision was not made lightly and it comes with mixed emotions. While this chapter is coming to an end, I am somewhat proud of what we have achieved together. Hoping that the shared knowledge and experiences gained here will continue to enrich your decisions to choose the most suitable web framework for your needs while the w
ブラウザ／OS／バージョン別にスタイルシートを読み込む（Safari2, Opera 8/8.5, Firefox 1対応版）
os = getOSType(); browser = getBrowserName(); version = getBrowserVersion(); if (os == "MacOS") dirName = "mac/"; if (os == "Windows") dirName = "win/"; if (os == "UNIX") dirName = "unix/"; if (browser == "Firefox") dirName += "ff"; if (browser == "Netscape") dirName += "nn"; if (browser == "Explorer") dirName += "ie"; if (browser == "Safari") dirName += "saf"; if (browser == "Opera") dirName += "
CSS Dock Menu
May 08, 2007 15,301 Comments Tags: Javascript If you are a big Mac fan, you will love this CSS dock menu. It is using Jquery library and Fisheye component from Interface and some of my icons. It comes with two dock position: top and bottom. This CSS dock menu is perfect to add on to my iTheme. Here I will show you how to implement it to your web page. CSS dock menu screenshot Update: I no longer s
script.aculo.us - web 2.0 javascript
This is a bugfix release that bumps script.aculo.us to version 1.9.0. Most importantly, the included Prototype 1.7 provides performance and compatibility improvements with the latest browsers. One other fix is includes, that makes the script.aculo.us loader work better if you use script tags in the BODY of your page. Download at http://script.aculo.us/, or grab/fork the source at http://github.com
Litebox- Same great taste, less calories
Litebox Check out the front page If you haven't been to the front page in some time, check it out. I've started blogging about some tips and tricks. Expect some full featured scripts some time soon. What is it? Litebox is a modified version of Lightbox v2.0 created with one thing in mind, size reduction. Litebox utilizes the 3kb javascript library moo.fx in association with prototype.lite, giving
Knave Web講座
Points to Note When Shopping for a Washing Machine There are different washing machines brands in New Zealand. When shopping, therefore, you need to ensure that first, you get a quality machine; a machine that will last through many years without breaking down. You check product warranties and reviews when shopping to ensure a machine is a good quality. The material of the drum can be enamel, plas
A List Apart: A List Apart
How can user experience researchers make sure their voices are heard and their work is valued? By telling a good story. Gerry Duffy guides us through the thickets of research as storytelling by showing us how to recast an oft-maligned discipline as an opportunity to craft a convincing and exciting narrative.
QuirksMode
QuirksMode.org is the prime source for browser compatibility information on the Internet. It is maintained by Peter-Paul Koch, mobile platform strategist in Amsterdam, the Netherlands. QuirksMode.org is the home of the Browser Compatibility Tables, where you’ll find hype-free assessments of the major browsers’ CSS and JavaScript capabilities, as well as their adherence to the W3C standards. It is
Web design and development articles and tutorials for advent
24 ways is the advent calendar for web geeks. For twenty-four days each December we publish a daily dose of web design and development goodness to bring you all a little Christmas cheer. Learn more Drew McLellan puts the chairs up on the tables, sweeps the floor, and closes off our season, and indeed the entire 24 ways project with a look back at what it’s meant to run this site as a site project,
Bug Report - Latest reports
The Bug Report system is entirely dedicated to finding, mending and publishing CSS and JavaScript browser bugs. Anyone can report bugs, and I hope that the existence of this system will lead to more and better bug reports. Below you find the latest bug reports and a few resurrected ones. Multi-Column Ordered List Renumbering Permalink | Mozilla | 1 comments Reported on 7 September 2007 If you styl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Scene.js is a JavaScript Animation Library
CSS in JavaScript: The future of component-based styling
Refresh-SF - Online JavaScript and CSS Compressor
Thematic WordPress Theme Toolbox: 10 extremely useful hooks