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プラグインがチュートリアルとともに公開されました。 実装された画面は次のようになっており、なかなかクールな上、ガクガク動かずに固定なので目障りにもなりません。 同じような物を実装したい場合があった際に覚えておくとすぐに実装でき
開発者が知っておくべきIE9の新機能（1/4） - ＠IT
昨年2009年11月のPDC09に続き、2010年3月のMIX10でIE9（Internet Explorer 9）の概要が紹介された。そのプレビュー版がすでにダウンロード可能になっている。 IE9（プレビュー版）のダウンロード また、IE9の機能を体験できるデモ・サイト（IE9 Test Drive）も新設されているので、IE9（プレビュー版）をインストールしたら、そのサイトも試してみるとよいだろう。 IE9デモ・サイト：IE9 Test Drive IE9の今回のリリースはプレビュー版ということもあり、ブラウザの外観や使い勝手はまだまだプロトタイプ・レベルであり、日常的に利用できるようなものではない。特にURLアドレス・バーがなく、［戻る］ボタンが搭載されておらず、しかも［Back Space］キーでも戻れないので、通常の閲覧作業でも困ることが多い。 このような状況なので、ベータ版のレ
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点にまとめられています。 インタープリタ型言
はてな的プログラミング言語人気ランキング - Cube Lilac
この記事で更新していた「基礎文法最速マスター」のまとめは，現在，プログラミング言語「基礎文法最速マスター」ランキング にて更新しています．この記事の更新は停止していますので，最新の結果はそちらを参照下さい． ここ最近，「○○○ 基礎文法最速マスター」と言う記事が流行っていたようです．この各記事の被ブクマ数を見ていると，プログラミング言語毎の（はてな界隈での）人気がよく表れているなーと思ったので被ブクマ数の多い順に列挙してみました*1．尚，調査する際には Perl基礎文法最速マスター - Perl入門〜サンプルコードによるPerl入門〜 の「このエントリーを含むエントリー」と 基礎文法最速マスターぞくぞくキターーー！ - 燈明日記 を利用しました． JavaScript 基礎文法最速マスター - なんとなく日記 PHP 基礎文法最速マスター - Shin x blog Perl 基礎文法最速
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Internet Explorer 6
CSS, JavaScript, jQuery, WordPressなどのよく使うコードをまとめたスニペット集
michaelv.org
https://jp.techcrunch.com/2010/04/02/20100401google-html5-quake/
HTML＋JavaScriptで作れる Windows 7デスクトップアプリの基礎知識
CSSのrotationを使った時計「CSS Clock」:phpspot開発日誌
phpspot開発日誌 - PHP/Ajax/JavaScript/CSS等の最新技術情報をお届け
コリス
