![http://www.hanako-no-blog.com/entry/2014/05/23/074259](https://cdn-ak-scissors.b.st-hatena.com/image/square/9f6cf80d2c28dd923b6dcdb88bff83b8d015691c/height=288;version=1;width=512/http%3A%2F%2Fimg.f.hatena.ne.jp%2Fimages%2Ffotolife%2Fh%2Fhana5521%2F20140522%2F20140522234050.gif)
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Webページの制作に携わったことがあるならCSSも扱ったことがあるだろう。当初は小さかったCSSファイルも、デザインの変更や調整を続けるうちに、どんどん大きくなっていき、簡単には全体を見渡すことができなくなる。既存のデザインが崩れたりパラメータ間の調整を取るため、既存のCSSには手を加えずに新しいスタイルを追加していくことになるため、ファイルはどんどん大きくなっていく。 こうした状況はCSSファイルのメンテナンスという観点からはあまり好ましいものとはいえない。編集を繰り返していくうちに、すでに使われなくなっているスタイルもあるだろう。そうしたスタイルはできれば削除した方が、ファイルの中身の見通しがよくなる。そんな場合に活用できるツールがThe David Walsh Blogの記事「uncss: Find Unused CSS」において紹介された。 紹介されているツールは「uncss」とい
2014年3月13日に東京地裁で行われた「黒子のバスケ」脅迫事件初公判で、渡辺博史被告が読み上げた冒頭意見陳述の全文をここに公開します。当初は月刊『創』の次号に掲載しようと考えていましたが、この事件について多くの人に考えてもらうために、全文を早く公開したほうがよいと思いました。 法廷では時間の関係で全文朗読されなかったのですが、読み上げなかった部分に重要な記述もあります。例えば、昨年、脅迫を受けた書店が次々と出版物を撤去していった時期の後に、被告は書店への放火を計画していたという内容です。実行前に被告は逮捕されたわけですが、これは実行されていたら、深刻な事態を引き起こしていたと思われます。 この公判の内容は新聞・テレビで報道されていますが、ごく一部のみ切り取って報じられているため、内容が正しく伝えられていない気がします。アベノミクスで景気回復などと庶民の実感と乖離したことが喧伝される一方で
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
簡単に作れる!みんな大好き可変グリッド 先日話題になっていた「なんだこれ!!「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ!!」で紹介されていたNHKスタジオパークのレスポンシブデザイン。 こちらのサイト、プラグインを使ってとてもシンプルに作られています。キレイ。このシンプルさを伝えたくてうずうずしてきました。せっかくうずうずしたのでどんな作り方をしているのかサンプルを交えて紹介します。 まずはこちらのデモを御覧ください。 凄まじくレスポンシブデザインなサイトデモ 使われているのはjQuery Masonryというプラグインだ! @planetofgoriさんのブログで紹介されているように、jQuery Masonryというプラグインが使われています。このプラグインたった数行でNHKのサイトのような可変グリッドレイアウトが作れてしまいます。可変グリッドのレイア
いわゆるレスポンシブ・ウェブデザイン、つまりメディアクエリーを採用した Web サイトを構築する際の一番管理しやすいと感じるコードの書き方をまとめました。ただし、あくまでも個人的な、経験から感じた意見ですので絶対ではありません。 CSS のコードの配置広く知られている方法はいくつかあります。 CSS ファイル自体を分ける方法 @media 規則で 1ファイル内にメディア特性単位に書く方法 @media 規則で 1ファイル内にパーツ単位で書く方法 それぞれをコードで表すなら以下の書き方が該当します。 方法1 : CSS ファイル自体を分ける方法この方法は管理が大変でおすすめできません。これでファイルごとコード分割されてしまったらコード検索しづらいわけです。 <link rel="stylesheet" href="desktop.css" media="(min-width:769px)">
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
自宅にあるパソコンの特定フォルダーと、出先にある別のパソコンの特定フォルダーの中身を自動的にFTP経由で同期しておくことができる無料のWindows対応オープンソースソフトが「FTPbox」です。SFTP・FTPSに対応しており、同期する間隔の秒数を指定したり、手動同期のみにすることも可能、さらに右クリックから公開用のURLを取得でき、加えてブラウザ経由でファイルの追加と削除をすることも可能となっています。 インストール、操作方法などは以下から。 FTPbox - File syncing on your own host http://ftpbox.org/ 上記サイトの「Download」をクリック。 ダウンロードしたインストーラーを起動。 「Next」をクリック 「Next」をクリック 「Next」をクリック 「Next」をクリック 「Close」をクリック デスクトップに作成された
php.jsはJavaScriptで作られたPHP VMです。PHPコードをJavaScriptに変換して実行します。 世の中には色々変わったことを考える人がいます。Webブラウザでデフォルトで実行できるプログラミング言語がJavaScriptだけなんて許しがたい、そう考えたPHPプログラマーが生み出したのがphp.jsです。その名の通り、PHPの実行エンジンをJavaScriptに実装したというとんでもないソフトウェアになります。 確かに実行できています。PHPのコードからJavaScriptに変換を行っているようです。 配列、クラスさらにvar_dumpまで実装されているのが興味深いです。 かなり突っ込んだPHPの処理もできている模様です。これは面白い。 ダブルクオートの中に変数を入れて普通に出力できているのが興味深いです。 php.jsではPHPのコードがそのまま実行できます(もちろ
はじめは今までと同じように、カンプを作ってからコーディング、というやり方でした。 しかし、そのやり方だとトラブルが多いんです、なぜか。 ブレイクポイントとかで揉めたりすることが多いです。 早い話が、いままでの制作のやり方は、レスポンシブWebデザインでは無理だということです。 allWebクリエイター塾の菊池 聡さんは、「レスポンシブWebデザインでは、いままでの仕事のやり方は通用しない。いずれはブラウザでデザインする時代がくる」と、某セミナーで言っていました。 実際、最近は、ブラウザでデザインする、いわゆる「インブラウザ・デザイン」で制作することが多くなってきています。最近は、ほぼ7割くらいです。 最近、久しぶりにFireworksでカンプを作りましたが、「以外とPhotoshopやFireworksでカンプを作るのが面倒だな」と感じました(ちょっといらついていたような気がするのは気のせ
sectionやarticleなどHTML5の新要素は、IEでDOMツリーが正しく構成されないという問題がある。 ■HTML例 <header> <hgroup> <h1>h1テキスト</h1> <h2>h2テキスト</h2> </hgroup> </header> ■正しいDOMツリー header ┗hgroup ┣h1 ┗h2 ■IEのDOMツリー header hgroup h1 h2 IEでは、上記のように4つの要素がすべて並列で構成されてしまう。 例えば以下のCSSの指定は、IEでは無効となる。 header hgroup h1{ color: #ff0000; } ■問題の回避方法 javascriptのdocument.createElement()メソッドを使いHTML5の新要素を新しく生成する。 (function(){ var els = ['section', 'a
こちらの記事のざっくりまとめです Google Finally Takes A Clear Stance On Mobile SEO Practices Official Google Webmaster Central Blog: Recommendations for building smartphone-optimized websites (モバイル・スマホという言葉が出ますが、基本どちらもスマホを指しています。) 結論から言うとレスポンシブデザインがSEO上はオススメ あくまでSEOの観点ですが、スマホにかぎらず様々な表示領域をもつデバイスに対応するため、レスポンシブデザイン(画面幅に合わせてレイアウトが変わる奴。)が適用できるならそれが一番いいとのこと。 ※レスポンシブデザインに関しては、日本ではまだ定着していないため賛否両論があるようですが、個人的には本気でやるなら有りかな
【画像】今年ハタチになった篠崎愛の顔とカラダがスゴすぎる Tweet 1:かばほ〜るφ ★:2012/08/07(火) 12:15:22.22 ID:???0 今年ハタチになった篠崎愛の「お・と・な」な顔とカラダがスゴすぎる [2012年08月07日] 人気アイドル・篠崎愛が、現在発売中の『週刊プレイボーイ』で普段とは違う雰囲気のグラビアに挑戦している。 篠崎愛といえば、幼さの残る愛らしい表情とB87W60H88のグラマラスなボディのアンバランスさが魅力の女のコ。カラフルな水着に身を包んだ元気いっぱいの姿を、これまで披露してきた。 だが今回のグラビアでは、彼女のトレードマークである笑顔は極力控えめ。水着もシックで落ち着いた感じのものが多い。可愛らしいというよりも、むしろ美しい印象だ。 続きは>>2-5あたりに 週プレNEWS http://wpb.shueisha.co.jp/2012/0
お久しぶりです しばらく日記も書かず、若手IT勉強会も開かず、他の勉強会にも参加せず。 めっきりIT界隈のアクティビティが下がっておりました。 それもこれも決して遊び惚けていたわけではなく、タイトルにありますように 「JavaScriptテクニックバイブル ~効率的な開発に役立つ150の技」という 書籍を執筆させていただきました。 ちょっと振り返り 4年前から細々と続けている若手IT勉強会では、その名の通り若手を中心として 主にJavaScriptを主テーマとして各種書籍を読んだり、コードリーディングを したり、時にはハッカソンをしたりと活動してきました。 その中で早期から若手IT勉強会に参加してくれていた、すがまさおさん(@sugamasao) の紹介で技評の方とお会いする機会を得ました。 そこからは一気に物事が進んで、若手IT勉強会のメンバーで今まで得た知識や Web上の各地に散らばっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く