先日、大阪まで日帰り旅行してきました。 私が大阪について知っていることといえば、阪神ファンが道頓堀に飛び込むことと『食い倒れのまち』という慣用句くらいのもの。 美食が過ぎて身を持ち崩すというならば、大阪の人はさぞ味にうるさいんだろうなぁ。そういえば、カップ麺の『どん兵衛』も関東と関西で味が違うって聞くしなぁ。 ということから、もしかしたら私の好きな食べ物不動の1位・ドーナツにもちょっとくらい違いがあるんじゃないだろうかと思い、ろくに観光もせずにドーナツばかり食べてきました。
WordPressにGoogle Mapsを貼り付けるためのプラグインを作りました。 WordPress › Simple Map « WordPress Plugins 会社概要のページなどに企業のお客さんが設置するのを想定していますので低機能ですが、とても簡単に使える上に、レスポンシブデザインのサイトとフレンドリーです。 このプラグインの特徴 [map addr="東京都千代田区永田町1-7"] または [map]東京都千代田区永田町1-7[/map] のように住所を指定するだけの簡単なショートコードで地図を設置することができます。 1つのページに複数のGoogle Mapを設置できます。 一定の横幅以下の環境(たとえばスマフォなど、デフォルトは480px以下)では、自動的にGoogle Static Mapsが表示されます。 フィルターフックが用意されてるので、柔軟なカスタマイズが可
「生きることの全てが仕事で、全てが日常!」暮らしのあらゆるシーンをデザインする「graf」 服部滋樹さんインタビュー [ハローライフなひとびと] 2013.09.03 ハローライフなひとびと ハローライフなひとびと ヘメンディンガー綾 ヘメンディンガー綾 「graf」代表 服部滋樹さん (C)スマスタ あなたにとって働くことと、生きることは同じことですか? 仕事と暮らしが矛盾なくひとつに重なっていたら、まさに生き生きと生きられる。 そんな気がしませんか? 「しあわせを感じながら働く人が、この場所からたくさん生まれるように」というコンセプトを掲げて、今年5月に大阪・本町にオープンしたお仕事ライブラリー「ハローライフ」とグリーンズがコラボレーションして、仕事と暮らしが重なり合うように生きる人々をインタビューする「ハローライフなひとびと」。 今日ご紹介するのは、大阪に拠点を置くクリエイティブ集団
画像基本はPNG8とJPEG、必要に応じてGIFを利用画像ファイルは基本的に、イラストなどはファイル容量が軽いためPNG8、写真はJPEGファイルを利用します。ただし、IE6以前で透過PNGが利用できないため、必要に応じてGIFを使い分けます。 HTML<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8" /> <meta name="keywords" content="ホームページ制作,東京" /> <meta name="description" content="東京世田谷のホームページ制作会社。「声」をテーマに、御社の顧客満足向上に貢献するWebサイト制作をお手伝いします。" /> <title>エイチツーオー・スペース[H2O Space.] | ちゃんとWebなホームページ制作会社(東京・世田谷)</title> <link
ノンプログラマーのための WordPress セキュリティ入門 2013/08/31 WordFes 2013 in Nagoya 宮内 隆行 @miya0001 http://bit.ly/wordfes 自己紹介 和歌山県の串本町というところから来ました! 実は愛知県の大府市出身です! プラグインを作って公式ディレクトリで公開しています。 http://profiles.wordpress.org/miyauchi このスライドは以下のプラグインで作りました。 http://firegoby.jp/wp/presenpress 今日のおはなし WordPressを安全に運用するための ノウハウについてお話します! プログラミングの話はしないです! 主にレンタルサーバーを想定したお話です。 初心者のみなさんを対象にしたお話です。 パーミッションのお話 なにはともあれ安全
ワードプレス10周年おめでとう!!クリエイター育成協会とKDDIウェブコミュニケーショングがお送りするワードプレスコンテスト,Decadeは10月1日から投票受付です!応募サイト WordPressで構築した日本国内サイト 実店舗サイト:飲食店、美容室、宿泊施設、医療、スクール等の実店舗サイト ECサイト:各種商材の販売サイト ※情報商材は除く ポータルサイト:地域情報や特定分野情報、コミュニティ等のポータルサイト 法人案内サイト:企業、教育機関、NPO等の案内サイト 個人サイト:個人で運営しているブログやサイト 応募資格 WordPressで構築された日本国内で運営されているWEBサイトやブログ。 募集開始時点で公開済みで、結果発表まで公開されていること。 個人、法人は問わず ※注意事項 公序良俗に反するサイトは対象外となります。 お問い合わせ DECADE!実行委員会 メール:info
Result jQuery $(function() { var secTopArr = new Array(); var moveFlug = false; var allHeight = $('body').outerHeight(true); var bgImg = new Array('#000','#eee', '#555', '#ccc', '#999'); ////各sectionの位置 $('div.section').each(function (i) { secTopArr[i] = $(this).offset().top; }); var current = -1; //現在位置がセクションの位置より大きい場合は背景切り替え $(window).scroll(function () { for (var i = secTopArr.length-1; i>=0; i
雑誌「HUgE」のエディトリアルディレクター、右近亨さん(2013年7月23日撮影)。(c)MODE PRESS/Ken Shimizu 【9月2日 MODE PRESS】この1~2年、多くの雑誌がファッションやカルチャーを基軸にするというよりも、ライフスタイル全般について広く取り上げるようになってきた潮流が見える。 ■ライフスタイル化する雑誌 2012年6月号にリニューアルをしたマガジンハウスの『ポパイ』が好調で、部数、広告共に大きく伸び、2013年3月15日発表の「雑誌大賞」の準グランプリを獲得した。それまでのファッション、特にラグジュアリーをメインにした方向性から大きく方向転換し、もっと地に足の着いたカジュアルな装いを軸に飲食や旅、読書など、創刊時の『ポパイ』が掲げていた“シティボーイ”という概念を今のライフスタイル全般に提案しているのが、リニューアル後の同誌の特徴だ。 ストリートフ
ハッシュタグへの参加や、アニメやゲームの関連ツイートなどTwitterのトレンドに登場するキーワードをちりばめながら、自社商品のPRや使い方をツイートするタニタの公式Twitterアカウント。現状、通常のツイートと商品関連ツイートの割合は9対1とする同社が、SNSに取り組むことで何を目指し、どのように役立てているのか。Twitter、Facebookの運営を統括する、タニタ ブランド統合室の鈴木潤氏にお話を聞いた。 10年後にユーザーになってもらう若年層に向け社長のトップダウンで開始 --Twitter、Facebookともに2011年に開始されていらっしゃいますが、元々のきっかけは。 ソーシャルメディアへの参加という意味では2008年にニコニコ動画の公式チャンネル 「Come Sta Channel(コメ・スタ チャンネル)」を開設したのがスタートです。このチャンネルでは、ストレッチやエ
ちょっと前に話題になっていた、YouTubeやGoogleマップやInstagramなどの ページ内に埋め込む際のURLや埋め込みコードを 簡単にレスポンシブ化してくれるサービス「embedresponsively.com」が 便利に使えそうだったので自分用メモとして紹介してみます。 embedresponsively.com 使い方は簡単で貼り付ける媒体を選択して 画面内の入力フォームに、動画ページのURLや埋め込みコードを入力して 「Embed」ボタンをクリックするだけ。 (入力するURLの内容は媒体によって違います。) クリック後は画面の下にレスポンシブ用のHTMLやCSSのコードが生成されるので それを張り付ければいいだけ。 実際にYouTubeでコードを生成した場合は以下のような画面になります。 手軽に使えることと、CSSでどの値をどのようにすればレスポンシブ化できるか、 といっ
デモページ:Dynamic content コンテンツはさりげないアニメーションで追加・削除されます。 Salvattoreの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <script src="js/salvattore.js"></script> Step 2: HTML HTMLは単にパネルを並列に配置するだけで、ラッパーに「data-columns」を加えます。 <div id="timeline" data-columns> <div>Item #1</div> <div>Item #2</div> <div>Item #3</div> <div>Item #4</div> <div>Item #5</div> </div> Step 3: CSS コラム数はスタイルシートで設定します。 レスポンシブ対応にするには、Media Querie
Compassで書き出すCSSファイルを軽量化する Compassは便利な半面、書き出されるCSSのサイズが非常に大きくなってしまうことがあります。設定を変更することで書き出されるCSSファイルの容量を削減することが可能です。 Step1.圧縮する コンパイル時に圧縮オプションを指定することで改行や空白を取り除いた形で書き出してくれます。config.rbに以下のコードを追加するだけで圧縮してくれます。 output_style = :compressed Step2.無駄なベンダープリフィックスを取り除く(ブラウザ別) CompassのCSS3ミックスインは便利な反面過剰なベンダープリフィックスをつけます。 Sassファイルの冒頭に以下のようなコードを追加することで「-o-」や「-ms-」、「-moz-」といったベンダープリフィックス付のプロパティが書き出されなくなります。Operaは現
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く