artcodeグループ - 2007 CSS Study Meeting
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
他社と比較して、はてなのテーマファイルはそう劣ってないと思うんだけど - 妄想科學倶樂部
最近になってはてな以外のBlogサーヴィスを3つほど使ってみて思ったことだけれど、はてなのデザインテーマの質は決して悪くない。いや、悪いと思っていたわけではないのだけれど、一時期そういう意見をちらほら見掛けた記憶があったもので。 はてなでも他社でも、大概はユーザがテーマを自作して投稿可能になっている。これによって内部スタッフのみでは得られない量をカヴァーするのだけれど、そういうテーマの多くは概して質の高いものではないことが多い。デフォルトテーマを少し改変しただけのものだったり、妙なセンスだったり。で、その辺りは少数の優秀なユーザと社内デザイナで補う。 はてなの場合は初期にデザイナ不在で、tDiary互換とすることでGPLなテーマを取り込んだのだけれど、これは正直なところあまり見栄えのするものではなかった。この辺りが「デザイン悪い」の印象に繋がっているのだろう、多分。 それははてなも認識して
2006-11-28
フォトライフの画像が表示されないことがある件について 近頃、フォトライフの写真ページやfotolife記法で表示させている画像が、×マークで表示されることがあるというご報告をいただいております。こちらはサーバー負荷の増大が原因と考えられ、現在システム側での改善作業およびサーバーの増強準備を行っております。 近日中に対策が完了する見通しです。ご利用の皆さまにはご迷惑をおかけし大変申し訳ございません。今しばらくお待ちください。 はてなRSSアップデート 先ほど、はてなRSSのアップデートを行いました。 キーワードウォッチでフィードの種類を選択可能する機能の追加トップページ・個別キーワードページなどをリニューアルキーワード一覧ページの追加 などが変更点です。 詳細は以下の通りです。 キーワードウォッチでフィードを選べるようになりました キーワードウォッチ機能で「フィード管理画面」からキーワードを
Lucky bag::blog: ピュア CSS なプレゼン用スライドショー
前回の「CSS3 の target 疑似クラスで脚注を動的に表示する」に引き続き、:target 疑似クラスを使ってスライドショーみたいなんを作ってみた。ひとつの HTML 文書なんだけど、画面が切り替わっていくかのように見せる。ピュア CSS とか言いつつも、前回同様、:target 疑似クラスに未対応な IE でも動くように JavaScript を使っている。純粋に CSS のみで動くのは、Firefox、Safari あたり。Opera は動かない。 ピュアCSS なプレゼン用スライドショー サンプル <div id="section-01" class="section"> <!-- 1ページ目 --> … </div> <div id="section-02" class="section"> <!-- 2ページ目 --> … </div> <div id="section-0
Javascriptで三角形を動かす | 秋元@サイボウズラボ・プログラマー・ブログ
Javascriptだけでぐるぐる回る三角推というデモを見つけた。IE6では動かないがIE7やそれ以外のブラウザで動く。 borderを使ってHTML+CSSだけで三角形を書くテクニックは、前にどこかのブログでやってたと思うけど、それを応用して、これだけ複雑な立体を描き、さらに動かすことに成功している。大きな三角形は、水平や垂直線で小さな三角形(実際にはborderをいじったdivタグ)に分割している。 デモでは、Q,W,E,A,S,Dの6つのキーで、回転の方向を自由に変化させることもできる。 この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の内容が古くて役に立たなくなっている、という場合にはコメントやツイッターでご指摘いただければ幸いです。最新の状況を調べて新しい記事を書くかもしれ
CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』:phpspot開発日誌
CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』 2006年10月01日- Transcorners ? Cornerus Pride is there *scared* Well, Nifty technogy is used. There are small stripes appending inside of an element which create an illusion of transcorn. CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』。 mootoolsをフレームワークとして使用しています。 次のように、左下の大きな角丸や、右上の一部切り取ったような角も簡単に実現できます。 大きな角丸を作るには、radiusというプロパティを大きく指定することで実現できます。 この
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
[を] JSON (JSONP) で「はてブ」のコメントをちら見
JSON (JSONP) で「はてブ」のコメントをちら見 2006-09-22-4 [Programming] 弾さんのブログの記事「javascript - prototype HateBJSON」 (http://blog.livedoor.jp/dankogai/archives/50637027.html) を読んで、はてなブックマークのコメントやタグをチラリと表示する 仕掛けを作ってみました。 http://chalow.net/misc/hateb-chirami.html 入力フォームに URL を入れて、「B」をクリックすると画面遷移なしに その場ではてブ情報が表示されます。 リンク以外の水色の部分をクリックすると消えます。 で、 「はてなブックマークコメントをその場で表示する機能の追加について」 (http://d.hatena.ne.jp/hate
JavaScriptとCSSを使ったクールなメッセージBOX:phpspot開発日誌
Crossfade DIV Demo For a long time, people looking to introduce animations to their website needed to resort to a third-party plugin such as Flash or Java applets to get the job done. JavaScriptとCSSを使ったクールなメッセージBOXのデモ。 ライブラリはscriptaculousを使用。 スクリプト自体は非常にシンプルで、単純にsetIntervalでタイマーをまわしてscriptaculousのEffect.fade / Effect.appear で各DIVを切り替えているだけのようです。 デモサイト上のソースをみれば、プログラミングの知識がない方でも実装できそうです。 WEBデザイン時のちょ
ブログ初心者向けのHTML講座の陰謀：ekken
まぁだいたいどこのブログサービスでも、一つや二つくらい「ブログでこんな事もできます！」というような小手先のテクニックを紹介している人気ブログがあるものですよ。 基本的なHTMLタグの使い方から始まって、CSSやjavascriptを使った応用編まで、どの人もやっている事はだいたい同じ。せいぜいサービス独自の使用タグの制限に則って進められるくらいで、中身はとほほのナンタラとか、ちょめちょめの玉手箱といった老舗のウェブサイト作成支援サイトとたいして変わらないの。いや、それは別に良いのですけど。 大きな流れとしてはこんな感じかな。 文字の大きさを変えよう 文字の色を変えよう 画像を貼り付けよう リンクを貼ってみよう 絵文字を使ってみよう 背景に画像をつけてみよう と、これがまぁ標準的な流れ。 実の所、利用しているブログサービスの「よくある質問」あたりに、だいたい書かれている事なんだけど、何故かこ
Dreamweaverの代わりになるフリーソフト「Aptana」 - GIGAZINE
JavaScriptの開発環境、要するにJavaScript用IDEという位置づけなのですが、HTML、CSSの構造をアウトラインで示してくれたり、文法の間違いを指摘してくれたり、やっていることはほとんどDreamweaverの持っている機能と同じです。 特に面白いのはJavaScriptやCSSなどがInternetExplorerとFirefoxに対応しているかどうかが一発で分かる点。JavaScriptのエラーについても細かい部分まで指摘してくれます。つまり、実行しなくてもエラーがドコにあるのか分かる「静的解析」が可能というわけ。 Windows、Macintosh、Linux版があり、Eclipseプラグインとして動作するバージョンもあります。 スクリーンショットや実際に動かして機能を解説しているムービー、ダウンロードは以下から。 Aptana: The Web IDE http:
Pure CSS Menus
pure CSS menus css/edge complexspiral ...devolved ...distorted Pure CSS popups curvelicious slantastic slanty claus? ragged float boxpunch For some time now, I've had this idea that if one could apply :hover to arbitrary elements, all kinds of possibilities would open up. Sure, we can do nifty stuff with hyperlink hovering, such as popup text and images, but to be able to apply hover styles to any
最速インターフェース研究会 :: 萌ディタとSleipnirとWEBrickを使って人のサイトのCSSをリアルタイム編集するデモ
Shiubya.js #1で話したネタですが、Winkでデモを作ってみました。 http://la.ma.la/misc/demo/realtime_cssedit.htm エディタとブラウザが並んでて窮屈ですが、実際はこれを20インチワイド液晶縦置きデュアルでやります。 仕組みは、WEBrickでローカルプロキシを立てて、同名のファイルがローカルにある場合は内容を置き換えて表示する、というもので、CSSやJavaScriptを編集するのに向いています。 プロキシサーバーはPerlで書かれた同等のものがここにあります。 http://www.ornithopter.jp/archives/2006/05/perl_perl.html 自分が使ってるのは必要に応じて行き当たりばったりに拡張していったりするのですが、現時点でのソースを置いておきます。 http://la.ma.la/misc/
ウノウラボ Unoh Labs: フロントエンドお役立ちツール
今月入社のsashaです。 フォト蔵のデザイン周りのことを主に担当しています。 今日は、私が今まで愛用してきたWebデザイン、フロントエンド・コーディングに役立つツールをご紹介します。 （1）フロントエンド・コーダーの必需品 FireFox 拡張機能のWeb Developer 今調べたら日本語版も出ているんですね。最初、ためしにインストールしたときはブラウザの上部が幅とってしまって、なんとなく気に入らなかったんですが、フロントエンドのデザインやコーディングにはこれが本当に便利。 クッキー、Java、JavaScript、CSSなどを無効にする CSSをその場で編集する フォームの各属性値を表示する 画像を非表示にする alt属性のない、あるいはalt属性値が空の画像を枠で囲む リンクのパスを表示する ブラウザの画面内を拡大あるいは縮小する テーブルのセルを表示する ブラウザのウィンド
GIGAZINE - いろいろな効果を追加できるJavaScriptライブラリ「jQuery」
ファイルサイズわずか10キロバイト、CSSの1から3、XPathをサポートし、Internet Explorer、Firefox、Safari、Operaで動作します。「JavaScriptのコードを書くのが楽しくなる」というのがモットーらしい。 ダウンロードや実際の例、使い方などの各種取り扱い説明は以下の通り。 jQuery: New Wave Javascript http://jquery.com/ 上記ページの「Run」をクリックするとその機能の一端を垣間見ることができます。面白い効果です。 その他のデモとしてはこんな感じでいろいろなところに使えます。特に一番下の「Example G」のボタンをクリックしてから本文の上にマウスを乗せると色が変わり、フェードしながら元に戻るというのはシンプルながら面白い。 JQuery http://codylindley.com/blogstuff
·ナンシー"小"関 風 パッチもん版画作成ソフト MOONGIFT
消しゴム版画を作ろう ナンシー関さんの消しゴム版画を真似た、ナンシー"小"関さんの作品に似た消しゴム版画風画像を作成するソフトウェアです。 消しゴム版画を作ろう ナンシー関さんを覚えているだろうか。2002年に亡くなった、有名な批評家だ。また、批評家としてのみならず、消しゴム版画家としても有名だ。 独特のタッチの、あの版画がもう見られない…お嘆きのあなたはこれを使ってみよう。 今回紹介するフリーウェアは 「ナンシー"小"関 風 パッチもん版画」作成ソフト、ナンシー関さんのタッチを真似たスタンプを作っているナンシー"小"関さんの作品をまねた画像作成ソフトウェアだ（分かりづらい）。 使い方は簡単だ。適当な人物画を実行ファイルにドラッグアンドドロップしてみよう。それだけでナンシー関（実際はナンシー"小"関 ）風の作品が出来上がる。 微調整も可能で、細かさ、線の太さ、ベタ、線際のそれぞれをスライダ
ブログへ簡単に追加できるJavaScript製サイドノート
付箋紙のような感じのサイドノートをブログの本文中に追加できます。背景色の変更なども自由自在で、非表示にするのも再表示させるのも簡単。JavaScriptとCSSを使っています。 ダウンロードと使い方や例は以下のサイトから。 arc90 lab : tools : Unobtrusive Sidenotes ダウンロードはこちらから http://lab.arc90.com/tools/sidenote.zip 上記サイトの「How Do I Use It?」に使い方が詳しく書いてあります。 実際の例はこちら。 arc90 lab | tools: Sidenote Demo http://lab.arc90.com/tools/sidenote/ 左上の「Hide Sidenotes」をクリックするとサブノートを非表示にできます。本文中に、脚注やちょっとした豆知識みたいなのを入れておきたい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
社å´å£«è©¦é¨å¡¾ 社å´å£«è©¦é¨å¦æ ¡ 社å´å£«è©¦é¨å¯¾ç 社å´å£«è©¦é¨åå¼·æ³ ç¤¾å´å£«è©¦é¨åèæ¸ at usrb.in
http://iamacamera.org/sandbox/photoshuffler/
