FocusPoint·レスポンシブの画像表示に。注目して欲しいポイントを残して表示。 MOONGIFT
レスポンシブWebデザインを取り入れたサイトは増えていますが、HTMLはフレキシブルに変更できても画像リソースはそう簡単ではありません。そのため幅ごとに数パターン画像を用意しているケースもあります。 同じ画像の場合、単にサイズを小さくしてしまうと見るべき場所も小さくなって分かりづらくなります。そこで使ってみたいのがFocusPointです。 FocusPointの使い方 デモです。フォーカスポイントは白い線で囲まれた部分になります。 幅を変更してもフォーカスポイントが中央になっています。画像の大きさ自体は変わっていないですよね。 縦を縮めました。画像が小さくなっていますが白い線で囲まれた部分は残っています。 多数の幅でまとめて表示。全てちゃんと白く囲まれた部分はなるべく多く表示されます。 こちらはカンガルー。 FocusPointは自動的に画像の良い場所を選んでくれる訳ではなく、自分でどの
Webデザインをパーツで参考にできるサイトまとめ
こんにちは、工藤です。 Webデザインの際、パーツで悩んでしまうことがよくあります・・。 今回はパーツ毎にまとめてくださっているサイトをご紹介します。日本語サイトが多めです。 パーツ全般を集めているサイト ブブンデザインアーカイブ http://bubundesignarchive.jp/ Croppy http://croppy.org/ MephoBox http://box.mepholio.com/ メインビジュアル関連 WEBデザインのメインビジュアルまとめ http://mainvisual.net-king.com/ MAIN VISUAL collection http://mvisual-collection.dslrs-journal.info/ 見出し関連 見出しデザイン.com http://midashi-design.com/ Typography For He
『宮城県の仙南や都内でドラムレッスンしている佐藤尋宣』
久々の更新ですね。 佐藤尋宣氏は依然自分のバンドのサポートをしてもらってました。 彼はソウル、R&B、ファンク、ジャズ、ポップスなんでもいけるのですが、バンドでは手数が多くて派手なドラミングのロック、メタル、プログレなんかをメインで叩いてもらってました。 彼は現在、宮城県の仙南(※)を中心に仙台、長町、名取、岩沼あたりで「ワクワクドラムレッスン」として仙南初のドラム教室を行っています。 大学時代は教育関連の勉強もしていたので、教えるのが上手い。1の質問で2理解して的確に返答してくれますね。 そんな佐藤尋宣のポームページを私がリニューアルしましたのでよかったら覗いてみてください。 スマホ、携帯にも対応しています。 佐藤尋宣オフィシャルサイト｜Blind Drummer ※仙南とは主に宮城県の 白石市、角田市、柴田郡（川崎町・村田町・柴田町・大河原町）、刈田郡（蔵王町・七ヶ宿町）、伊具郡（丸森
全盲のドラマー佐藤尋宣オフィシャルサイト ｜ Blind Drummer
全盲のドラマー佐藤尋宣（さとうひろのり）のオフィシャルサイトです。東京都と宮城県を拠点とし活動中。 トピックス ボーカルCHIKAとドラマー佐藤尋宣によるユニット「Soul Breezin’」による、東日本大震災復興支援CD「あゆみ～しあわせへのプロローグ～／約束」好評発売中。 詳細はこちらから
CSSでfloatを解除する方法のまとめ
CSSのfloatを解除（クリア）する方法をまとめてみました。 以前、floatを解除するテクニックとして以下の記事をエントリーしたのですが、その後色々なテクニックがあることに気がつきました。 CSS の after 擬似要素で回り込みを解除する ということで、そもそものfloatの問題（というか仕様）と、その対処方法についてネットで調べた情報を一通りまとめました。 １．floatにより親要素の高さが出なくなる（＝背景がなくなる）問題 親要素の中にある子要素にfloatプロパティが設定されていると、内容をもたない親要素の高さが0になるという仕様になっています。 例えば、次のCSSとHTMLを例にします。 <style> #container { width: 200px; background: #ddd; } .box { width: 25px; margin: 10px; paddi
[PHP] 配列からCSVを作成しダウンロード
DBなどからデータを引き出し、CSV形式でダウンロードさせることは往々にしてある。 ロジック自体はそこまで複雑じゃないので毎回書いてもいいが、 数が多いと面倒なので関数にしてしまう。 //link・・・http://mio-koduki.blogspot.com/2012/03/php-csv.html //第一引数・・・ダウンロードするときのファイル名 //第二引数・・・CSVにする配列（array(array(data1,data2),array(data1,data2))の2次元配列形式） //第三引数・・・ヘッダを付ける場合は配列を渡す（array(header1,header2)の配列形式） //返り値・・・なし function csv_download($file_name,$data,$header=null) { //ヘッダを付ける場合はarray(header1,hea
[JS]シンプルなHTMLでレスポンシブ対応のスライダーを実装する超軽量のスクリプト -Unslider
シンプルなHTMLでレスポンシブ対応のスライダーを実装する超軽量のjQueryのプラグインを紹介します。 デスクトップのキーボード操作やスマフォ・タブレットのスワイプ操作にも対応！ Unslider Unslider -GitHub Unsliderの特徴 Unsliderのデモ Unsliderの使い方 Unsliderの特徴 超軽量のオープンソース スクリプトは3KBと超軽量のオープンソースです。 実装は簡単でクリーン HTMLは非常にシンプルで、カスタマイズも容易です。 高さの調整 サイズに合わせて、スライダーの高さを自動調整します。 レスポンシブ対応 デスクトップ・タブレット・スマフォなど、さまざまなデバイスに対応。 キーボード操作の対応 キーボード（矢印キー）での操作をサポートします。 スワイプ操作の対応 jQuery.event.swipeをサポートしているので、スワイプ操作に
SEOだけで100万PVを集めるECサイトを作るために必須のWEB集客の基礎
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. サイトを作り込み、バッチリSEOも施したのに思ったようにアクセスが集まらない。 または、あらゆる対策を施して、やっとアクセスは集まるようになったけど、そこから売上がほとんど出ない。 もしくは、ECサイトへの集客の大半を、PPCで大金を費やして集めていて、売上数字は出ているけど、実情は赤字・・・。 あなたは、こういう悩みを抱えてはいないだろうか？ もし、そうだとしても、今からSEOやキーワードリサーチの基礎、そしてWEBコンテンツ作りの基礎を抑えて、一つずつ改善していくことで、驚くほどサイトのパフォーマンスを向上させることができる。 例えば、主にPPC広告に頼っていたアクセスを、SEOだけで無料で集めることができるし（しかも100万単位で！
Soul Breezin' 東日本大震災復興支援CD「あゆみ～しあわせへのプロローグ～／約束」特設ページ
イベントでの販売の他に 宮城県大河原町のショッピングモールフォルテの1階「ミュージックショップ スマイル」さんにて販売しております。 ■ミュージックショップ スマイル http://www.forte-sc.co.jp/shop/goods/musicshopsmile/ 楽天市場のショップ「BoomJapan」さんにて販売しております。 ■BoomJapan http://item.rakuten.co.jp/boomjapan/hironorisato_cd/ ご報告（2013年07月28日追記） CDをご購入頂いた皆様には心より感謝しております。 2013年7月26日に、CD1000枚分の支援金50万円を、CDをご購入頂いた皆様の温かな想いと共に、「宮城県石巻市立北上小学校」と「石巻市立橋浦保育所」と「石巻復興あゆみ隊」さんへお届けして参りました。 今後も他の地域の被災地の方々へ支援
MacBook Airの内蔵HDDを軽くしよう！全部やったら100GB以上空きができました！｜男子ハック
Mac小技・裏技・初心者iTunesに関連した小技・裏技・テクニックMacBook Airの内蔵HDDを軽くしよう！全部やったら100GB以上空きができました！2013年3月5日850 @JUNP_Nです。Macbook Airの内蔵HDDを軽くしてリフレッシュしたい！ということで色々やってみた結果、ディスク容量が100GB以上空きました！その方法をご紹介します。 不要なファイルやアプリは削除！溜まったキャッシュも削除！不要なデータファイル、不要な言語環境、不要なアプリ、そして溜まったキャッシュ。それらを持ち運ぶMacBook Airに入れているメリットは全くない！ ということでそれらを全部削除してやりました！ 以前はAppCleanerなどを利用してアプリの削除をしていましたが、Magicanというアプリを利用すればアプリだけでなく、キャッシュなども全て削除することができます。 参考：2
【ASP】Tableタグの行（ヘッダ）列固定を行うプラグインサンプルコード集【jQuery】
tableタグのヘッダ行・列固定の解決方法 過去に書いた記事 「GridViewヘッダ固定・列固定」 の続きです。 サイト紹介と逃げの回避策だけを書いて数年間放置してました。 が・・・ 「Gridview 固定」とかでググるとあまりにも上位に表示される自分の記事・・・ コメントも貰ったし、お粗末な状態で放置できないなぁと悩んだ結果 tableタグのヘッダと列固定を行う場合の解決方法を実装しておこうと考えました。 いくつか調べた結果、 tableタグの行列固定を行うにはスタイルシートかjQueryのプラグインが有名のようです。 今回は、jQueryを使ってお目当ての動きを実装しました。 jQueryのプラグインもいろいろあって、前回も2種類ほど書いてたのだけど 結果的には過去にはなかったプラグインで解決できました。 使ってみたプラグインは以下の3種類です。 ・SuperTables ・jqu
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ
平素より「PHPプロ！」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ！」ですが、サービスの利用状況を鑑みまして、2018年9月25日（火曜日）をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日（火曜日）を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック：ズルいデザイン（1）（1/2 ページ） デザインが自分でイイ感じに作れたらいいなあというプログラマのみなさん。少ない手間で簡単に、ちょっといい感じのデザインに見せるための、ちょっとした小ズルいTipsを紹介します Webプログラマ、Webエンジニアの皆さんが、個人で作るWebサービスやハッカソンなどで、短期間に集中してサービス開発してローンチしたいときに、もうちょっと自分でイイ感じにデザインできるといいなあという声をよく聞きます。 この企画は、そんなプログラマが、少ない手間で簡単に、ちょっといい感じのデザインに見せるための、ちょっとした小ズルいTipsを紹介します。 （注）このページでは、個々のデザイン要素を分かりやすく説明するために、実寸サイズより画像を拡大して使用しています。 ズルいデザインはSassとCompassを利用し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
宮田くんの渾身のWonderful Rush
Loading...
devtan.net
ザオウフラワー | 刈田郡蔵王町のお花屋さん
Xserverでの空メール実装について | PHPのQ&A【OKWave】
[PHP] エラーを表すクラスは、PEAR_Error. - SumiTomohiko's blog