Site is undergoing maintenanceSite will be available soon. Thank you for your patience!
WordPressでFacebookからのアクセス数を簡単に増やすための3つの設定手順|シェア時の画像サイズを3倍にしよう！ « 株式会社ガイアックス
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
第4回：ネット広告の費用対効果を100%確実に上げる最強の『カンニングシート』 - D2Cニュース
“加藤公一レオ”の「広告業界的ぶっちゃけ話」 通販王国と言われる九州で、一貫してダイレクトマーケティング型ネット広告に従事し、ネット広告の第一人者と言われる株式会社売れるネット広告社の加藤公一レオ氏の広告業界的“辛口コラム” あけおめ！ことよろ！ いや～、2013年が始まりましたね～。 今年も良い年にしていきましょう～♪ さて、今年一発目コラムのネタは、ズバリ「ネット広告の費用対効果を100%確実に上げる最強の『カンニングシート』である。 そう【カンニングシート】だ！ 私、加藤公一レオはこの10年間であらゆる通販企業（広告主）から累計で“100億円”以上の広告費をお預かりして、“何百回”のスプリットランテスト（A/Bテスト）を繰り返し、ネット広告の仕組み（クリエイティブ・システム・CRM等）全てを『最適化』してきた。 ネット広告の費用対効果を上げる数多くノウハウを発見してきた。（そのノウハ
Bootstrap
Introducing Google Bootstrap. Need reasons to love Google Bootstrap? Look no further. By nerds, for nerds. Forked from Twitter Bootstrap, built by todc, Google Bootstrap utilizes LESS CSS, is compiled via Node, and is managed through GitHub to help nerds do awesome stuff on the web. Made for everyone. Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as I
それなりに稼ぐアフィリエイトサイトが完成するまでの全手順 - がん保険や医療保険のサイト | アフィリエイト野郎！
先週、このブログでもお披露目した「がん保険のアフィリエイトサイト」ですが、今回は、サイトの作成過程を記録して記事にしようと思っていたので、所々でサイトをキャプチャしておきました。 過去にアフィリエイトサイトの作り方については何度か書いていおり、基本的には、今でもアフィリエイトサイトの作り方【2012版】で書いたとおりに作っているのですが、デザイン込みの作り方を解説したことはなかったので、今回はなるべく詳細に書いていきたいと思います。 今回サンプルとして使うのは、「 はじめてガン保険」というサイトです。このサイトを見ながら解説を呼んでいくとわかりやすいと思います。なお、WordPressでサイトを作っています。途中WordPressの使い方については、解説が抜けるかもしれませんので、その際は、WordPressの使い方とカスタマイズをご覧ください。 あくまでサイトの作り方の手順ですので、アフ
無料すぎて助かった！WEB制作が「はかどる」素材まとめ
作成：2013/01/21 更新：2014/11/01 Web制作 > 無料素材のブックマークが無限に増えてきた そうだ！整理しよう 今回は一つ一つ紹介せず、すでに「素敵にまとめてあるサイト」をまとめました。まとめ系４８サイトのまとめです。 フォント、素材からレスポンシブ対応した初心者でもOKのWordPressテーマまで、全て無料です。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．日本語フリーフォント ２．海外のおしゃれなフリーフォント ３．国内の写真素材 ４．アイコン ５．ユニークな素材 ６．ベクター ７．Photoshop補助 ８．ワイヤーフレーム ９．レスポンシブなWordpressテーマ １０．スマホ用ページ テンプレート １．日本語フリーフォント 重複するのもありますが、以下のサイトでほとんどの無料系フリーフォントが揃うと思います。 201
2台のiPhoneを1台のパソコンで管理する方法 - RyoAnna
5年前の春、窓から桜の木が見えるアパートで私は彼女と同棲をはじめた。ショートカットの彼女は『東京ラブストーリー』の鈴木保奈美のように活発で、『モテキ』の長澤まさみのように可愛い女の子だった。 3年前の夏、スイカのタネを赤い唇につけながら、彼女が思い出したように言った。iPhoneが欲しい。私は少し嫌な予感がしたが、タネに気づかない彼女を愛おしく思い、出かける準備をした。 家には私のパソコンしかなかったので、1つのiTunesで2台のiPhoneを管理する事にした。Apple IDが違えば別々に同期できると思っていたのだが、彼女のiPhoneを繋いで通信が終わった後、青ざめた。私のアプリが彼女のiPhoneに転送されている。 写真や連絡先、SMSもコピーされているかもしれない。井川遥似の人妻と会っている事が知られたら、幸せな生活が終わる。私は慌ててiPhoneを工場出荷時に戻し、それから2年
WordPress のコアファイルで見つけたカッコイイ PHP コードの書き方・関数のまとめ
while ( $term = array_shift($terms) ) $_terms[] = $term->name; get_terms() in wp-includes/taxonomy.php タームオブジェクトの配列から必要な値（上記ではターム名）のみを配列に入れています。array_shift() でオブジェクトを順に取得しつつ while の条件式にしているところがカッコイイですね。カスタム投稿タイプオブジェクトを取得して slug => label の配列を作る時などにも便利な書き方です。WordPress Coding Standards 的に大丈夫なのかな？と思いましたがセーフみたいです。 試しに速度を計測してみたところ、普通に foreach でループさせた方が速かったです。このコはカッコだけでした、ぐぬぬ。 function __construct( $mana
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Web API 設計のベストプラクティス集 "Web API Design - Crafting Interfaces that Developers Love" - フリーフォーム フリークアウト
移転しました http://please-sleep.cou929.nu/20130121.html
こんな方法もあった！人気Facebookページは実践している、投稿をより多くの人に表示させるための【20個】のTIPS « 株式会社ガイアックス｜SNSマーケティング支援サービス
先日の平均リーチ率の調査記事でも紹介したように、2012年9月以降、Facebookページの平均リーチ率は下がっています。 皆さんが運営するページでは、1ウォール投稿のリーチ率が2012年9月以前に比べて50％以上さがったケースもあるのではないでしょうか？ ただ、リーチ率が全体的に下がる中でも運用の仕方次第で、数万人規模のページでも50％ほどのリーチ率を出す事も可能です。（ガイアックスでクライアント企業のFacebookのウォール運用支援をする中で実際に出せている数字です。） 今回の記事では、ignite social mediaさんで紹介されていた取り組みに解説を加え、参考になりそうな20個のTIPSをご紹介します。（特に【TIPS-1】ファンに「お知らせ」を受信してもらうはご存知ない方が大半ではないでしょうか。） 今回は皆さんのウォール運用でも活用してみて下さい。 ■目次 【ファンにな
less-css-mode - naoyaのはてなダイアリー
Pixate もそうですがこのところ LESS で css を書く機会が多いのでさぼっていた emacs での less-css-mode.el を導入。 インストール M-x list-packagesで ELPA から less-css-mode をインストール。less-css-mode は lessc コマンドがあると flymake で syntax check そのほかをしてくれるので % node -g install lessで入れておく。 設定 ;;; init.el (require 'less-css-mode) (setq exec-path (cons (expand-file-name "~/.nodebrew/current/bin") exec-path)) ; (setq less-css-compile-at-save t) ;; flymake (ad
web製作者向けチートシートまとめ - CHROMA
List Adobe関連 Illustrator Photoshop Fireworks Indesign Acrobat HTML,CSS HTML 文字実体参照 CSS HTML5+CSS3サポートブラウザ Canvas Haml,Sass Haml Sass Vim,Zencoding Vim Zencoding javascript/jQuery javascript jQuery UNIX 正規表現 検証ツール Firebug Chrome Developer Tool ブラウザ関連 Chrome Safari Firefox IE Mac 参考 アプリ・ツール Adobe関連(CS5-CS6) CS5と6のチートシート上げてるけど、adobe製品なら簡単にエクスポートできると思う。例えばfireworksなら、メニューバーから[Fireworks>ショートカット>現在のセット：
トレンドに振り回されない。デザインの考え方を等身大にまとめた本を書きました。
東京都でフリーランスデザイナーをしているイシジマミキのブログです。制作実績やその作り方とか。あと運営しているコワーキングスペース「こけむさズ」に関して。書評などのレビューもします。 1月29日に「スマートフォンデザインでラクするためには」という本を技術評論社さんにて書かせていただきました。 表紙カッコイイ！！！ いつも書いているブログ記事の豪華版 このブログではよく作ったアイコンやロゴ、Webサイトの製作過程を紹介しています。 なぜそれをするのかというとデザインでは「何を考え、どう決断し、どう表現したか」が大切だからです。 「スマートフォンデザインでラクするために」はその「何を考え、どう決断し、どう表現したか」をより掘り下げて232ページ、6万文字弱使って書いています。 いやー豪華ですねー。死ぬかと思った！ 画面に向かうな 「画面に向かうな」とはわたしがよく行うデザインの模索方法です。これ
サイトの配色がSEOとコンバージョンに影響を与える仕組み - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
以前、色とユーザー行動の関係に関する記事を紹介したことがありましたが、今回は色がSEO、さらにはコンバージョンに与える影響について掘り下げて考えた興味深い記事を。ウェブデザインやユーザー行動に知見が深いSEO業界の超ベテラン筆者が書いただけあり、参考になる点が多し。– SEO Japan SEOのエキスパートによって、検索エンジンフレンドリーなウェブサイトのデザインと言う用語に対する解釈は異なる。クローラビリティ – つまり、ウェブコンテンツが消費者向けの検索エンジンに確実にアクセスすることが可能なデザインを挙げる人もいれば、検索エンジンフレンドリーなデザインとは、インデクセーション – 要するにウェブページが検索エンジンのインデックスに確実に含まれるデザインを指すと主張するSEOのエキスパートもいる。 ユーザーフレンドリー（そして、サーチャーフレンドリー）な色の選定は、通常、技術力に長け
『StyleDoccoによるCSSスタイルガイドの導入』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして、アメーバ事業本部 teens事業部の谷です。業務ではフロントエンドデベロッパーとして、主にHTML/CSSの設計・実装をおこなっています。 今回は、以前斉藤が書いた「モバイル時代におけるCSSの設計と実装」という記事で触れられていたコンポーネントリストもといスタイルガイドについてのお話です。 スタイルガイドの事例と、スタイルガイドを生成するツール StyleDocco の紹介をします。スタイルガイドとは先の記事より引用すると、ページ上の部品（コンポーネント、モジュール）を集めたリスト、ページのことです。どれがコンポーネントで、どれがモジ
半歩先いくかっこいいエフェクトだけでなく実装にもこだわったCSSのフレームワーク -Maxmertkit
単独でも素敵なかっこいいエフェクトで十分なのに、それらが全部まとまって、更に実装方法にもこだわったオープンソースのCSSのフレームワークを紹介します。 ドラッグ&ドロップでさまざまなエレメントを表示します。 Maxmertkitの特徴 Maxmertkitのデモ：スタティック Maxmertkitのデモ：CSS3アニメーション Maxmertkitのデモ：ソーシャルメディア てっとり早くワクワクしたい人は、3つ目の「Maxmertkitのデモ：CSS3アニメーション」をご覧ください。 Maxmertkitの特徴 SASSベースのオープンソースのフレームワーク CSS3アニメーションを使った演出効果 他のフレームワークとかぶらないネームスペース デザイン（カラー・サイズ）変更はテーマで簡単 Creed Creed（主義）のページではMaxmertの主な特徴が解説されています。例えばコードの簡
知らないといつまでたってもHTMLとCSSが理解できない暗黙の仕様4つ
調べる。 備忘録としてwebやデザインについて調べたり 新しく知ったことなどを書き残していくカテゴリです。
UIデザインの参考になるサイトまとめ | ナナメウエblog
毎日仕事中と寝る前にチェックしてるUIの参考になるサイトをまとめました。 もう、見ているだけで涎が出ますね。 Dribbble – Following もはや知らない人はいないでしょう。世界中からハイレベルなデザインが集まるこのサイト。3時間に1回は見てます。 JAYPEG 日本版Dribbbleというとわかりやすいかもしれません。昨年末にできたばかりですが、すごく好きです。投稿しまくってます。自分で作ったUIを素材として公開してたりします。1時間に1回は見てます。 Inspired UI – mobile ui patterns カテゴリーが細かく分かれていて非常に嬉しいです。数も豊富で見やすいサイトです。 iOS Mobile Patterns カテゴリーがわかりやすく、マウスが拡大鏡になるので細部まで見ることができます。 iPad and iPhone Design Ins
ガーリー好きがお届けするガーリーデザインのポイント5つ ｜ Kana-Lier カナリエ
ブログがとってもガーリーだね、と嬉しいお言葉を頂くことが多いKanaです。 とっても可愛いガーリーなデザインは、作っていても見ていても幸せな気分になるので大好きです。 そんな私がガーリーデザインをする際、気をつけているポイントをご紹介します。 1.配色は甘く、優しく。スイーツのような彩りを。2.テクスチャを利用して、やわらかさや、素材感を加えてみる！3.パターンを使うだけでガーリーに！ストライプとドットが素敵！4.安定感よりも、繊細なイメージを意識する。5.かわいい小物をコラージュしたり、装飾を加えて、可愛らしさをアップ！ 1.配色は甘く、優しく。スイーツのような彩りを。 ガーリーデザインの配色を考えるときは、甘く優しい色使いを意識しています。 今ひとつピンと来ない時は、googleの画像検索でスイーツ、ケーキ、マカロン、アイスクリーム、ジェラート等を検索しイメージを沸かせます。 私が好き
フォームやボタン、テーブルなどの複数エレメントに対応したCSSフレームワーク・Maxmert
フォームやボタン、タブやテーブルなどなど、複数のエレメントに対応したCSSフレームワークのご紹介です。見た目も分かりやすくシンプルで、個人的にとっても好みだったのでメモも兼ねてご紹介します。 なかなか良さそうだったので。様々なUIをデザインするためのCSSフレームワークです。独特なclass名が他のフレームワクーに無い特徴、とのことです。 配布サイト上でマークアップも作り出せます。最初にエレメントをD&Dしてから色やサイズをエレメントにD&Dすれば変更され、右側にマークアップが表示されます。 ↑ フォームとかテーブルとか ↑ ボタンとかタブとか ↑ ラベルやらドロップダウンやら 他にもいろいろ。ライセンスは Apache License v2.0だそうです。 Maxmert
【2013年注目必至！なCSS仕様】CSSフィルタ、これはすごい！（デモ付き） | OpenWeb
以前から気になっていたCSSフィルタについて、ちょっと調べてみました。 結果、あまりにお手軽に、効果絶大なエフェクトをかけられることが判明して、ちょっと興奮しています。これはすごい！ CSSフィルタは、SVGで従来から規定されていたFilter Effectsを、CSSの世界に持ち込んだものです。 CSSとSVGのワーキンググループが共同して立ち上げたCSS-SVG Effects Task Force (FX TF)により、「Filter Effects 1.0」という仕様として策定が進められています。 この仕様によって新しく導入されるCSSプロパティはいくつかありますが、主なものはfilterプロパティです。 filterが素晴らしいのは、ぼかしやドロップシャドウといったエフェクトを、CSSのみで簡単に指定することができるからです。 例えば、要素にぼかしをかけたい場合は、以下のようなプ
PHPをよく知らずにWordPressを扱う人にぜひ読んでほしい電子書籍の紹介（著者インタビュー）
PHPをよく知らずにWordPressを扱う人にぜひ読んでほしい電子書籍の紹介（著者インタビュー） 2013.01.24 | インタビュー | 初心者向け どうもパープルです。最近、WordPressを仕事で扱う手前、最低限PHPのことも知っておく必要があるなと勉強を始めているのですが、その中でとても良い電子書籍をみつけましたので、その著者にインタビュー取材させていただきました。 WordPress3.5対応 テーマカスタマイズのためのPHP 内容： WordPress最新版3.5のデフォルトテーマであるTwentyTwelveの解説を通して、WordPressテーマカスタマイズに必要なPHPの基礎を学ぶ本。 PHPの解説の題材に、WordPressで出てくるものを取り上げ、WordPress学習者が読みすすめ易いよう工夫している。WordPress日本語版作成、Codex編集に関わってい
[CSS]h1一つだけでこんなにかわいいレトロ風リボンが実装できるスタイルシート
このレトロ風の凝ったデザインのリボン、HTMLはh1要素だけで実装されています。 余分なspan, div要素もなく、もちろん画像は一切使用されていません。 Single Element Pure CSS3 Double Fold Ribbon CSSはそれなりのボリュームになりますが、スタイルシートだけでデザインする見出しのバリエーションとしてストックしておきたいですね。 HTML HTMLは非常にシンプルです。 「contenteditable」はコンテンツの編集許可で、見出しのテキストを編集できます。 <h1>Single Element - Pure CSS3 - Type here...</h1> 外部スクリプト スタイルシートのベンダープレフィックスを自動で付与するために、外部スクリプトを使用します。 CSS スタイルシートにベンダープレフィックスを記述すれば上記のスクリプトは
最初に勤めたWeb制作会社で教えてもらったコンテンツの見やすさを作るポイント
最初に勤めたWeb制作会社で教えてもらったコンテンツの見やすさを作るポイント 2013/01/24 | カテゴリー: Creative | タグ: tips, 考え方 タイトルとURLをコピーする Tweet これについては色々な意見があるかと思いますがｗ デザイン未経験の私はそんな風に教えてもらいました。 デザイン途中で息抜きする際、 ぬわーっと入り込んでいたディスプレイから離れてみて、 「伝わりやすいように」というのを意識しながら、 俯瞰というかユーザー目線で見直してみるというのをやったりしてます。 1. タイトル コンテンツごとに、タイトル（見出し）を入れていくことによって、 文章にリズムが生まれ読みやすくなります。 タイトルも改行もなく、 ただただ文字が並んでいる文章を読むのは、 かなりのストレスです。 また、タイトルの装飾によって、 さらに見やすいページにすることが可能です。 2
HTML5 × CSS3 × jQueryを真面目に勉強 – #13 iOSのUITableViewをjQueryで作ってみた | DevelopersIO
HTML5 × CSS3 × jQueryを真面目に勉強 – #13 iOSのUITableViewをjQueryで作ってみた 2013年1月14日にjQuery Mobile 1.3.0 Betaがリリースされました。 Announcing jQuery Mobile 1.3.0 Beta jQuery Mobile 1.3.0 Betaの紹介記事はこちら。 AjQuery Mobile 1.3.0 Betaがリリース！変更点まとめ - へっぽこプログラマーの日記 弊社でもモバイルコンテンツの開発案件にて徐々に利用実績が積み重なっておりますが、初期ベータ版の頃より「なんで一向に実装されないのかなー…？」と僕がずっと手をこまねいて待ち続けている機能があります。 UI Table View風リスト iOS端末ではおなじみのリストビューです。 リスト項目をインデックスごとにグルーピングし、リス
jQuery 1.9.0 での変更箇所の自分なりのまとめ | 私的なjQuery他
jQuery 1.9.0 のリリースノートを読んで、自分なりにまとめました。 誤訳して間違ったことをまとめてる可能性も否定できないので 読まれる際はご注意下さい。（※ページをそのまま訳したわけではありません） 箇条書きにすると以下のような感じ： 1.9 と 2.0 について API の整理 .css([name1, name2, ...])で複数のプロパティの値を一度に取得可能に CSS3 のセレクタのサポート .finish()の導入 ソースマップのサポート 1.9 と 2.0 について jQuery 1.9 と 2.0 は同じ API を持ちます。しかし、2.0 の方は IE 6-8 のサポートを行いません。1.9 では引き続きサポート されます。そのため、IE 6-8 が自サイトの対象ブラウザに 入っている場合は 1.9 を使用することになります。 jQuery チームは 1.9 と
Instagram風のカメラアプリを作る際に参考にしたい·DLCImagePickerController MOONGIFT
DLCImagePickerControllerはInstagram風のライブフィルタを備えたカメラアプリです。 カメラアプリであるInstagramはとても人気があります。その最大の特徴と言えば、撮影した後のライブフィルターでしょう。そんなフィルタリングを実現できるライブラリがDLCImagePickerControllerです。 メイン画面です。Show pickerをタップします。 カメラで撮影します。 イフェクトが表示されました。下のアイコンで風合いを変更し、さらにぼかしなどを加えられます。 ぼかしを適用した白黒写真。 結果はカメラロールに保存されます。 四角くなった写真です。 DLCImagePickerControllerは撮影した直後にフィルタが表示されます。その中のアイコンから選択していけばその場でフィルタがかかって効果が確認できます。さらにぼかしを加えることもできます。カ
身につけておきたいWebサイト高速化テクニック #2｜検証ツールとそもそもHTTPって何だ編 | DevelopersIO
第1回のアジェンダ編では、高速化に関わる要因と解決策の全体像を紹介しました。 アジェンダ編にもかかわらず多くのブックマーク、シェアをいただきありがとうございます！ 余談ですが、記事にブックマーク、シェアをしていただくと、このブログでは執筆者に経験値がたまるような仕組みになっています。 たくさん経験値を貯めると四半期ごとに良いことがあるかもしれないので、気が向いたらこの他の執筆者の記事もシェアしていただけるとうれしいです。 言葉にせずとも、わかっていただけると思いますが、この記事も・・・ね？ 右上にあるボタンをちょちょっと。 本題 余談はさておき、本題に入りましょう。 今回は「無駄なリクエストとレスポンスの削減」に視点を置き、解決策について調査、計測して紹介してみたいと思います。 と思ったのですが、長くなりすぎたため、まずは「検証ツールとHTTPについて」紹介することにしました。 この記事の
Gmail設定方法
僕は18歳からGmailをメインのメールクライントとしてほぼ毎日使っている。今25歳なので7年間も使っていることになる。今回はこれまでに僕が学んだGmailの使い方の中でも、絶対におすすめしたい設定とテクニックを紹介したい。特にマルチ受信ボックス機能とフィルタを使い、受信ボックスをつねにゼロにする方法は、本当おすすめなのでぜひためしてほしい。 Google appsやGmailの受信ボックスのデザインはデフォルトだと以下になる。これから、このデザインの無駄をとりのぞいていく。無駄をとりのぞくことで重要なことに集中できるようになる。禅＝Zenの考え方だ。 まずは、「設定」メニューの「全般」タブを開き、いかのようにする。紹介することが多いので理由はあえて書かないが、質問があれば気軽にTwitter（@ryoma0421）かメール（ryomaアットzenstartup.jp）で聞いてほしい。 「
[JS]多彩なアニメーションを備えたスライドショーがスクリプトを一行も書かずに実装できるスクリプト -Cycle.js
スクリプトもスタイルシートも書かずに、多彩なアニメーションで画像がスライドするスライドショーを実装できるスクリプトを紹介します。 こういう実装方法がこれから増えてくるかもしれませんね。 Cycle.js Cycle.js -GitHub 対応ブラウザは下記の通り。 IE8+ Chrome Firefox Safari Opera TODOとして、ARIAのサポート、キーボード操作、IE7対応、エフェクトの追加を予定しているそうです。 いつもは、デモ、使い方、の順番で紹介していますが今回はデモと使い方を併せてご紹介。 Cycle.jsのセットアップ Cycle.jsのバリエーション Cycle.jsのセットアップ ベースとなるHTMLは非常にシンプルです。 スタイルシートをhead内に、スクリプトを</body>の上に外部ファイルとして記述します。 <title>Cycle.js</titl
中級者向け iOS デバッグ Tips - jarinosuke blog
導入 iOS 開発者のみなさん、こんにちは。 このブログでは主にチュートリアルだったりフレームワークの紹介みたいなことを書いてきました。 そこで、たまには中級者向けのエントリを書いて「Xcode バリバリ使って、ビシバシ Objective-C 書いてますよ」アピールします。 iOS 開発をはじめて一通り Framework は理解したけど Xcode 使いこなせてる感が足りない方、夢にまで EXC_BAD_ACCESS が出てくる方に参考になる記事となればと思います。 といっても Xcode はマッシブな IDE なので、4つのデバッグツールに分けて「あれ、それ知らなかった！便利じゃん！」な方法を紹介します。 ブレークポイント デバッグには切っても切れない関係ですね。アプリを実行中に指定した行で処理を中断し、そこからステップ実行で細かいデバッグを可能にしてくれます。 ショートカットキー
Ink - Interface Kit
Download 3.1.10 This file contains CSS, JavaScript and their minified versions, images, fonts and the cookbook. Download with source This file contains SASS and JavaScript source code, distribution versions and the build tools config files. Github If you prefer, head on to our github repository, fork the project and help us create an even better Ink. Responsive from the ground up Our grid system i
レスポンシブ対応のサイトをサクッと作れるフレームワーク『InK』 - H2O Blog.
InKは、超シンプルなレスポンシブ対応CSSフレームワークです。ダウンロードはこちらから。 InK - Interface Kit ダウンロードすると、CSSや画像、Webフォントなどがダウンロードされますが、これらが必要なければCDN経由でリンクするだけでも利用することができます。超シンプル。 <link rel=”stylesheet” href=”http://css.ink.sapo.pt/v1/css/ink.css”> 後は、利用したいパーツの class属性を付加するだけ。例えば、レスポンシブに対応したレイアウトをしたい場合は「ink-l33」という classを当てれば、33%の幅のコンテンツエリアを作ることができます。合わせて「ink-m50」という classも当てておけば、画面幅が狭くなったときは 50%の幅のコンテンツエリアにする（つまり、3つ横並びが2つ横並びに変
【iPhoneがダメな7つの理由 1】標準アプリを自由に入れ替えできない | あんどろいどスマート
【iPhoneがダメな7つの理由 1】標準アプリを自由に入れ替えできない2013年01月26日13時00分 公開カテゴリー: 便利化・快適化キーワード: アプリ, チップス, 特集 Short URL ツイート AndroidスマートフォンがiPhoneより優れている理由のその1は、メール内の住所をタップした際に使われるマップアプリなど、「標準アプリ」を自分で自由に変更できる、ということだ。 iOS6（iPhone5）に搭載されたApple製のマップアプリは、都心でもスカスカだったり、例の「パチンコガンダム駅」問題があったりで大不評だった。しかし、しばらくしてGoogleがiPhone用「Googleマップ」アプリをリリースしたから、これで地図問題は解決された……というような声もあるが、これはズレた話だ。iPhoneの最大の問題は、メールやカレンダー内の住所をタップしたときに起動される、標
鼻水・鼻づまり地獄から永久に解放されるための3つの方法 - 自分を変える、人生を変える！
2013-01-26 鼻水・鼻づまり地獄から永久に解放されるための3つの方法 鼻水・鼻づまり 鼻水・鼻づまりって、すごくつらいんですよね。私は幼児の頃からアレルギー性鼻炎でした。 鼻づまりで眠れなくて苦しんだ夜は数知れず。中学校のテストの時間、あまりにも鼻水が止まらないので、先生に許可をもらってティッシュの箱ごと机の上に置いてテストを受けていました。 右手にシャーペン、左手にティッシュ。問題を解く⇒鼻を拭く⇒問題を解く⇒鼻を拭く⇒問題を拭く⇒鼻を解く・・・と一生懸命頑張ってましたが、あれは本当につらかったです。鼻水出るとすごく体力使うんですよね・・・疲れるんです。しかし、当時は知らなかった鼻水・鼻づまり解消法が、今の私には分かっています。 そのおかげで、もう何年もアレルギー性鼻炎の症状が出ていません。 できれば学校で教えて欲しかった･･･。というわけで、今回はそんな鼻水・鼻づまり解
Putting CSS Clip to Work: Expanding Overlay Effect | Codrops
A tutorial about how to create a simple expanding overlay effect using the CSS clip property and CSS transitions. Our previous article, Understanding the CSS Clip Property by Hugo Giraudel offers a great overview of the CSS clip property and the rect() function. Today we want to explore the practical side of it a little bit more. We are going to create a neat and simple effect for revealing some e
深津貴之氏が語る、「fladdict流・使ってもらえるアプリのUIデザイン」 - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -
スマホコンテンツ市場が成長期、そして成熟期に向かうなかで、競合他社と差別化を図るための要素として、デザインの重要性が高まっているのではないだろうか？ ユーザーに心地よく使ってもらうためのデザイン、ユーザーがワクワクするようなデザインなど、スマホという独特のインタラクティブ性を持ったプラットフォームでは、今まで以上にUI、UCD、UXといった要素が大切になってきた。 そこで今回は、iPhoneアプリ「TiltShift Generator」や「SuperPopCam」など、先進的なデザインのアプリを企画、開発、設計まですべてひとりで担当し、生み出しつづける深津貴之氏から、fladdict流のUIデザインについて共有していただく。
![深津貴之氏が語る、「fladdict流・使ってもらえるアプリのUIデザイン」 - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -](https://cdn-ak-scissors.b.st-hatena.com/image/square/fca790190c506ea1816d8178f27433e67f2c6be6/height=288;version=1;width=512/https%3A%2F%2Fimgs.u-note.me%2Fnote%2Fcaption%2F950.jpg)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Twitter Bootstrap のCSSをコンテンツ部分のみに適用できるWordPressプラグインつくったー！ | Firegoby
CSSでボタンを手軽に作るなら「CSS Button Generator」が便利 | ライフハッカー・ジャパン
IDEA * IDEA
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
html5-memo.com
新着記事