ノンデザイナーも必見！Twitter BootStrapの特徴と導入前に確認すべき事 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちわ。アートディレクター兼2児のパパ、長岡です。 毎回子どもネタですが、最近アンパンマンを指さして「パンパーンパン」とそれっぽい発音をしている息子を見て「こいつ可愛いな」と癒されています（笑） 屈託のない笑顔と持ち前のあどけない仕草で、保育園のマダムたちをイチコロ（表現が古い？）にしているそうです。将来がちょっと心配です・・・。 さて今回は、HTML5・CSS3・jQueryを使用したフロントエンドツールの王道「Twitter Bootstrap（※ver2.3.1）」のお話。 ※この記事を書いている最中にver3.0がリリースされました！（汗）後でゆっくり触ってみたいと思います。 ▲Twitter BootStrap ver2.3.1 Web制作者なら、一度は触れたことがあることと思います。 そのまま使ってみたり、カスタマイズして使ってみたり・・・。 使い方を間違えなければ、とても
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
中国のネット検閲システム「グレートファイアウォール」の仕組み - GIGAZINE
By yoshiffles 中国には「グレートファイアウォール」と呼ばれる中国政府に都合の悪い情報をブロックするネット検閲システムがあるのは周知の事実です。そんな検閲システムがどのように動いているのかがわかりやすくまとめられたインフォグラフィックがBackgroundCheck.orgの人々の手により作られています。 How the Great Firewall of China Works http://www.techinasia.com/great-firewall-china-works-infographic/ 2012年12月の報告によると、中国政府はインターネットユーザーが政治的に都合の悪い情報にアクセスできないよう継続的な取り組みを行っていて、グレートファイアウォール(金盾)はどんどんと強化されていっているとのこと。 ◆グレートファイアウォールとは何なのか？ 英略称でGFW
手動対策ビューア: ペナルティ状態をGoogleウェブマスターツールでチェック可能に
[対象: 全員] 手動による対策、いわゆる手動ペナルティが与えられているか、与えられている場合はどんな内容なのかをGoogleウェブマスターツールで確認できるようになりました。 日本語でもすでに利用可能です。 Googleウェブマスターツールでの確認方法 「手動による対策」ページヘは、ダッシュボードの「検索トラフィック」からアクセスできます。 手動の対策を受けていないサイト 手動の対策を受けていない場合は、「手動によるウェブスパム対策は見つかりませんでした。」というメッセージだけが表示されます。 通常はこの状態だろうし、この状態でなければいけませんね。 公式アナウンスによれば、Webスパムとして手動の対策を受けインデックス削除されたドメインは直近の分析では、総インデックスのなかの2%未満とのことです。 手動の対策を受けているサイト その2%に含まれている、ウェブスパムとして手動対応を受けて
WordPress利用者は至急確認を！ 19万5千サイトを改ざんしたボット「Stealrat」の感染確認方法
トレンドマイクロ社のセキュリティブログでWordPressなどのCMSの脆弱性を悪用するスパムボット「Stealrat」に関するエントリが公開されています。この記事によると、2013年4月～7月末で約19万5千ものサイトが「Stealrat」に感染し改ざんされたとのこと。 CMSの脆弱性を悪用するスパムボット「Stealrat」による感染を確認するには？ | トレンドマイクロ セキュリティ ブログ （ウイルス解析担当者による Trend Micro Security Blog） このスパムボットの運用状況を監視する過程で、弊社は、約19万5千もの改ざんされたドメインおよび IPアドレスを特定しました（期間：2013年4月～7月末）。これら改ざんサイトの共通点として、このスパムボットを操作するサイバー犯罪者は、脆弱性を抱える「コンテンツ管理システム（CMS）」を使用する Webサイトを悪用し
スクロールしてもブロックを固定位置に表示させられるjQueryプラグイン「Sticky-Kit」:phpspot開発日誌
スクロールしてもブロックを固定位置に表示させられるjQueryプラグイン「Sticky-Kit」 2013年08月08日- Sticky-Kit | jQuery plugin for sticky elements スクロールしてもブロックを固定位置に表示させられるjQueryプラグイン「Sticky-Kit」 スクロールしても、ナビゲーションは固定位置に表示させたいという場合があります。最近流行りですね。 かなり複雑なレイアウトであっても、簡単に要素を固定し、ユーザビリティ向上に繋げられるのは便利。 実際にこれを１からやろうとするとかなり大変ですが、jQueryプラグインのため、1行でサクッと実現できるあたりが素晴らしいです 関連エントリ アイテムをドラッグ＆ドロップで画面レイアウト出来るjQueryプラグイン「gridster.js」 ドラッグ＆ドロップで再編成できるPinteres
日本と世界の「レスポンシブWebデザイン」
マルチデバイス対応のWeb制作手法として注目を集める「レスポンシブWebデザイン」。ところが日本では「メディアクエリーを使ってスクリーンサイズごとにレイアウトを切り替えること」との誤解が広がっているようです。 レスポンシブWebデザインとよく似た手法である「アダプティブデザイン」との違いをみながら、レスポンシブWebデザインの本当の意味を考えてみましょう。 「デバイスに依存しない」レスポンシブWebデザイン レスポンシブWebデザインは、イーサン・マルコッテ（Ethan Marcotte）氏が2010年5月にテックブログ「A List Apart」の記事で発表したマルチデバイスへの対応方法です（日本語訳記事）。発表から3年が経ち、日本でもよく知られる手法となりました。 マルコッテ氏が唱えるレスポンシブWebデザインは、「メディアクエリー」「フルードイメージ」「フルードグリッド」という3つの
複数のRSSフィードを高速でまとめる方法
クライアントさんからの依頼で、数十個のブログのRSSフィードをまとめて、日にち順にソートして記事をリスト表示するプログラムコードを書きました。 当初はYahoo!Pipesを利用していたのですが、フィード数が多すぎたのか、急にエラーを吐くようになってしまいました。そこで、フィード取得のコアの部分も一から作り直しました。 並列読み込みで高速化 数十個のRSSフィードを1から順に読み込んでいては、時間がかかりすぎてしまいます。こういうときは、PHPでは「cURL multi」を利用すると、複数のフィードを一気に並列で読み込むことが可能です。 フィードのURLリストを渡すとフィードの生データをすべて出力してくれる関数を見つけたので、ありがたくそのまま利用させて頂きました。関数の中身には深く触れず、ブラックボックス的に利用しています。 今回はhtmlリストで出力しました。jsonなどのデータ形式で
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
OS別世界スマートフォン出荷、IDCの調査でもAndroidが約8割に
米調査会社IDCは8月7日（現地時間）、2013年第2四半期（4～6月）のOS別世界スマートフォン出荷シェアを発表した。今回は、米Googleの「Android」と米Microsoftの「Windows Phone」の、それぞれのメーカー別内訳も公開した。 スマートフォンの総出荷台数は前年同期比51.3％増の2億3640万台。そのうちの79.3％に当たる1億8740万台がAndroid端末だった。米調査会社Strategy Analyticsの調査でも、Androidはスマートフォンの総出荷台数の約8割を占めている。 米AppleのiPhoneの出荷台数は前年同期比で20％増加したものの、AndroidおよびWindows Phoneの伸び率（Androidは73.5％、Windows Phoneは77.6％）が上回り、シェアを3.4ポイント落とした。Appleは昨年9月に「iPhone
【WordPress】WordPress 3.6 の変更点をまとめてみる | バシャログ。
こんにちは Latin です。 WordPress 3.6 日本語版が正式にリリースされましたね。 早速勉強がてら、少し触ってみました。 今回は実際にどこがどう変わったのか、簡単にまとめてみようかと思います。 デザイン 新しいデフォルトテーマ「twentythirteen」 モダンアートをイメージした新しい1カラムテーマ。 コンテンツによりフォーカスしたものになっていますね。 もちろんレスポンシブ対応。 フォントベースのアイコン「Genericons」 Webフォントベースのアイコンが用いられています。 Genericonsサイト http://genericons.com/ カスタマイズ 投稿フォーマットやセマンティックマークアップなど、最新のテーマ機能に対応。 WP 3.1以降に導入された投稿フォーマットは、カスタマイズに使う際のメタ情報（video や asideなど）の事を指します
[JS]スクロールしてもサイドバーなどの要素を貼り付けたように常に表示させるシンプル高性能超軽量スクリプト -Sticky-kit
ユーザーがスクロールした際、指定した要素をぴたっと貼り付けたように指定範囲に常に表示させるスティッキー用のjQueryのプラグインを紹介します。 実装は非常に工夫されており、シンプルかつ高性能、しかも1.8kの超軽量！ 一行の記述で、複数の要素を異なる範囲に表示させることもできます。 複数の要素を異なる範囲にも貼り付けたデモ Sticky-kitの使い方 実装は非常にシンプルで、簡単です。 Step 1: 外部ファイル head内にjquery.jsと当スクリプトを外部ファイルとして記述します。 <head> ... <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script type="text/javascript" src="/jquery.sticky-kit.js"></script> <
WordPress Popular Postsでサムネイル画像付き人気記事一覧の表示方法
「WordPress Popular Posts」プラグインの特徴 このプラグインは自分のブログの全記事の「ページビュー数」（読まれたページ数）や「コメント数」をほぼリアルタイムで自動的に記録していきます。Google Analyticsなども不要です。 そして「ページビュー数」か「コメント数」の多い順に「人気記事」として記事下やサイドバーに指定した数だけ表示してくれます。もちろんリアルタイムで自動的に更新されます。 ブログへの訪問者たちは目についた人気記事に興味があれば、アクセスしてくれるかもしれません。そして何かの問題解決に役立つこともあるかもしれません。ブログ運営者にとっては1ページでもPVを増やせる導線の1つにもなります。 インストール・導入方法 WordPress管理画面の左メニュー「プラグイン」の「新規追加」から「WordPress Popular Posts」を検索。インスト
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
ウェブ業界で流行しているフラットデザインの利点と欠点
Windows 8のUIやGoogleのアイコン、Appleの新しいiOS7、さらにはFirefox 23のアイコンにまで使われているフラットデザイン。そんなフラットデザインがインターネット上で流行しているのかどうか、このデザインの特長は一体どういった点なのか、ということを実際にウェブ業界で働くプロ100人に対して調査したレポートが公開されています。 Flat Web Design Is Here To Stay - The Usabilla Blog http://blog.usabilla.com/flat-web-design-is-here-to-stay/ 調査はウェブ業界で働くプロフェッショナル100人に対して行われました。調査対象者の職業は以下の通りで、ウェブ業界で働く人々をまんべんなく調査しています。 調査の参加者にフラットデザインについて最初に思い浮かぶ単語を尋ねると、以
これは衝撃的！CSS開発を爆速化する「Emmet LiveStyle」:phpspot開発日誌
Emmet LiveStyle ? live bi-directional CSS edit of new generation CSS開発を爆速化する「Emmet LiveStyle」。 ブラウザのDOMインスペクタの方でCSSを修正するとSublimeTextに反映され、またSublimeTextを編集するとブラウザに即反映されるというプラグインです。 ブラウザで編集しちゃえば簡単にカスタマイズはできるけど、テキストエディタにコピーが必要で、逆にテキストエディタで書くのもブラウザのリロードが必要といった具合に手間がかかりますが、その手間がなくなります 更に、複数のブラウザウィンドウに即座に反映されるため、横幅を小さくしたブラウザ、通常のブラウザを開けば、レスポンシブデザインのプレビューが同時に終わります。 片方のブラウザのDOMインスペクタでCSSをカスタマイズしてももう一方のブラウザ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
