Web サイトのスマートフォン最適化: UA 判別篇
iPhone 買いました。iPhone 4。はじめてのスマートフォンですよ。 で、この機会にこのサイトのスマートフォン最適化を図ろうと考えたわけです。今までなにもしてなかったので。しかし恥ずかしながらスマートフォン向けのサイトを作った経験がなかったので、どこから手をつけたものかわからない。そこで、とりあえず参考になりそうなネタを探そうと「wordpress iphone 最適化」あたりでググってみたところ (このサイトは WordPress で作ってます)、どうも WPtouch iPhone Theme というプラグインが人気らしい。このプラグインは有効にするだけで WordPress サイトをスマートフォン向けに最適化してくれる便利なもので、採用してるサイトもよく見かけます。 でもプラグインをそのまま導入したんじゃ面白くない。やっぱテーマは自分でいじりたいし。となると、とりあえず知りた
JavaScriptのDateオブジェクトを拡張してPHPのdate関数を実装 - Rewish
某勉強会のグループチャットにて、「JavaScriptでXMLを取得、パースして適当に表示しなさい」というお題が出た時、ちょっと欲しいなと思ったので勉強がてら作ってみました。 一応date関数に対応する全てのフォーマット文字列が使えますが、タイムゾーン周りを正確に実装するのは実質不可能なので、 e は「 Asia/Tokyo 」、 T は「 JST 」固定になっています。 その他、副産物で日付周りのメソッドも色々生えてるので、良かったら使ってみて下さい。 ダウンロード php_date.js 簡単な使い方 date関数風に使う基本 インスタンス化したDateオブジェクトのformatメソッドを使ってdate関数風にフォーマット。 var date = new Date(); alert(date.format('Y-m-d H:i:s')); //=> 2005-08-15 15:52:0
Using HTML5 To Transform WordPress’ TwentyTen Theme — Smashing Magazine
Last year, WordPress launched arguably its biggest update ever: WordPress 3.0. Accompanying this release was the brand new default theme, TwentyTen, and the promise of a new default theme every year. Somewhat surprisingly, TwentyTen declares the HTML5 doctype but doesn’t take advantage of many of the new elements and attributes that HTML5 brings. Now, HTML5 does many things, but you can’t just add
正規表現まとめサイト | エンタープライズ | マイコミジャーナル
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. 文字列を処理するにあたって正規表現は欠かせない機能といえる。任意の文字列やテキストファイル、HTML/XMLから特定のキーワードを検索したり取り出し、置換をおこなうにあたって、正規表現が使えると使えないのとでは、プログラミングの手間やツールの活用度合いが変わってくる。 正規表現は便利で強力な機能だが、その独特の表記方法はプログラマ初心者には敷居の高いものでもある。Glen Stansberry氏による正規表現に関するチュートリアルや資料、ツールなどのまとめがSmashing MagazineにEssential Guide To Regular Expressions: Tools and Tutori
Javascript basename() and dirname() « planetOzh
Javascript basename() and dirname() In: Code, Javascript, PHP 3 blablas On: 2008 / 04 / 27 Shorter URL for this post: http://ozh.in/i0 For my next stuff I needed the Javascript equivalents of PHP functions basename() and dirname(). Nothing genius: < View plain text > javascript function basename(path) { return path.replace(/\\/g,'/').replace( /.*\//, '' ); } function dirname(path) { return path.re
We are Locutus
All your standard libraries will be assimilated into our JavaScript collective. Resistance is futile. Welcome to Locutus, where the boundaries of coding languages blur. We’re a dedicated collective developers on a mission to explore the possibilities of porting standard libraries from various programming language (Go, Ruby, PHP, C) to JavaScript. Our journey is one of discovery, innovation, and so
WordPressで作られたWebサイトの表示速度を早くするためにできること
WordPress 楽しんでますか？ 今回は WordPress で作られたWebサイトを少しダイエットさせて、表示速度を早くするために、やっておいたらいいかもしれない Tips をいくつかご紹介します。 私は WordPress が大好きなので、もちろんこのブログも WordPress で作っています。でも WordPress は PHP で作られているブログツール。ブラウザで表示されている Webページは、PHP によって動的に作られた HTMLです。 Webページを表示するたびに、Webサーバの中で PHP が働き、HTMLを吐き出しているので、最初からHTMLで書かれた Webページに比べて、表示が遅くなる傾向があります。 私のブログは、毎日のアクセスがそれほど多い訳ではないので、それほど神経質にはなっていませんが、一時キャッシュ系のプラグインの使用と、その他にもいろいろ工夫をした
jQuery Countdown を使ってカウントダウンタイマーを表示する | バシャログ。
ハッピーバースデートゥーミー！今日が誕生日のinoueです。 さて、診断テストのような入力フォームを表示する場合、時間制限を設けたい場合があります。 そういったページに「あと〇〇分」というカウントダウン表示を簡単に追加できるjQueryプラグイン 『jQuery Countdown』を今回紹介します。 概要 jQuery Countdown 使い方は上記のサイトのトップページを見ればすぐわかります、というくらい非常に簡単かつオプションも豊富。 多言語対応もすでにされています。 例えば、id:timeCount の要素に liftoffTime までの残り時間を 時分秒（=HMS）で表示したい場合は次のように記述します。 $('#timeCount').countdown({until: liftoffTime, format: 'HMS'}); サンプル：今から20分後までのカウントダウン
403 Forbidden
＼閉鎖予定のサイトも売れるかも？／ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう
技術系サイトに必需品！ ソースコードは鮮やかに JavaScriptもPHPもHTMLもOK！「Syntax Highlighter」の使い方
Webプログラミング/Webデザインのネタを扱うブログやWebサイトを運営していると、HTMLやCSSなどのソースコードを掲載することが多くあります。そんなときにぜひ活用したいのが、ソースコードを読みやすく表示してくれるJavaScriptライブラリです。今回は、そのうちの1つ、「Syntax Highlighter」の使い方を紹介しましょう。 多くの言語の構文強調表示に対応した「Syntax Highlighter」 HTMLなど各種言語のソースコードをWebページの中で表示するのは、HTMLのpre要素を使えば簡単です。ただ、ソースコードをそのまま表示すると、見た目が分かりやすくはありません。そこで、タグなど言語の特定キーワードに色を付けて、他の部分よりも強調して表示することで見やすくしましょう。 こういった「構文強調表示」を行なうJavaScriptは、いくつか公開されていますが、そ
PHPソース１個で実現されるクールなWEBギャラリー実装プログラム「Pagemap ImageWall」:phpspot開発日誌
PHPソース１個で実現されるクールなWEBギャラリー実装プログラム「Pagemap ImageWall」 2010年08月11日- Pagemap ImageWall ? Freeware Web Photo Gallery with slideshow | Pagemap Premium Portfolios PHPソース１個で実現されるクールなWEBギャラリー実装プログラム「Pagemap ImageWall」. アニメーションやLightBoxなどでモダンな感じに動くギャラリースクリプトです。１ファイルなので設置は簡単です。 動きを実際に見てみる 設置にするには、phpが動くサーバを用意した後、パッケージをダウンロードして「index.php」を開き、$config の変数を設定します。 ヘッダー画像や背景、文字色、カスタムCSSと、画像が入っているディレクトリの指定等をしてアップロ
ブログパーツの作り方『How to make blog parts』 – creamu
かなり簡単な話題ですが。。メモ的にエントリー。 ブログパーツを作りたいとき、Flashなどで動的に作ったものをユーザに貼付けてもらうとすると、以下のようなソースを提供すればいいですね。 <script language=”JavaScript” type=”text/javascript” src=”test.js” ></script> そして「test.js」の中身は以下のようになります。 document.writeln(‘<object classid=”clsid:…” “（省略）” /></object>’); objectタグはFlashのソースですね。つまり、「document.writeln(”);」の中にFlashのobjectタグを入れればいいですね。 そしてHTMLで「test.js」を呼び出すと、document.writelnでHTMLの中にソースが書かれると。
初心者さんのためのWebサイト制作に役立つリンク集
2017年6月29日 Webサイト制作 「Webサイト勉強するのにおすすめのサイトを教えてください！」との声が多いのですが、日本のWeb関連チュートリアルサイトをあまり見たことがなかったので、今までおすすめできませんでした…。ということでちょっとググって初心者さんによさそうなサイトをいくつか紹介します。小難しい単語が並んであるようなサイトは避けているつもりですが、わかりにくかったらすみません。他にもおすすめサイトがあればぜひコメント欄にて教えてください！ ↑私が10年以上利用している会計ソフト！ Webサイトを作る流れ まずはWebサイトを作る目的を考える 誰のため？何のため？Webサイトを作り始める前に。 サイトマップと呼ばれる構成図を作成 Webサイトの構成図を簡単に作れる便利ツール ワイヤーフレーム（Webサイトのレイアウト）を作成 Webサイトの骨組み: ワイヤーフレームを素早く・
FirebugでPHPをデバッグするツールまとめ
こんにちは、亀本です。最近は体調がすこぶる絶不調です。季節の変わり目なので、皆さんも気をつけてください。 さて、ちょろちょろと話題に上ることの多いFirefoxを使ったPHPのデバッグ手法ですが、いくつか出てきたのでこの辺でサクッとまとめておこうかと思いました。 結果的に、だいぶ膨らみましたが。。。まとめ力ないなorz 1.Buggy クラス AJAX magazine というサイトで公開されていたサンプルスクリプトで、クラス１つだけの小さなライブラリです。 以前、PHPプロ！ニュースでもご紹介した方法です。 この方法は、PHPのエラーをハンドリングし、その内容をscriptタグに出力し、console.info()を用いてFirebugのコンソールに渡す、という仕組みです。そのため、Firebugは必須です。 記事掲載当時は、buggy.class.phpがダウンロードできたのでしょうか
PHP & JavaScript Room
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説Search 動作環境 バージョン情報 PHP 4.4.0 | MySQL 4.1 OS Windows XP(SP2) ブラウザ Internet Explorer 6 Internet Explorer 7 Firefox 2.0 Netscape 7.0 Ranking !! ↑ ポチッと押してくださると管理人が涙します（；д；） Union Links PHP小屋 Thanks famfam (Silk Icon) HoHoHo!（Mini Icon 2） NWYH Stock Image Library（写真素材） QRコード I'm Here!! mixi
Web関連特集 » Twitter関連 » Twitter関連サービス＆Twitterのつぶやきやきをブログに設置する方法 | PHP & JavaScript Room
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説【Follow Me】ボタン作成ツール twignature（トゥイグネチャー） / twitter用署名画像を自動生成するツール twitter用の署名画像を自動生成するツール。 画像パターンは3種類あり、サイズも豊富に用意されています。 設置サンプルサンプルを見る<a href="http://twitter.com/cocoism"><img src="img/topic/twitter/twignature.gif" alt="twitter / cocoism" /></a> Free Twitter Ribbon Ad Generator Twitterリボンを作成ツール サイトやブログのページの右上角に設置するのに最適！ Twitterの
WEB TEC&BIZ BLOG | phpとjQueryを使ってRSSを取得、記事一覧を表示する(1)
今回はPHPとjQueryを組み合わせて、サイトにRSSから取得した記事の一覧を表示する方法を紹介したいと思います。 必要になるファイルは ・RSSを取得し、xml を html に変換処理をするPHPファイル get_rss.php ・jQuery を使って PHP からデータを受け取り、表示するHTMLファイル show_rss.html の二つだけです。 PHPの便利な関数を使うので、ソースコードも短く、簡単です。 それでは、早速具体的に解説していきます。 以下、RSS1.0に対応する形で記述しています。 get_rss.php <?php $url = “RSSのURL”; $str = mb_convert_encoding(file_get_contents($url), ‘UTF-8′, ‘auto’); $xml = @simplexml_load_string($s
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
1z » Blog Archive » Instagramギャラリー（β版）を作りました
https://design-spice.com/2012/06/13/responsive-web-design-image/
Site Under Maintenance
