15 Essential CSS Tools and Applications for Developers - Dezign Matterz
Cascading Style Sheets (CSS) can be considered as a style sheet language which is used for describing the presentation semantics (the look and formatting) of a document written in a markup language. It has been is widely used and popular amongst web developers over the world. CSS is mainly designed to enable the separation of document content (written in HTML or a similar markup language) from doc
メディア・パブ: 約80年続いた老舗雑誌「Newsweek」が紙の雑誌を廃止、来年からはデジタル版だけで
Newsweekの紙の雑誌が今年末に消えることになった。ニュース週刊誌として79年の歴史を誇るNewsweekが、プリント版の発行を止めることになった。米国では今年12月31日号がプリント版（紙の雑誌）の最後になる予定。来年からはタブレットなど向けのデジタル版だけとなる。 休刊することになった紙のNewsweek誌は、2001年に3,158,480人の定期購読者数を誇っていたのが、今年6月には約半分の 1,527,157人へと激減、年間4000万ドルの赤字を垂れ流している。 来年（2013年）からはデジタルだけのNewsweek Globalを世界共通編集版として発行する予定。主にタブレットなどのモバイル端末向けをターゲットとし、有料の定期購読サービスになりそう。 英国の有力新聞Guardianも、紙の新聞を止めてデジタル版だけにすべきかどうかの検討に入っている。来年はプリント版を廃止し、
知れば知るほど効率アップ！Macがメチャ便利になる小技31個まとめ – 和洋風KAI
ユーティリティ系小技 【Mac】Finderからフォトストリームにアクセスする方法。（1クリックでアクセスする方法を追記） Finderで写真を管理したいねん！って方にオススメのTips。便利です。 【Mac】今立ち上げているアプリ達をなるはやで「閉じる」ショートカットキーコンビネーション Macには一度にすべてのアプリケーションを閉じる方法はありません。しかしこの技を使えば結構あっという間に閉じることができます。「Qall」というアプリも便利です。 OS X Mountain LionはFnキーを2連打することでテキストの音声入力ができる OS X Mountain Lionの音声入力は割とデキる子です。 【Mac】ブラウザでもエディタでもなんでも一番上、一番下に一気にスクロールできるショートカットキー iPhone、iPadのステータスバータップに慣れた人にお勧めなTips。 【Wif
HTML Standard 日本語訳
4.8.4 画像4.8.4.1 導入4.8.4.1.1 アダプティブ画像4.8.4.2 source、imgおよびlink 要素の共通属性4.8.4.2.1 srcset共通属性4.8.4.2.2 size属性4.8.4.3 Processing model4.8.4.3.1 When to obtain images4.8.4.3.2 Reacting to DOM mutations4.8.4.3.3 The list of available images4.8.4.3.4 Decoding images4.8.4.3.5 Updating the image data4.8.4.3.6 Preparing an image for presentation4.8.4.3.7 Selecting an image source4.8.4.3.8 Creating a source s
Win8に最適化されたありえない動きの「IdeaPad YOGA13」、Lenovoが発表 【増田 @maskin】 | TechWave（テックウェーブ）
2012年1月に開催された北米の展示会「CES2012」で発表され話題となった、Lenovoの「IdeaPad YOGA13」が遂に発表された。 この端末は、米マイクロソフトの次期オペレーティングシステム「Windows 8」に最適化されたウルトラブックで、ディスプレイに10点タッチセンサーを装備し、PCとタブレットどちらのスタイルでも使用できるようになっている。 最大の目玉はディスプレイの動き。ノートパソコンで閉じた状態から360度、タブレットの形状にまで動かせるほか、途中どの角度でも使用することができるよう設計されている。 ノートPC、タブレット以外にも「テント」「スタンド」モード 「IdeaPad Yoga 13」のモードは以下の4種類。いずれのスタイルでも操作が可能だ。 【ノートブック】 普通のパソコンとして使用するにはやはりこれが一番。タッチパネルなので操作性の面でアドバンテージ
地味すぎて気づかれにくい日本語の変化 - アスペ日記
日本語の変化というと、「的を得る」とか人気ですよね。 「的を射る」が正しい！とドヤ顔して、ちょっとした満足感を得るのにお手軽です。 しかし、日本語の変化というのは意外と地味なところで起きていたりします。 いくつか書いてみます。 1. 「す」から「せる」へ 金融界を揺るがせている 将来に思いを巡らせる 五感を研ぎ澄ませて楽しむ 名刺を切らせてしまった これらの表現に違和感があるでしょうか。 まったくないという人もいるかもしれません。 しかし、「揺るがせる」「巡らせる」等は、辞書を見てもないことが多いのです。 辞書には、「揺るがす」「巡らす」として載っています。 「揺るがす」のほうは、「す」という使役形を含んでいます。 これは、元々は下二段活用（否定は「せず」）だったのが、下二段活用がなくなるとともに、五段の「す」（否定は「さない」）と下一段の「せる」（否定は「せない」）に分かれた片割れです。
Googleのデータセンターが公開されるｗｗｗ凄過ぎワロタｗｗｗｗｗｗｗ 世界よ、これがインターネットだ！:ハムスター速報
TOP > 星５ > Googleのデータセンターが公開されるｗｗｗ凄過ぎワロタｗｗｗｗｗｗｗ 世界よ、これがインターネットだ！ Tweet カテゴリ星５ 0 ：ハムスター２ちゃんねる 2012年10月18日 12:10 ID：hamusoku 1 2 2 :ﾊﾑｽﾀｰちゃんねる2012年10月18日 12:07 ID：C1vwcri7O かっけぇ。整理されきっとる 4 :ﾊﾑｽﾀｰちゃんねる2012年10月18日 12:07 ID：Ws9.w8I.O すげー、SFかと 6 :ハムスター名無し2012年10月18日 12:07 ID：IYq5VUAu0 なんかもう異世界 7 :ハムスター名無し2012年10月18日 12:07 ID：4BoE8Tmj0 え、未来都市？ ってくらいすごいわ 8 :ハムスター名無し2012年10月18日 12:07 ID：ifv6Qv4o0 うひょょおおおおお
ヒットコンテンツを生み出すには「過去との比較」を徹底的にやろう～Webビジネス論 | ライフハッカー・ジャパン
本エントリーの著者・石田麻琴氏（@m_ishida）は、ネットショッピング運営の現場で得た知識を生かし人材育成についての講座などを行うコンサルタントです。そのウェブマーケティングについての実践的な理論を紹介します。（編集部） 前回の記事で紹介したのは、「ヒットコンテンツを作り出すことがブランドの認知に繋がる」という原理原則した。それでは、そもそもヒットコンテンツを作るにはどうすればいいのでしょうか？■ ヒントは「過去の成果との比較」にしかない ヒットコンテンツの作り方、正直それは誰も分かりません。インターネット上では「これをやれば成功する」というような甘い言葉もしばしば目にしますが、教わるだけで簡単に成果が出るならば誰も苦労はしないでしょう。 そして、ヒットコンテンツの「ヒット」がどれくらいの成功を意味するのか。その基準も非常に分かりづらいです。他社の成功事例は、結局あまり役に立ちません。
納品をスムーズにする為のポイント。 / Maka-Veli .com
僕はある会社でディレクターを担当しているのですが、月に数本、何かしら納品しています。時にはリニューアルだったり、時には部分的だったり、時には新規構築だったり。そして、時には制作をしたり、時には外注さんへの指示出しだったり、スケジュール管理だったり、大体の事を噛んできます。その都度、様々な方々と一緒にプロジェクトを進め、色んな部分を調整するのですが、納品を行うには色んな困難があります。「依頼のあった物を作り、納品する」一見シンプルですが、本当に難しいです。 今回は「納品」についてのお話し。 納品時ではなく、いかに納品までスムーズに持っていけるか、という点についての1つのポイントです。 とにかく納品を成功させるには・・・ 1に納得感。2に背景。 単純に「クオリティの高さ」もありますが、先方（担当者）の納得感は私たちが考える一般的なクオリティとは少し違った視点で存在する事も多いです。例え
Googleが10月29日に“Android関係の”記者発表 Windows Phone 8と同日に
米Googleが10月29日にニューヨークで記者発表イベントを開催する。招待状を受け取った複数の米メディアが伝えた。招待状には「Androidイベントにようこそ。遊び場はオープンしています」とだけあり、Android関連のイベントであることしか分からない。 同日には、米Microsoftがサンフランシスコで「Windows Phone 8に会おう」と題した記者イベントを開催する。また、米Appleは23日にサンノゼでの記者発表を予定している。こちらは「iPad mini」と呼ばれてきた小型タブレットが登場するとみられている。 Googleは4代目になるオリジナルスマートフォンを準備しているとうわさされており、29日の発表ではこの新Nexus端末が披露されるとみられる。この端末は韓国LG Electronicsが製造し、Optimus Gをベースにした4.7インチ（解像度：768×1280）
藤田晋『楽観と悲観と誤解』
１０月から投資育成業（VC事業）の担当役員を 西條から私が引き継ぎました。 元々ＶＣ事業は私が始めた経緯もあるので 久しぶりにやる気を出しているものの、 如何せん自分がAmebaにて目下投資育成中 につき、まだ手が回っていなかったのですが、 昨晩サイバーエージェント・ベンチャーズ社長 の田島さんと中国法人ＣＥＯの北川さんと、 食事しながら今後について話し合いました。 その中で、現在のスマホ市場についての 見解も話し合ったのですが、 ネットバブル、ブロードバンド、Web２．０など のブームを通じて、過去幾度となく 同じパターンで繰り返してきた 市場の楽観と悲観の中で、 今現在はどういう状況にあるのでしょうか。 大きな変化が起きて、新しい成長機会が 産まれると、そこに投資が集まります。 そこに連動するかのように、人材が集まり、 メディアに注目され、一気に市場の期待値 が高まり盛り上がります。
Re: WordPress使いならこれだけはやっておきたい本当のセキュリティ対策10項目
8. 管理画面にIP制限をかける wp-adminとwp-login.phpにアクセスできるホストを信頼できるIPアドレスのみに制限する方法です。たとえパスワードがそのまま外部に流出したとしても、社外から管理画面に入ることができなくする対策です。ただ、これは自由にログインさせるコミュニティサイトでは無理ですし、そうでない場合でも利便性が低下しますので、ケース・バイ・ケースで行うべき対策でしょう。 via.WordPress使いならこれだけはやっておきたい本当のセキュリティ対策10項目 惜しい、非常に惜しい。 セキュリティ対策としては良いんですが、これやっちゃうと一部のプラグインが動作しなくなったりしてハマりポイントになる可能性があります。 WordPress で Ajax を実装するためには、以下のような手法が良く用いられます。 add_action('wp_ajax_example',
WordPress使いならこれだけはやっておきたい本当のセキュリティ対策10項目
どうも、ブルーです。秋ですね。 季節がめぐるごとに「WordPressがクラックされたので、セキュリティ対策について調べてみました」的なブログ記事がソーシャル上で出まわり、そのたびにWordPressを扱うデベロッパー層が「また無意味な対策がはてブされてる…」と嘆くのが恒例行事のようになっております。例えば… 「WordPressのバージョンを隠す」 「データベースのプレフィクスを変更する」 「サブディレクトリーにインストールする」 うん、気休め程度かな… 「2年以上放置されている怪しげなセキュリティ対策プラグインを入れる」 そっちのほうがこええよ！ 「サーバーのディレクトリー一覧の非表示」 それ見えちゃってるサーバー管理者では、何しても不安だよ！ とはいえ、そう思いつつも「これが決定版だ！」的な記事を書くのは勇気がいるものです。特にセキュリティ業界は怖いお兄さんが多…うわ何をするやめr
ネットで学べ！無料でトップレベルの学習ができる６つの独学サイト
今回はウェブ上で学ぶことができる学習サイト・学習サービスを厳選してご紹介します。 全て無料で利用することができるので、興味のある講座があれば空いた時間に学んでみましょう！ 学習欲を刺激する良質な６つの独学サービス YouTube EDUで世界の講義を聴こう！ EDU - YouTube 「YouTube EDU」は大学講義などの動画を閲覧できるサービスです。 世界のトップレベルの講義・講座を聞くことができますよ！ 東京大学の講義ビデオ・ノートまとめ 東京大学 講義 UT OpenCourseWare あの東京大学の講義ビデオや講義ノートが公開されているので、東大に入学した気分で良質な講義を聞くことができます。 学科名・研究科名、講義名、先生の名前から検索できるのも便利。 京都大学の講義まとめ 京都大学OCWへようこそ 京都大学の講義を閲覧することができます。 世界の京大がやる講義はやっぱり
48万人フォロワーを持つ@NHK_PRの広報戦略とは - AdverTimes.（アドタイ） by 宣伝会議
NHKの公式アカウントでありながら、そのイメージと異なる独特の“ゆるい”ツイートで人気の＠NHK_PR。その中の人（NHK_PR1号）は、「ツイッター空間は、いわばネット上の大教室。クラスの中で視聴者の“友だち”をつくり、NHKについて一緒に考えてもらえたら」と活用の理由を語る（広報会議11月号より）。 巨大な教室で友だちづくり NHK_PRは2009年、誰の許可を得ることもなく“勝手に”ツイートを始めた（現在は公式アカウント）。所属する広報局では番組宣伝のためのPR映像やポスターづくりなどを行っているが、もっと直接生活者に働きかける広報活動が必要ではないかと考えたためだ。「自らがメディアということもあり、つくったものを“一方的に”流す宣伝手法を長くとってきました。でも、それは広報活動の一つのやり方でしかありません」。NHKを知らない人はいない。しかし、放送局としては堅いイメージを持たれが
HTML5 × CSS3 × jQueryを真面目に勉強 – #6 パララックスエフェクトの基本 | DevelopersIO
そんな訳で、パララックス・スクロールについて少し学んでみたので、超初心者向け（※自分含む）のサンプルをいくつか紹介していきたいと思います。 はじめに - パララックスエフェクトについて パララックス（parallax）を直訳すると視差です。視差効果とは、視界が移動する際に各物体がそれぞれ異なったスピードでスクロールすることで、奥行き間をはじめとした視覚効果を指します。 アニメーションの世界ではディ○ニー映画で古くから使われていたり、ビデオゲームにおいても横スクロールアクションのゲームなどで昔から使われています。 JavaScript（jQuery）でパララックスエフェクト 1 | スクロール値を取得 どれだけスクロールしたかという値を取得します。これだけではまだパララックスも何もありませんが、全てはここから始まるのです。 $(function() { $(window).scroll(fu
Developers.IO
EVENT【7/5（金）札幌】DevelopersIO 2024 SAPPORO Business Lab #devio2024
[CSS]画像を使用しないで、紙テープを折り返したようにするスタイルシート
<textarea name="code" class="html" cols="60" rows="5"> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>CSS Shapes</title> <!--[if IE]> <style> .arrow { top: 100%; } </style> <![endif]--> </head> <body> <div id="container"> <h1> My Heading <span class="arrow"></span> </h1> </div> </body> </html> </textarea>
これは便利！Googleの画像検索で透過画像を見つけ出す -Alpha Finder
Alpha Finder Alpha Finderのインストール Alpha Finderの使い方 Alpha Finderのインストール Alpha Finderのインストールは簡単で、下記ページにChromeでアクセスし機能拡張をインストールしてください。 Chrome ウェブストア - Alpha Finder インストールが完了したら、Googleの画像検索へアクセス！ Google 画像検索 「.com」にアクセスしてください。 「.co.jp」では利用できません。画像の検索自体はどちらも同じだと思います。 Alpha Finderの使い方 ChromeでGoogle 画像検索にアクセスします。 とりあえず、「alpha」で画像検索。 目的の画像をホバーすると、拡大表示されます。
40 Fresh High-Quality Free Fonts For Your Designs » SmashingApps.com
by Akhter · October 17, 2012 40 Fresh High-Quality Free Fonts For Your Designs Fonts are crucial for any design and they play a huge role in the success of a design. This is the reason why every designer pays close attention when it comes to the selection of fonts for their designs. Right selection of fonts can also make your designs visually appealing and extraordinarily eye-catching. For today’s
IE10 Snap Mode and Responsive Design - Web Performance Consulting | TimKadlec.com
IE10 Snap Mode and Responsive Design October 17, 2012 # responsive microsoft Maximiliano Firtman has done an excellent job providing an overview of what to expect from IE10 in Windows 8, but I wanted to dig just a little deeper on one feature in particular. In Windows 8, there are two “modes” of use: Metro mode and classic mode. Metro mode sports the spiffy new UI while classic is the same old bor
箱と自分と飛躍する距離について
英語には Out of the Box という表現があります。 独創的、枠を超える、常識に捕われないという意味が込められています。箱の中に閉じこもらないで、自由に発想したいときに、こうした表現が使われることがあります。 ※ ちなみにソフトウェア分野で「out of the box」といえば、設定不要ですぐ使えるという意味で使われることがあります。 クリエイティブな仕事をしている人であれば、独創的でいたいと考えるでしょう。また、イノベーションは時には常識外れなアイデアが必要だと思う方もいるでしょう。私もそのひとりだったりするわけですが、いつも上手くいくわけではありません。 枠を超えることは良いことだと思います。しかし、箱から飛び出して、どれくらいジャンプするのかが難しいところです。「クリエイティブの翼を広げて、大きく羽ばたこう」「自分のやりたいと思うことを形にできる」と意気揚々とするわけです
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://cameran.in/
1216彩票-官网平台
「ガンダム駅」なぜできた アップル地図騒動の真相 - 日本経済新聞
http://zengrids.com/
TECH PROjin
ウェブ制作者に必ず役立つ！iOS, HTML5, CSS, jQuery, WordPress, .htaccessなどのチートシートのまとめ
SEO検索エンジン最適化チュートリアル
cmmntr.com
Enable Additional Buttons On Visual Editor