2012年10月27日 著 Tim Kadlec氏著『Implementing Responsive Design: Building sites for an anywhere, everywhere web』を読み終えての覚え書き。 Allsop recognized that flexibility and unpredictability weren't things we should be struggling against. They are features, not bugs. They make the Web unique, and a much more powerful medium print has ever been. 12年前に書かれたJohnの名コラム『A Dao of Web Design』についての言及。しかし今なお同じことは繰り返し言い続ける必要

2. アジェンダ • CSS拡張言語のメリットとデメリット • CSS拡張言語の種類 • Sass,LESS,Stylusについて • Sassのインストール • 開発にするにあたって • Sassの機能 • まとめ 12年11月2日金曜日 3. CSS拡張言語を使うメリット • メンテナンス性の向上 - 冗長な記述の排除、再利用性のあるコード が書ける • 開発効率向上 - mixin,extend,関数,変数,ネスト 12年11月2日金曜日 4. CSS拡張言語を使うデメリット （注意点） • 独自記法の学習コスト • IE９のセレクタ数制限により陥りやすい （4095セレクタが制限） • クライアント側でCSS修正がはいる場合 は双方の確認が必要 12年11月2日金曜日 5. CSS拡張言語の種類 Sass LESS Stylus Ruby JavaScript Node.js Ru

ファイターズに流れかかったシリーズの流れでしたが、 ジァイアンツの大胆な選手起用がずばり適中し王手をかけましたね。 昨日の試合では明らかな誤審があり、 試合展開が大きく変わりました。 いくらプロの審判と言えども、 いつも完璧ではありません。 誰にでも間違いはありますし、 審判の判定は変わらないことは分かっています。 その事を承知で監督は抗議に出ているのですが、 あの栗山監督が猛抗議をするのですから、 明らかな誤審との確信があったのでしょう。 これまで栗山監督は審判に対して敬意払って来たことは、 衆知の事実ですし審判も十分に理解しているはずです。 私もこれまで抗議の場面に何度も遭遇して来ましたが、 私が感じている事は、 誤審の問題よりは監督に対して暴言を吐く審判がいる事です。 抗議で監督の暴言は退場になりますが、 審判からの暴言には何のペナルティもありません。 今年のベイスターズにも同じよう

Today, we have come up with a assortment of 18 best and detailed tutorials on CSS3 transitions and animations. CSS3 has made everything quite easier and more efficient. It has changed many older techniques of web development and has now made web development much faster, efficient and easier. With CSS3 transitions and animations, you can make the web development experience even better with all the

IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

WordPress is one of the best (if not the best) platforms to build a website on for SEO purposes. It’s so popular that even Google’s own Matt Cutts, head of Google’s Webspam Team, has recommended WordPress as a “great option” for building a website. Before we delve into how to optimize WordPress for SEO, let’s explore why WordPress is such a powerful platform by analyzing how Google ranks websites.

12月1日から25日まで1日に1つ、みんなで記事を投稿するAdvent Calendarの作成や管理をおこなうことができます。

Something went wrong. We've been notified of this error. Need help? Check out our Help Centre. Back I've lived in San Francisco for over 20 years now. At some point I decided to document the people, places and things I came across. This is what I've seen.

MS Office カテゴリ MS Office (107) 関連タグ Access (45) Excel (94) OfficeScripts (2) PowerPoint (8) Python (4) VBA (92) YouTube (7) イラスト (44) 入門 (38) Web カテゴリ Web (85) 関連タグ facebook (4) jQuery (10) linux (3) Photoshop (18) PHP (24) tips (22) twitter (10) WordPress (76) YouTube (7) アプリ (29) イラスト (44) デザイン (15) ブログ (39) 入門 (38) 分析 (20) Adobe カテゴリ Adobe (28) 関連タグ facebook (4) Fresco (2) Illustrator (8) JavaS

tableやtr、tdなどのテーブル関連のタグのdsiplayプロパティを変更することでデザインを変更します。 tableタグのdisplayの値はデフォルトではtable、tdやthタグはtable-cellといった具合ですが、この値をblockやlist-itemなど他の値に変えます。 @media only screen and (max-width:420px){ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-item; border: none; } ..... } Chrome、Safari、Firefox対応。 IEではTableのdisplayを変更しても表示は変わらないようなので非対応です。 条件分岐コメントを使ってIEにはメディアクエリを読ませないよ

こんにちは、中川です。 今回はJavaScriptで開発していると、うっかりハマってしまうちょっとした罠たちを紹介したいと思います。 JavaScriptでの開発経験者であれば、どれか一度はひっかかったことがあるのではないでしょうか？ String ●String#replace()は文字列指定では全部置き換えない 対象文字列を一括して置き換えたいなどでString#replace()を使いますが、 検索対象を文字列で指定してしまうと最初に一致した部分しか置換しません。

11月1日。新しい月になって、久々にこのMUSHIKAGO APPS MEMOをリニューアルしました。 せっかくなので、「Adobe Edge Web Fonts」を使って、このMUSHIKAGO APPS MEMOのブログタイトル部分を オシャレな感じに 特徴のあるフォントに変えてみようと思います。Adobe Edge Web Fonts、とりあえずどんなものか。 2012年9月24日に発表された Adobe Edgeツール＆サービス。その仲間の「Adobe Edge Web Fonts」を試してみます。 このMUSHIKAGO APPS MEMOのブログタイトル部分をこんな感じ↓にしてみようと思います。 ※このブログは、WordPress 3.4.2です。 といっても何かをインストールするわけではなく、 Adobe Edge Web Fonts に行って、フォントを選んで、ソースをコピ

ニューヨーク住人によるビジネス・観光・生活情報など。ご依頼・ご相談はお手数ですが下記「お問い合わせ」からメールでお願いします。 by NY_Liberty

元ウノウな@HIROCASTERでございませう。 それはそれは、ちょっとだけ昔の話、とても風変わりなウノウ株式会社というのがありました。 ウノウという会社の昔話をしたいと思います。 ウノウラボのラボブログ この会社がはじめた画期的な文化の1つは、ラボブログと呼ばれる在籍するエンジニアが直接技術情報をブログとして公開するというものだ。 今では業界各所でおこなわれていることだが、当時は在籍するエンジニアが顔と名前を出して、技術情報を惜しげもなく公開することに注目された。 このブログの読者も、当時はウノウラボのブログをよく読んでいた人もいるのではないだろうか。 ウノウの歴史ではかなり後半の2010年になるが、私もウノウラボを執筆できたことが嬉しかったです。 もちろん、ブログを書く時間も業務時間として認められていました。 勉強会で会場を提供するなどの取り組みなど、今となっては常識となりつつあるよう

Googleがパンダ・ペンギン等でSEO対策を強化するまで（つまり過去10年）、SEOは順位やトラフィック等、結果を出すことも求められると同時に価格が安いことも求められ、市場には（ワードサラダで作った）1000サイトからのリンク設置など質より量勝負の「格安SEOサービス」なるものが多数存在していました。最近のGoogleのアルゴリズムに対しては効果が出ない＆ペナルティのリスクさえあるわけですが、今も大手を振ってまかり通っているのが怖かったりもします。今回はそんな、お手軽すぎるSEO、そして最近重要視されているソーシャルメディアマーケティングの危険性についてまとめた記事をサーチエンジンランドから。 — SEO Japan 事実: 規模に関わらずあらゆる企業が、資金を節約することを望んでいる。 私もこの点は理解しているし、共感する。しかし、安価な道を選び、オンライン戦略で節約を試み – その後

スタートアップやアプリブームでプログラマー目指して勉強をしている人も多いことでしょう。最近はネット上に多数のプログラミングに関する情報が無料で提供されており、思い立ったその日から勉強を始められる良い時代になりました。とはいえ、どのサイトがおススメなんだろう、ということで今回はプログラミングの学習サイトを27集めた紹介した記事を。米国の人気サイトThe Next Webで先月一番人気だったリスト記事ですが、つまり英語版リソースですので、英語でもOK、グローバルで頑張りたいというあなたに。プログラマーとタイトルに書きましたが、スタートアップ向けの起業家コース等、様々なリソースが紹介されています。 — SEO Japan あなたが、キャリア転換をしてフルタイムのプログラマーになりたいにしろ、片手間にウェブサイトやアプリを作ってみたいにしろ、ただ単に自分のスキルに肉付けしたいだけにしろ、最近たくさ

SEO Japanの過去の人気記事に、とある起業家兼投資家が書いたプレゼンを成功させる15の秘訣という記事がありました。今回、同じくプレゼンを成功させる15の秘訣をコンテンツマーケティングの啓蒙家ジョー・ピュリッチが書き出した記事を。年間100回近くのプレゼンを行う筆者だけにその内容が気になります。また前回はどちらかというと少人数の相手向けの内容でしたが、今回の記事はセミナーやイベント等での多人数向けのプレゼンを意識した内容になっています。 — SEO Japan 私は、今年だけでも40回のスピーチと基調講演、さらに50回のウェビナーもしくはウェブキャストによるオンラインプレゼンテーションをする予定だ。2007年以来、私は、生もしくはオンラインで300回以上のプレゼンテーションをしてきた。 2010年スロベニアでの基調講演プレゼンテーションより さらに私は、この期間、他の人による1000も

エンジニアtypeは、各種エンジニアをはじめ「創る人たち」のキャリア形成に役立つ情報を発信する『＠type』のコンテンツです。

今の警察は、インターネット上の「悪意」についていけない【連載:えふしん⑧】 2012/11/01公開 藤川真一（えふしん） FA装置メーカー、Web制作のベンチャーを経て、2006年にpaperboy&co.へ。ショッピングモールサービスにプロデューサーとして携わるかたわら、2007年からモバイル端末向けのTwitterウェブサービス型クライアント『モバツイ』の開発・運営を個人で開始。2010年、想創社（現・マインドスコープ）を設立。2012年4月30日まで代表取締役社長を務める つい先日、救急車を呼んだ大学生に対して、消防本部側が「タクシーで行けますか？」と問い掛けている間に本人が死亡してしまった事件があった。 なぜそうなったのかは想像の域を超えないながらも、モンスター患者の問題や搬送に掛かるコストの問題か何かでムダに救急車を出動させないように、という個別最適のルールがあったことは想像に

電話やSMSの機能をWeb APIとして開発者向けに提供するスタートアップ企業・米Twilio（トゥイリオ）と（関連記事）、CPIブランドでホスティングサービスを展開するKDDIウェブコミュニケーションズが、10月31日、業務提携を発表した。Twilioのサービスは来春から国内向けに正式に開始され、KDDIウェブが独占販売する契約だ。 Web Professional編集部は両社の提携に先立ち、10月中旬、米TwilioのCEOであるジェフ・ローソンCEOにインタビューする機会を得た。Twilioの現状と日本市場での展開について話を聞いた。 AWSをお手本に電話をクラウド化 ――電話やSMSをAPIとして提供するTwilioのアイデアはどこから生まれたのか？ Twilioの創業以前、私はAmazon Web Services（AWS）で働いていた経験がある。AWSはハードウェアをクラウドA

こんにちは、データホテルでwebサイト開発を担当している松本です。 データホテルでは「インフラで世界を変える。」というスローガンのもと、まるで一流ホテルに滞在しているかのような質の高いデータセンターサービスをご提供しています。 今回はディレクターにとってもサーバーの知識を蓄えるのにぴったりなVPSについてご紹介します。 ディレクターにとって悩ましい存在のサーバー 仕事柄、ディレクターの方とお話をする機会も多いのですが、その際によく感じるのは、最新の技術やトレンドについては勉強されていても、それらを足元で支えるサーバーについては敬遠されている方が多い、ということです。しかしながら、サーバーがらみで大変な目にあったという経験を持っている方は予想以上に多いのではないでしょうか。 よく聞く失敗に、 サイト全体を別のサーバーに引っ越す場合などに、元のサーバーでは動いていたスクリプトが引越し先では上手

この記事は賞味期限切れです。（更新から1年が経過しています） JavaScriptユニットテスト一年生の私が、Nettuts+ のチュートリアルで知ったテストツール 「testem」のお陰で大変捗ったので是非お勧めしたく、ここで紹介してみます。 testem ってなに testem via GitHub : airportyh/testem Unit testing in Javascript can be tedious and painful, but Testem makes it so easy that you will actually want to write tests. 要するに、面倒なJSのユニットテストをより快適にしてみんなでハッピーにテスト書こうよ！というツールです。 testem自体はnode.jsベースで動作し、Jasmine/QUnit/Mochaに対応して

Google has officially recommended Responsive Web Design as their preferred method for building mobile websites. If you have a website or a blog, it is time that you seriously consider switching to a responsive design instead of maintaining a separate mobile-friendly (or tablet-friendly) website. One Design, Multiple ScreensIf you are new to the concept of Responsive Web Design (RWD), here’s a quic