2019年までに見直しておきたい
CSS・JavaScriptの手法 - Speaker DeckFrontend Conference Fukuoka 2018で発表した資料です。 https://frontend-conf.fukuoka.jp/ 各リンク先を確認する場合は、以下のpdfを参照ください http://tonkotsuboy.github.io/slides/181204…
An Introduction To LESS: LESS vs Sass — Smashing Magazine
LESS and Sass share a lot of basics. Both of them are fantastic tools for designers who code, and they can also help developers work more efficiently and quickly. In this post, Jeremy Hixon presents the main difference between them. I’ve been using LESS religiously ever since I stumbled upon it months ago. CSS was never really a problem for me, in and of itself, but I was intrigued by the idea of
Compress javascript and css. Amazing code compression. Quick,easy and free!
Compress javascript or css code and reduce their size and improve page load times. Quick,easy and free!Best way to compress javascript and css Make your code faster for freeVersion 0.5.7
)
2008/10/16 - CSS Expressions のサポート終了について
本記事は、Internet Explorer 開発チーム ブログ (英語) の翻訳記事です。本記事に含まれる情報は、Internet Explorer 開発チームブログ (英語) が作成された時点の内容であり、製品の仕様や動作内容を保証するものではありません。本記事に含まれる情報の利用については、使用条件をご参照ください。また、本記事掲載時点で、Internet Explorer 開発チーム ブログ (英語) の内容が変更されている場合があります。最新情報については、Internet Explorer 開発チームブログ (英語) をご参照ください。 翻訳元 : Ending Expressions (英語) 標準への準拠、パフォーマンス、信頼性、およびセキュリティといった設計基準は、Internet Explorer 8 のすべての設計を構成しており、新機能だけでなく既存の機能に対しても適
米Yahoo!がWebフレームワーク「YUI」最新版公開、4年ぶりに再設計 | OSDN Magazine
米Yahoo!は9月29日（米国時間）、Webフレームワーク「Yahoo User Interface（YUI） 3.0.0」の一般向け正式版を公開した。2005年以来の再設計となるもので、米Yahoo!のWebサイトで利用されているものと同じコードという。 YUIはCSSとJavaScriptライブラリ。最新版は、セレクタ主導、サンドボックスなどの改善が加わっている。 また、コア部分（シードファイル）のファイルサイズが6.2KBと、軽量化も図られている。シードファイルさえロードしておけば、ビルドインローダーにより自動的に使用するモジュールがロードされる。ビルドインローダーはノンブロッキングHTTP要求を組み合わせることで安全、容易、高速にロードを行うという。開発者は必要に応じてコードをダウンロードでき、YIU().use()を利用してモジュールを選択できる。開発者は、「Dependenc
いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0
日本が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け（制作者に関係する要件）と、Webブラウザを作る人向け（実装要件についての要件）ごとに見やすくなるようなスタイルシートが用意されたとのこと。 これまでも何度かこのブログでは、HTML5やJavaScript 2.0などのWeb標準の動向を書いてきましたが、今回は分かりやすいようにその動きをまとめてみました。 HTMLはHTML4でいったん進化が終了し、それ以後はXHTMLで進化していくことになっていました。しかし実際にはXHTMLは期待されたほど普及せず、XHTMLによっ
JavaScriptでCSSを動的切り替え
JavaScriptでCSSを動的切り替え 2005-03-24-3 [Programming] 「JavaScriptによるCSSの動的切替」のすぐ設置できる簡単なサンプル。 多分説明不要。 <link id="basicStyle" rel="stylesheet" href ="diary.css" type="text/css" /> [...] </head><body> [...] Change CSS <input type="button" value="diary.css" onclick="document.getElementById('basicStyle').href=this.value"> <input type="button" value="debug.css" onclick="document.getElementById('basicStyle').
なごみ佑 Text Works
Home サイトデザインをリニューアル！ 久しぶりにサイトデザインをリニューアルしました。 コリスさん というWeb関連の情報サイトがあるんですけど ここのデザインをインスパイア参考にさせてもらって 自分流にアレンジしてみました。 PC向けではサイドは固定表示、全体の横幅を可変に。 具体的には960px～1152pxで変化します。 959px以下でスマホ／タブレット向けの表示に。 タブレットで横向きの時にPCと同じ表示になるので 見やすくなったと思います。 あとスクロールバーをデフォルト表示に戻しました。 白背景との一体感を高めるためにカスタムしてたのですが 白背景自体やめたので、必要ないだろうと。 そしてスマホ向けには長らく使っていた 上部のナビゲーションを下部に変更。 スマホアプリでよく使われるボトムナビというやつです。 近年のスマホは大型化が進み、片手操作時に 画面上部へタッチしづら
JavaScriptを使ったCSSの切り替え
JavaScriptを使ったCSSの切り替えのテクニックは結構有名なのですが、この前読んだJeffrey Zeldmanの著書に、フリーで配布されているCSSの切り替えスクリプトがあったので紹介します。転載の転載という奴でアレですが。 A List Apartというサイト（英語ですよ）のhttp://www.alistapart.com/articles/alternate/のページで配布されております。 一番下の近くに"Download styleswitcher.js"という項目があるので、それをクリックしてダウンロードしてください。 設置方法 使い方は、ものすごく簡単で、head部分に、 <head> <link rel="stylesheet" type="text/css" href="style1.css" title="standard" /> </head> という感じ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
今風のウェブを作る際に使えるCSS/HTML/JSのテンプレ『Easy Front-End Framework』 - 100SHIKI 〜 世界のアイデアを日替わりで