元ネタ HTML5のCanvasとJavaScriptで電光掲示板のアニメーションを表現する これおもしろいなーと思って、でもすごい重くて・・・ｗよくよく考えたらみんな大好きmarqueeタグとCSS3のlinear-gradient使えばできるよねとか思ってやったらめっちゃ簡単だった。iPhoneとかでも見れるよ。IEはしらん ↓ サンプル Electronic Billboard in CSS3 and marquee HTML HTMLは超絶シンプル 【横須賀線 遅延】 CSSはほぼlinear-gradient。背景にlinear-gradientで格子状になるよう縦横敷き詰めた擬似要素をmarqueeの上にwidth, height広げて被せる形で marquee { position: relative; color: #ffab00; background-color: #0
2012年3月26日のブックマーク (15件)
-
barlog 2012/03/26
-
Node.jsでLESSファイルを動的にコンパイルする :: 5509
「Less & Sass Advent calendar 2011」9日目のです。 流れをぶった切ってしまってあれなのですが、Node.jsとあわせてLESSファイルを動的にコンパイルするようなやつ書きます。 みなさんご存知の通りLESSはJSで書かれているので、Node.jsを使ったアプリでは動的にLESSファイルをコンパイルできます。 ところがLESSのサイトに書いてある方法は var parser = new(less.Parser); parser.parse('.class { width: 1 + 1 }', function (err, tree) { if (err) { return console.error(err) } console.log(tree.toCSS()); }); ・・・やさしくない！ まあでも早い話、parse(hoge, func)のhogeにL
-
NAVER Engineer’s Blog 始めます！ « NAVER Engineer's Blog
はじめまして！ NAVER Japan検索サービス開発室の福島です。 NAVERサービス開始から2年経ち、もうそろそろやっといてもいいんじゃね？的な雰囲気になったので、この度、NAVERのエンジニアによるブログを開始することになりました！ 検索サービス開発室には、フロントエンド、バックエンド、アプリ開発やQAなど様々な業務に携わるエンジニア達が所属しています。 そんなエンジニアたちによるNAVERサービスの裏側や興味がある技術、実験的な試みやノウハウ、失敗談、そしてお知らせなど多岐にわたる内容をお伝えしていく予定です。 どんな展開になるか未知数なところもありますが、あまり気負わずに続けていきたいと思っていますので、今後ともよろしくお願いいたします！
-
-
Rendera - Online HTML5 Editor
Rendera helps you learn HTML5 and CSS Type in your HTML code and see it rendered in realtime. Then style it with CSS. You can use any of the HTML 5 or CSS3 tags your browser supports. Sorry Internet Explorer users Your browser doesn't know how to handle a lot of the HTML 5 stuff just yet. If you're interested in using this site, you should try it with Firefox 3.5 or higher. Don't show this again
-
-
CSS拡張メタ言語「SCSS(Sass)」と「LESS」の比較 - (DxD)∞
CSSを拡張するためのメタ言語として、代表的なものに「SCSS(Sass)」と「LESS」があります。今回、導入を検討するにあたり、両者を比較しました。 結果的には、「SCSS(Sass)」を導入することにしましたが、特に「SCSS(Sass)」を選択する決め手となった点に重点を置きつつ、両者の違いをまとめまてみました。 はじめに Webサイト、Webアプリケーションが大規模になるにつれて、CSSの設計・管理にもリソースを割かれるようになります。CSSのモジュール化、コンポーネント化による再利用性を考えたとき、現状のCSSを取り巻く状況は十分とは言えません。 一つの選択肢としてあがるのが「Blueprint」や「960 Glid System」等のCSSフレームワークの利用ですが、その再利用性と構造・表現の分離度はトレードオフです。 そこで、CSSの利点を活かしつつ、再利用性を高めるために
-
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
-
Archiva
My ErgoDox! 1ヶ月ちょい前のことですが。ErgoDox users meet upというマジキチ紳士の集いに参加してきました。 ErgoDoxそのものは前からちょっと気になってた程度ですが、尊敬する握力王が推奨しているとなれば、手に入れるほかありません。 HHKBの打鍵感は大好きですが、そろそろ新しいキーボードが欲しかったというのもアリ。 やっぱ入力装置は定期的に交換して、脳に刺激を入れてやらないとネ。 その点、カスタマイズ性の高いErgoDoxは最適だと思いました。 なお、ポート株式会社ではエンジニアの福利厚生の一環として「PC周辺機器購入制度」なるものが存在しており、どんなキーボードでも経費で購入できます。デザイナ、エンジニアは常に募集中です！（宣伝おわり） ErgoDoxとは 左右分割式のキーボードです。正確にはプロジェクト名と言ったほうが良く、ErgoDoxという商品が
-
-
TitaniumデスクトップでLESS.jsのフロントエンドをこさえてみた - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） 申し訳ありませんが、このアプリケーションは更新を停止しています。 代替として、より優秀なWinLessやLess Parserをご利用ください。 以前何度かご紹介したCSS開発ツールのLESSですが、 コマンドを介したり自前で設定しなきゃいけなかったりで少々面倒なので、 LESS.jsをベースにしたフロントエンドをTitaniumデスクトップで作ってみました。 作ってみたもの Lessnium – version 0.9.0 (4.04MB) ※Windows版のみです。 使い方 要するに何をしてくれるのか LESSファイルを登録しておくと、更新を検知して自動的にCSSファイルをコンパイルしてくれます。 /the/path/to/hoge.less と登録しておくと、 /the/path/to/hoge.css を生成します。
-
hamashun me : Windows PC に Ruby と Sass を導入する方法
Sugamo.cssでちょっと前に話題になったのが、CSSのメタ言語（って言い方でいいのかな）であるSassです。 Sassを使うと、CSSをクールに記述する事ができます。 Sass自体についての解説はググると詳しいものがいくつかあります。 この記事では、Windows PC（XPとVistaで試しました）にSassを導入する手順を紹介します。 Rubyのインストール SassはRubyで動いているので、まずはRubyをインストールします。 RubyInstaller for Windows を使えば、何度かクリックするだけで完了します。 インストールが終了したらコマンドプロンプトを起動して、次のコマンドを入力してエンターをッターンと叩いてください。 ruby -v ruby 1.9 1p430(2010-08-16 revision 28998) みたいのが出たらgemのアップデートに進
-
コーディングコンテストに集まったTODOアプリが「本気出しすぎ」と話題に | KAYAC DESIGNER'S BLOG - デザインやマークアップの話
jsdo.itでコーディングコンテスト「Web Creator's Contest Q」が開催中です。 現在募集中のテーマは「ブラウザで動くTODOアプリ」。 お手本コードをフォークして書き始めてもいいし、ゼロから書いても参加してもOKなコンテストです。 締切は今週の水曜日、3月28日です。 1位「MacBook Air」、2位「Apple TV」、3位「Web Money 5000円分」と賞品も超豪華なのでぜひぜひご参加ください！ と、いつものテンプレPR文はここまでにして、続々と集まっている投稿作品の一部をご紹介したいと思います。今回も皆さんかなり、本気出し過ぎですね…！ 萌えキャラ+対話型のUI toDoll - jsdo.it - share JavaScript, HTML5 and CSS 「もうちょっと離れてくれる？」 ということなので、離れましょう。→ フルスクリーン タス
-
NAVER Engineer's Blog
はじめまして！ NAVER Japan検索サービス開発室の福島です。 NAVERサービス開始から2年経ち、もうそろそろやっといてもいいんじゃね？的な雰囲気になったので、この度、NAVERのエンジニアによるブログを開始することになりました！ 検索サービス開発室には、フロントエンド、バックエンド、アプリ開発やQAなど様々な業務に携わるエンジニア達が所属しています。 そんなエンジニアたちによるNAVERサービスの裏側や興味がある技術、実験的な試みやノウハウ、失敗談、そしてお知らせなど多岐にわたる内容をお伝えしていく予定です。 どんな展開になるか未知数なところもありますが、あまり気負わずに続けていきたいと思っていますので、今後ともよろしくお願いいたします！
-
livedoor
1新型コロナ接触確認アプリ『COCOA』、不具合を見つけるための...オレ的ゲーム速報＠... 2教室で授業中に缶酎ハイ、小学校教諭を減給３か月「衝動的に飲...痛いニュース(ﾉ∀`... 3【文春砲】フジテレビの女子アナさん、完全にアウト！！！.......NEWSまとめもりー｜... 4【謎】スズメの死骸をほとんど見かけない理由不思議.net 5猫の心霊体験あるある「ビニール袋の背後霊」まめきちまめこニー... 6新型コロナ接触アプリ『COCOA』不具合を厚労省が調査・報告 →...はちま起稿 7【社民党常任幹事】伊是名夏子さんから差別する日本社会へのあ...ハムスター速報 8中日ドラゴンズさん、ここ10試合平均1.6点なんじぇいスタジア... 9旭川の14歳女子中学生いじめ凍死事件って哲学ニュースnwk 10【呆然】郵便受けに「息子さんはまだ無職ですか」「息子さんは...稲妻速報 1
-
- 2012年3月27日
- 2012年3月26日
- 2012年3月22日
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました