CSSオンリーでJSを使った風のよく使われるテクニック集１０:phpspot開発日誌
Creating 10 Most-Used Javascript Techniques Using Pure CSS Styling | DevSnippets CSSオンリーでJSを使った風のよく使われるテクニック集１０。 よく使われているかどうかは実際はよくわかりませんが、ピュアCSSということでなかなか凄いテクニック集がまとまっています。 我こそはCSSマスターという方は覚えておいてもよさそうです。 写真ギャラリー カーソルを合わせると拡大するアイコン アニメーションするコンテンツスライダー アニメーションするプログレスバー ピュアCSSなLightBox かなり色々なテクニックがなされているようですが、実用的なものが多いですね。 関連エントリ JavaScript使ってないのに使ってる風のピュアCSSなテクニック集 ピュアCSSで実装された吹き出しのデザイン例色々 クリーンなデザイ
プログラミン | 文部科学省
文部科学省「プログラミン」は1024x768ピクセル以上のモニタ解像度でご覧ください。 ご覧いただくためには、最新版のFlashPlayerをインストールのうえ、 JavaScriptを有効にしてください。 「Adobe Flash Player」の最新版はアドビシステムズ社のWebサイトより無料でダウンロードできます。 インストール方法については、配布元の説明をお読みください。
スムーズにスクロールしないjQueryプラグイン「jDTScroll」 - Rewish
ページ内リンクでスクロールをスムースにするスクリプトは良くありますが、アレってもっとスムーズにスクロール出来ないのかなーとか思いますよね。僕は思います。 もっとスムーズにするのは僕には難しいので、普通のスムーススクロールがスムーズに感じられるように、スムーズにスクロールしないjQueryプラグインを作りました。 ダウンロードとデモ jdtscroll.js デモを見る 導入方法 1. jQueryとjDTScrollを読み込む <script src="jquery.js"></script> <script src="jdtscroll.js"></script> 2. 実行する $() で対象にする要素を指定します。ページ内リンクなのでフラグメント識別子が付いてるっぽいアンカーを指定するのがいいですね。 jQuery(function($) { $('a[href^="#"]').jd
ページのフッターに常に便利リンクを固定で表示するためのjQueryプラグイン「jQuery Fubar」:phpspot開発日誌
jQuery Fubar ? How To Create A Website Toolbar From Scratch And Add Widgets To It | AddyOsmani.com | Where Web Businesses Grow ページのフッターに常に便利リンクを固定で表示するためのjQueryプラグイン「jQuery Fubar」。 ページフッターに、ツールバーなどでソーシャルサイトへの投稿リンクなどが表示されていると便利なだけでなく、ソーシャルによって情報が広まる可能性も高めてくれます。 そういうツールバーを簡単に実装するためのjQueryプラグインがチュートリアルとともに公開されました。 実装された画面は次のようになっており、なかなかクールな上、ガクガク動かずに固定なので目障りにもなりません。 同じような物を実装したい場合があった際に覚えておくとすぐに実装でき
Awesome Bubble Navigation with jQuery | Codrops
In this tutorial we are going to create a bubbly navigation with jQuery. The idea is to have some round navigation icons that release a bubble when hovering over them. We will use the jQuery Easing Plugin for a even nicer effect. Ok, so let’s get started. The Markup The HTML will consist of a main div that we will give the class navigation and the id nav. Inside of the main div we will have the na
JavaScriptが遅い4つの原因とは？
1つ前の記事「JavaScriptをいかに高速化するか、IE9、Firefoxの取り組み」では、IE9とFirefoxにおけるJavaScriptの高速化について紹介しましたが、そもそもJavaScriptの実行速度はなぜ遅いのでしょう？ その理由について、Mozilla Japanテクニカルマーケティング担当の浅井智也氏が、スライド「Trace Monkey」でポイントをまとめています（このスライドはタイトルから分かるとおり、Firefoxの当時の新しいJavaScriptエンジン「Trace Monkey」を紹介するために1年以上前に作成されたスライドですが、1つ前の記事を見ると、ここで示された課題はいまも変わっていないようです）。 全67枚のスライドの20枚目から24枚目の5枚を以下に紹介します。 JavaScriptが遅い原因は、以下の4点にまとめられています。 インタープリタ型言
Firefox拡張簡単キット"マッチFOX" - Gemmaの日記
Firefox拡張を作りたいけど、ややこしくて手がつけられない、そんなあなたに・・・！ 簡単キット"マッチFOX"。Ruby on Rails みたいに、scaffold(骨組み)を作ってくれます。 この骨組みには、はてなブックマーク拡張から取り出したエッセンスが入っていて、 その道のプロフェッショナルと同じスタートラインから開発できます。 - 人柱版(RC2) http://cloud.github.com/downloads/gemmat/Matchfox/matchfox-rc2.xpi 正式版 https://addons.mozilla.org/ja/firefox/addon/47147/ Firefox3が必要です。 XP, Vista, Linuxで動作確認。 使い方 インストールしたら、Matchfoxサイドバー(Ctrl+!)を開きます。 骨組みの、"インストール先のデ
Delphi for PHPを使い倒す！（前編） えっ、まだPHPでVisual開発してないの？ － ＠IT
はやしつとむ アナハイムテクノロジー株式会社 2009/10/7 なぜPHPではビジュアル開発ができないのだろうか。そんな疑問を解消するのが、スペイン生まれのDelphi for PHPだ（編集部） PHPは、現在のWeb開発になくてはならない開発環境となっています。Webの世界では、PHPやRubyのようにコンパイルすることなしに実行できるLL言語（Lightweight Language：軽量言語）に勢いがあります。従来は、Javaの独壇場であった大規模開発の現場にも、LL言語の普及が進んでいるという話も耳にします。 ところで、＠IT会議室のあるトピックによれば、PHPのプログラミングはテキストエディタを使用しての開発が大勢を占めているようです。しかし、統合開発環境（IDE）であるEclipse＋PDT（PHP Development Tools）の利用も増えており、Zend Stud
トメトメボンド
健康編 Dr.ストレッチ AnytimeFitness（エニタイムフィットネス） Fitbit Charge 2 Withings スマート体重計 WS-50 Bluetooth ワイヤレスイヤホン Q12 Optimum Nutrition ホエイプロテイン ゴールドスタンダード ザバス ソイプロテイン 100 ココア味 COMP 作品編 KING OF PRISM by PrettyRhythm（キンプリ） シン・ゴジラ イムリ 逃げるは恥だが役に立つ 素敵な彼氏 超会議 2016（シオカラーズライブ） ジャンプ流! 小畑健 クレイジージャーニー 日用雑貨編 自作のオフィスデスク 無印良品 ポリプロピレンファイルボックス A4 用 サーモス 真空断熱ケータイマグ 0.75L ダイナモ ラベルライター 朱肉 SA-4004PS 使い捨てふきん スマホスタンド ファッション編 足すっぽりフ
どうしてプログラマに・・・プログラムが書けないのか?
Jeff Atwood / 青木靖 訳 2007年2月26日 レジナルド・ブレイスウェイトが書いていることを読んだとき、私はそんなわけないだろうと思っていた。 私と同様、この著者は、プログラミングの仕事への応募者200人中199人はコードがまったく書けないということで苦労している。繰り返すが、彼らはどんなコードも書けないのだ。 彼が引用している著者というのはイムランのことで、彼は単純なプログラムも書けないプログラマをたくさん追い払っているということだ。 かなりの試行錯誤の末に、コードを書こうともがいている人たちというのは、単に大きな問題に対して苦労しているのではないことがわかった。やや小さな問題(連結リストを実装するというような)に対して苦労するということでさえない。彼らはまったくちっぽけな問題に苦労しているのだ。 それで、そういった類の開発者を見分けるための質問を作り始め、私が｢Fizz
CSS-EBLOG - (X)HTML+CSS/JavaScript Tips site.
デザインを体感して学べるデザインブログです。Illustrator（イラレ）やPhotoshop（フォトショ）の使い方やWordPressやSWELLのCSSやJavaScriptカスタマイズやアフィリエイトまで読むだけで楽しめる情報を発信しています。
Bespin » Code in the Cloud
Login above to work on your projects, or select an option below. Use Bespin Edit Now Give us an open-source project name or a publicly accessible repository URL and we'll create a project for you. Register for Bespin No account? No problem! Click below to create an account. Registration is free. Learn about Bespin What is Bespin? Bespin is a Mozilla Labs experiment on how to build an extensible We
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
eBay、JavaでJavaScript開発ができる「VJET」を披露 － ＠IT
2009/06/04 2009年6月2日から4日間の予定で開催中のJavaOne会場で、オークションサイト大手のeBayが、社内で利用している開発フレームワーク「VJET」を展示して耳目を集めている。JVETはJava/JavaScript開発のフレームワークで、Eclipse向けプラグインとして機能する。Javaで書いたコードをJavaScriptに変換したり、その逆にJavaScriptをJavaに変換しながら開発を進められるという。JavaエンジニアとJavaScriptエンジニアが、互いに実装したクラスを利用しながら開発することもできるという。JavaScript側はJavaのシンタックスに似せた型付きの「VJET-JavaScript」となる。ただし、生のJavaScriptの型を拡張しているわけではないので、メジャーなJavaScriptライブラリやフレームワークと併用は可能。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS, JavaScript, jQuery, WordPressなどのよく使うコードをまとめたスニペット集
https://jp.techcrunch.com/2010/04/02/20100401google-html5-quake/
HTML＋JavaScriptで作れる Windows 7デスクトップアプリの基礎知識
CSSのrotationを使った時計「CSS Clock」:phpspot開発日誌
phpspot開発日誌 - PHP/Ajax/JavaScript/CSS等の最新技術情報をお届け
HTML5.JP - 次世代HTML標準 HTML5情報サイト