Border RadiusCSS border radius generator for lazy people.
CSSオンリーでJSを使った風のよく使われるテクニック集１０:phpspot開発日誌
Creating 10 Most-Used Javascript Techniques Using Pure CSS Styling | DevSnippets CSSオンリーでJSを使った風のよく使われるテクニック集１０。 よく使われているかどうかは実際はよくわかりませんが、ピュアCSSということでなかなか凄いテクニック集がまとまっています。 我こそはCSSマスターという方は覚えておいてもよさそうです。 写真ギャラリー カーソルを合わせると拡大するアイコン アニメーションするコンテンツスライダー アニメーションするプログレスバー ピュアCSSなLightBox かなり色々なテクニックがなされているようですが、実用的なものが多いですね。 関連エントリ JavaScript使ってないのに使ってる風のピュアCSSなテクニック集 ピュアCSSで実装された吹き出しのデザイン例色々 クリーンなデザイ
2010年6月17日 管理人のブックマーク:phpspot開発日誌
2010年6月17日の気になったページ集です HTC Desireに乗り換えた - ものがたり http://d.hatena.ne.jp/atsushieno/20100617/p1 iPhone3G・iPhone3GS・iPhone4のスペック比較 - RyoAnna’s iPhone Blog http://d.hatena.ne.jp/RyoAnna/20100616/1276704598 jQueryプラグインを探す際にだいたい見て回る巡回サイトまとめ - かちびと.net http://kachibito.net/web-design/14-jquery-resource-websites.html オレサマHTML5はごめんだ − Publickey http://www.publickey1.jp/blog/10/html5_6.html ASCII.jp：ScanSnap
紹介 - プログラマが知るべき97のこと : 404 Blog Not Found
2010年12月12日22:30 カテゴリ書評/画評/品評Art 紹介 - プログラマが知るべき97のこと プログラマが知るべき97のこと [原著:97 Things Every Programmer Should Know] やっと出ました。 私も寄稿しております。 オライリー本としては2,000円を切るお手頃価格となっております。プログラマー、とくにプロ^2グラマーの方はぜひ一つ。 Dan the Contributor Thereof 目次 O'Reilly Japan - プログラマが知るべき97のことより 目次 監修者まえがき はじめに 01 分別のある行動 セブ・ローズ（Seb Rose） 02 関数型プログラミングを学ぶことの重要性 エドワード・ガーソン（Edward Garson） 03 ユーザが何をするかを観察する（あなたはユーザではない） ジャイルズ・カルバン（Gile
プログラミン | 文部科学省
文部科学省「プログラミン」は1024x768ピクセル以上のモニタ解像度でご覧ください。 ご覧いただくためには、最新版のFlashPlayerをインストールのうえ、 JavaScriptを有効にしてください。 「Adobe Flash Player」の最新版はアドビシステムズ社のWebサイトより無料でダウンロードできます。 インストール方法については、配布元の説明をお読みください。
WWWの生みの親ティム・バーナーズ・リー氏が今、後悔していること
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます World Wide Web（WWW）の生みの親として知られるTim Berners-Lee氏はNew York Timesの取材で、ウェブアドレスを表示する際に「http:」の後に付けるダブルスラッシュ（//） について、当時のプログラミングでは一般的に用いられる手法だったとしたうえで、今考えると不要だったと述べている。同氏はその中で、ダブルスラッシュを打ち込む人間の労力に加え、紙に打ち出された際にその分だけ木や紙が無駄になっていることを嘆いている。同氏はまたWebから学んだこととして、情報やシンプルなオンラインツールをフリーで公開しておくことが、イノベーションを巻き起こすと述べている。
[CSS]実例から学ぶCSS3の効果的な使い方
CSS3の角丸、テキストシャドウ、ボックスシャドウ、RGBA、グラデーションなどを効果的に使用したサイトをSix Revisionsから紹介します。
キャズムを超えろ！ - 団塊～シニア層向けのWeb設計 やっちゃいけない10のＵＩ
一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス＆PCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID，ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結
透過性をウェブデザインに取り入れる方法
CSSや画像などを使用して、透過性をウェブデザインに取り入れる方法をCSS-Tricksから紹介します。 Spectrum Theme どんなウェブデザインでも最終形では基本的に目の錯覚を巧みに利用しています。Photoshopをはじめ他のグラフィック用のアプリケーションで透過性のエフェクトを作成し、フラットな画像として書き出すことができます。 Photoshopで透過性のある画像を作成するには、レイヤーの不透明度、塗りの度合い、ブレンドモードなどで可能です。 Opacity <textarea name="code" class="css" cols="60" rows="5"> transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } </te
中学一年生によるインタビュー
Paul Graham / 青木靖 訳 2010年6月 (中学一年生が学校のプロジェクトで送ってきた質問への回答) 1. プログラマに必要なことは何ですか？ プログラマはコンピュータに何をするか伝えます…英語のような人間の言葉ではなく、プログラミング言語と呼ばれる曖昧さのない特別な言葉を使います。プログラミング言語で書かれた命令はコードと呼ばれています。プログラマはプログラムが何をすべきかについての自分のアイデアを、効率が良く、信頼性があり、後で容易に変更できるような形でコードに変換する必要があります。最高のプログラマというのは、アイデアをコードへと変換するのがうまいだけでなく、良いアイデアを持っている人のことを言います。 2. プログラマをしていて一番いいことは何ですか？ 最悪のことは？ 一番難しいことは？ 私にとって一番いいのは物を作るという部分です。プログラムは形のあるものではありま
スムーズにスクロールしない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
【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1
HTML5版の新規でサイトを作るのに使えそうな一式です。 今までの新規で使えそうな一式のVer3からも有る程度流用はしていますが、結構いじってます。 今までみたいに、社内のマークアップエンジニアとかそういう人がもう居ない環境なので、何処かで使われていた訳ではありませんが、まー最初の準備って地味に面倒なのでちゃちゃっと始めるには良いんじゃないでしょうか。 【HTML5】新規でサイトを作るのに使えそうな一式。Ver 1をDL（zip：12kb） HTML5版のVer 1を見る 社内のマークアップエンジニアとかって書いたら、これどうなのよ？とか話してた頃がちょっと懐かしくなった。 コーダー飲みとか、CSS Niteなんかで、マークアップエンジニアやコーダーさんと会う機会は結構有るのに、そういう具体的な？話まではしないからなぁ・・・ それはさておき、中身のご説明などを続きにて。 中身のご説明 zi
少しのコードで実装可能な20のCSS小技集
少しのコードで実装可能な20のCSS小技集CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください！ コードはサンプル内の「HTML」や「CSS」タブをクリックしてくださいね！ 少しのコードで実装可能な CSS 小技集 シリーズ【第 2 弾】少しのコードで実装可能な 20 の CSS 小技集【第 3 弾】少しのコードで実装可能な 15 の CSS 小技集まずは CSS 基礎編1. div を中央揃えにするほとんどのサイトが基準となる div を画面の中央揃えに設定しています。左右の margin を auto にして中央揃えに。 3. 複数のクラスを指定実はクラスは一度に複数指定できます。スペースを空け
[CSS]画像を使用しないで、紙テープを折り返したようにするスタイルシート
<textarea name="code" class="html" cols="60" rows="5"> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>CSS Shapes</title> <!--[if IE]> <style> .arrow { top: 100%; } </style> <![endif]--> </head> <body> <div id="container"> <h1> My Heading <span class="arrow"></span> </h1> </div> </body> </html> </textarea>
[CSS]CSS3の効果的な使い方と陥りやすいワナ
CSS3で何ができるのかという「CSS3で何ができるの？ という時にみておきたいサイト集」という記事をとりあげました。 今回は、そのCSS3を実際どのように使うのか？ ウェブページに効果的に使用した例、陥りやすいワナとその対処方法をWeb Design Wallから紹介します。 CSS3 Examples and Best Practices 下記は各ポイントを意訳したものです。 はじめに テキストのエンボス効果 繊細な角丸とシャドウ アニメーションで回転するDVD 半透明のバー 角丸 微妙なテキストのシャドウ 陥りやすいワナと対処方法 はじめに CSS3の人気はいっそう高くなっています。実際CSS3の新しい機能はウェブに多くの新しい可能性をもたらします。 しかしながら、CSS3はまだ完全にすべてのブラウザにサポートされていないので、あまり興奮しないでください。 だからといって、CSS3を
JavaでBMPをJPEGに : mwSoft blog
200個くらいあるBMPファイルをJPEGに変換しないといけない用があったので、試しにJavaでやってみる。 javax.imageio.ImageIOを使用すると、BMP、JPEG、GIF、PNGなんかを手軽に扱える。 BufferedImage image = ImageIO.read(bmpFile); ImageIO.write(image, "jpeg", new File(jpgFilePath)); と書くだけで変換できる。今回は書いてないけど、画像に線引いたりもできる。 というわけで、ディレクトリ配下のBMPファイルを全部JPEGに変換するとても簡易なコード。 // バージョン1.6 import java.awt.image.BufferedImage; import java.io.File; import javax.imageio.ImageIO; public c
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site Under Maintenance
Site Under Maintenance
HTML5を使ったドロップダウンメニュー – creamu
CSS, JavaScript, jQuery, WordPressなどのよく使うコードをまとめたスニペット集