マウスオーバーでパネルがアニメーションでパタッと開き、中から現れるボタンを実装するスタイルシートのコンセプトを紹介します。
[CSS]パタッと開くアニメーションがかわいいボタンを実装するスタイルシート
マウスオーバーでパネルがアニメーションでパタッと開き、中から現れるボタンを実装するスタイルシートのコンセプトを紹介します。
知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ
最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか？ Zen-CodingはHTML/CSSをショートカット＋スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動画を見てください。 ※音が出ますのでご注意ください。 Zen Coding v0.5 from Sergey Chikuyonok on Vimeo 一体何がおこわれているのか？という感じだと思われますが、今回の記事ではこのZen-Codingの導入方法と使い方の一例を紹介します。 Zen-Codingに対応しているエディタは色々あるのですが、今回は弊社の開発環境しているAptana Studio
Dashcodeをはじめよう (1/7)
CONTENTS: 0. Dashcodeのインストール 1. ウィジェットの基本構造を確認 2. Dashcodeのツール構成 3. ステップを追ってウィジェットを作成 4. ウィジェット制作の応用例 5. テンプレートカタログ Mac OS X 10.4（Tiger）で登場したDashboardウィジェットは、ちょっとしたRSSの購読などに便利だが、制作するには個別に用意したHTMLやCSSファイルを専用の方式でパッケージ化する作業が必要だった。しかしLeopardでは、そんな面倒な作業を任せて簡単にウィジェットを完成できる強力なツール「Dashcode」が付属したのだ。さっそく利用して、オリジナルのウィジェット作りに挑戦しよう。 0. Dashcodeのインストール 「Dashcode」は、ウィジェットを簡単に作成するためのアプリケーションだ。Leopardに付属しているとはいえ、プ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
sekailog.com
HTML、CSS、JavaScriptの練習に最適な便利ツール『rendur』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
