The ultimate checklist for all serious web developers building modern websites. Make sure your site follows web development best practices.
2012.05.31 追記 ブラウザ判定がうまく動かなくなってたので、transform が使用できるかで判定するように変更しました。 機能の判定はブラウザのバージョンアップで変わってくので別の用途には使うべきじゃないね… CSS3どころかCSSも普段あまりいじらないけど、回転・拡大縮小できる transform があるというコトなのでやってみる。 んでも、まだまだブラウザごとに実装が異なるらしく、jquery-css-transform.js と jquery-animate-css-rotate-scale.js っていう jQuery プラグイン使いましょうってのが多かったので、これを参考にしてみた。 CSS3では、transform: rotate(30deg) で要素を時計回りに30度回転、transform: scale(1.5) で要素を1.5倍とかいった指定が可能。んで、こ
どうも、はやちです_(:3」∠)_ スマホに使うとよりサイトが見やすくなるjQueryをまとめてみました。 アコーディオン アコーディオンみたく開閉式のメニューが実装できるjsです。 記事の多いコンテンツをまとめるのに便利ですね。 ■動きをみる HTML <dl class="acordion"> <dt class="trigger">アコーディオンメニュー<span class="open-close">open</span></dt> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキスト テキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキ
jQueryでスクロールすると表示する系いろいろ 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 投稿日2012年03月08日 更新日2019年12月19日 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-decoration
PEAR MDB2を使ってみよう PEAR MDB2を試しましょう。MDB2はMySQL以外のデータベースにも対応しています。標準的なSQLだけを使うようにしておけば、簡単にデータベースを切り替えられます(たとえば、以下の例で最初に実行するTRUNCATE文は、DB2では動かないので避けるべきです。本稿では使いませんが、結果の数を制限するLIMIT句もMySQL独自のものなのでなるべく使わない方がいいでしょう)。 コードはUTF-8で保存して実行してください。なお、ファイル名を「MDB2.php」などとしないように注意してください。ライブラリのファイル名と同じ名前を付けてしまうと、ライブラリが読み込まれません。 接続 次のようにMySQLに接続します。MDB2::connectの引数は、「'mysqli://ユーザ名:パスワード@ホスト/データベース名?charset=文字コード'」です(
使い慣れたアプリを最新バージョンにアップグレードして、創造性を加速しましょう。 クラウドストレージ、デバイス間でのファイル同期、Creative Cloud サービスへのアクセス、その他などの特典をお楽しみください。
どうも、松田直樹@まぼろし でございます。 当方、実はWeb制作が本業でして、このような記事を書くハメになってしまいました。(いや、喜んで書いてますよ) 「Fireworks」ってのは Photoshop のようなグラフィックツールでございまして。 Web制作に特化した機能が豊富だったりで Webな方々には多く使われていたりするのですが、僕も右に倣えで頻繁に使用しているわけです。この Fireworks に関する記事を書くにあたり、この歴史雑談録に何とか絡めようと表題のようなテーマに及んだ次第にござりまする。 ということで、この記事は「Fireworks Lover Advent Calendar 2012」の20日目の記事となります。(長いです。すんません) 今現在、Web制作界隈においては「脱ビットマップ」「SVG元年」といったキーワードが脚光を浴びておるわけですから、なんと時勢を読ん
What are CSS Sprites CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coorindates. Having assigned this generated image to relevant page elements the background-position CSS property can then be used to shift the visible area to the required component image. This technique can
追記: C言語版書いた! 僕が参加していたUT Startup Gymの大先生である@tushuheiさんが、たった10行のコードでひたすらアイドル水着画像をあつめるという刺激的なエントリを書いておられたので、対抗したくなった _人人人人人 人人人人人人人_ >Rubyなら3行で書けるっ!<  ̄Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^ ̄ require 'open-uri' url = "http://matome.naver.jp/odai/2135350364969742801" open(url).read.scan(%r{<img src=".+".*?class="MTMItemThumb".*?/>}) {|m| puts m} 終わり! 後はターミナルで $ ruby crawler.rb > photos.html $ open photos.htmlぐははは! Ruby素
GithubでJavaScriptのコードとして分類されており、現時点でwatch数の多い200件の中で、実際に使ったことがあり便利または面白いと感じた20件をまとめてみました。 backbone-boilerplate、requirejs、yeoman、lodashのような定番になってきているものから、TimelineJSのような全く汎用性のないものまであります。 d3.js Data-Driven Documents。サンプル集を観るのが手っ取り早いと思います。 pdf.js JavaScriptだけでPDFをレンダリングできる時代です。1年半ほど前にくらべると、かなりPDF製作者の期待通りにレンダリングできるようになってきています。 backbone-boilerplate Backbone.jsを使ったアプリの骨格構造。サーバー側でいわゆるMVC2のアプリを作っている人にはB
次々と発生する発達した雨雲(積乱雲)が列をなした、組織化した積乱雲群によって、数時間にわたってほぼ同じ場所を通過または停滞することで作り出される、線状に伸びる長さ50~300km程度、幅20~50km程度の強い降水をともなう雨域。 ※「線状降水帯」というキーワードを使って解説する「顕著な大雨に関する気象情報」は次の基準により発表する。 現在、10分先、20分先、30分先のいずれかにおいて、以下の基準をすべて満たす場合に発表。 1. 前3時間積算降水量(5kmメッシュ)が100mm以上の分布域の面積が500km2以上 2. 1.の形状が線状(長軸・短軸比2.5以上) 3. 1.の領域内の前3時間積算降水量最大値が150mm以上 4. 1.の領域内の土砂キキクル(大雨警報(土砂災害)の危険度分布)において土砂災害警戒情報の基準を超過(かつ大雨特別警報の土壌雨量指数基準値への到達割合8割以上)又
CSSはこちら。特に変わったことはしていません。CSS3はtext-shadowとtransitionです。これは必須という訳ではないですね。 #map1 a{ font-size: 14px; color: #666; text-decoration: none; text-shadow: rgba(255,255,255,0.6) -1px 1px 0; } #map1 td{ padding: 6px 3px; text-align: center; } #map1 td.frame{ padding: 0; width: 20px; height: 10px; } #map1 td.land{ background-color: #eef2bf; } #map1 td.sea{ background-color: #f0f9ff; } #map1 td.selected{ back
動くぞ!きれいだぞ! ヘ(・_・ヘ) とにかく痩せたい、HTMLファイ部のほんだです。 jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアを担当している者です。 jsdo.it、ユーザー数 5万人突破! 手前味噌ですが、このたび弊社運営のHTML5コード共有コミュニティ「jsdo.it」が、 ユーザー数 5万人を突破しました!(わーい!) 今回の記事では、jsdo.itのユーザー5万人を記念して、 HTML5 Canvas に芸術的な動きを表現しているJavaScriptコード「アートスクリプティング」を特集します! あまり一般的ではないようですが、「アートスクリプティング」という言葉でくくってみました。 Canvasアートスクリプティング特集! 説明不要! 気になったコードは是非のぞいてみてください!
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く