Content-Length: 335972 | pFad | http://b.hatena.ne.jp/tomomi1122/
いちばん詳しい Sketch / XD / Figma / Studio の比較 〜6. まとめ｜平田 / U-NEXT
Sketch, XD, Figma, Studio を比較する連載記事の6番目です。今回で終わりです。 1. 導入と背景知識 2. 基本項目の比較 3. デザイン機能比較 4. シンボルとスタイル 5. プロトタイピングとコラボレーション 6. まとめ ◀イマココ 今回はまとめです。各ツールの総括と、補足的な情報、ここまで比較しての結論などを書きます。 各ツールの総括各ツールについて、特徴などの総括です。詳細はいままでのnoteでぜひ。 Sketch: ★ 歴史が長く、ユーザーも最多であるため、安定して使いやすく全体的な完成度が非常に高い。リファレンス・リソースもたくさんある ★ 大規模なUIドキュメントにも耐えうるすぐれた保守・管理性能を持つ ★ 複数人でSketchを使うならAbstractの導入がオススメ。VCS、コラボレーション、ハンドオフなど、運用面を劇的に改善してくれる
もうメモリ解放アプリはいらない！ターミナルからメモリ解放する方法 - あなたのスイッチを押すブログ
ターミナルからメモリを解放する方法 メモリを解放する手段として、メモリ解放アプリを利用している人も多いでしょう。私自身も利用しており、当ブログで紹介していた以下の記事は今も多くの方にご愛顧いただいています。 しかし、わざわざアプリをインストールせずとも、Macのデフォルトの機能を使ってメモリを解放することはできます。 そのためにはまず、「ターミナル」を起動します。アプリの一覧からでも良いですし、Spotlightから検索してもいいでしょう。 ターミナルを起動したら「sudo purge」と入力し、Enterキーを押します。 するとパスワードの入力を求められますので、Macを起動する際に入力するパスワードを記入します。 これで完了。見た目には特に変化が起こらないのでわかりにくいですが、この通りMacのメモリを解放することができます。 以上の操作で何をやっているかというと、メモリに残ったディス
文鳥社とカラスの社長のノート
大学にいかなくちゃいけないものですか。というようなことを、高校の頃に先生に聞いたことがあった。どんな答えが返ってきたかはよく覚えていない。それくらいには曖昧な回答だったのだと思う。今とは比べ物にならないくらいに無知だったので(今も無知なんだけど)、そんなものかと諦めて大学勉強をはじめた。受験勉強はゲームのようで割と楽しく進めることができた。 そんなわけで、早稲田大学の理工学部に入学した。大学時代について語れることはあまりに少ない。そこそこに勉強し、そこそこにアルバイトをし、そこそこに遊んだ。何かを成し遂げることもなく、自分の人生の中でも極めて微妙な時期だったことは間違いない。あまりに暇だったので、たくさんの本を読めたことは、とてもいいことだったと思っている。 結局、その大学でも自分のやるべきことを見つけることができず、その後東京大学の大学院までいくことになった。6年間も学生をしてしまい、そ
FacebookのOGP画像の仕様変更 キーワードは「1200px × 630px」と「PNG」 - OPTPiX Labs Blog
こんにちは、ウェブ担当の嶋です。2015年もどうぞよろしくお願いいたします。 さて、以前「OGPを設定して、Facebookでシェアした時の画像を大きく表示させる方法」というエントリーでFacebookでシェアした時に表示される画像の件を取り上げました。その後Facebookの仕様が変更され、画像の取り扱いが変わりましたので改めて整理してみたいと思います。キーワードは「1200px × 630px」、そして「PNG」です。 以前ご紹介した内容のおさらい 以前のエントリーでご紹介した物を簡単におさらいすると、下記のようになります。 推奨は「1200px × 630px」（縦横比 1.91:1） 最低でも「600px × 315px」 特定の条件で画像の中心部分が正方形にトリミングされる 特に最後の「正方形にトリミング」はPC用ページのタイムラインのみ適用されるという曲者で、対策として下記のよ
電車がどっちに行くのかパッとわかるようにしたい
電車がどっちに行くのかパッとわかるようにしたい 土地勘ないところで、知らない土地の名前で○○方面行きとか言われてもわかんない事が多いので、ざっくりとした行き先がわかるとよいですね time2015/12/06 hatenabookmark- 鉄道会社各位、知らないところに行くと、○○方面の○○が方角的にどっちなのか想像つかないことあるので、こんな感じに方角がなんとなくわかると嬉しいですね pic.twitter.com/FJnMWByBjz — Naoki Hashimoto (@hashcc) 2015, 12月 6 とつぶやいてみたら、そこそこ見てもらえたみたいなので記事にしておく。 僕は7年前に大阪から東京に来たんですが、東京の複雑な路線事情に、最初は結構苦労しました。土地勘無いと個別の土地名の知識がないのでどっち行くかわかんないんですよね。 まあ、それでむしゃくしゃして路線図を作っ
LPデザインの参考になるランディングページまとめサイト10選（日本・海外） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
最近DMM英会話をしている人のツイキャスを見るのが趣味のうららです。 LIGMOのセブヤンとナッツがツイキャス配信を始めたのですが、上司が苦戦しながら勉強している姿を見るとニヤニヤしますね。コメントでチャチャを入れるのが日課となりつつあります。みなさんもぜひチェックしてみてくださいね。 平日は毎日放送するよ！録画もしてるのでぜひ〜♡ 【平日20:00〜20:30】『TOEIC255点の挑戦 #セブヤン英語』@sebu_yan 【平日20:30〜21:00】『ナッツの #チャライングリッシュ 』 @nuts612 pic.twitter.com/QyVTuwWAvF — さえりぐ (@saeligood) 2015, 6月 25 さて、私は最近とあるランディングページ制作に関わりました。 （ちなみに、ランディングページとは1枚で商品やサービスを訴求するウェブページのことで、「LP」とも言いま
jQuery – CSSのclassを追加・削除する『 addClass() / removeClass() / toggleClass() 』 | 1：n – DETELU Blog
jQueryではCSSのclassを簡単に追加・削除することができます。classを操作する場合は『 addClass() / removeClass() / toggleClass() 』を使います。 //id=msgの要素にclass=redを追加する $("#msg").addClass("red"); //id=msgの要素のclass=redを削除する $("#msg").removeClass("red"); //id=msgの要素のclass=redがあれば削除、なければ追加する $("#msg").toggleClass("red"); 「addClass()」「removeClass()」は簡単かと思いますが、「toggleClass()」は指定したクラス名があれば削除、なければ追加するという「ONとOFFを切り替える仕組み（これをトグルといいます）」を持っています。 こ
【怖くないJavaScript + jQuery】デバイスに合わせて特定のタグを挿入する
Step1：まず下準備 こちらはいつもと同じです。まず必要なファイルを読み込みます。 headタグの中に、jQueryと、自分で作ったjsファイル（今回は device.js とします）を読み込みます。 <head> <script src="common/js/jquery.js" type="text/javascript"></script> <script src="common/js/device.js" type="text/javascript"></script> </head>
JavaScript : ブラウザ判定( IE11 対応 ) / edge を追加 : logical error
2017-11-18 更新 : edge を追加 ※ 前回投稿日 : 2014-10-02 ▼ 運営中サイトのブラウザ比率 IE11 の登場で少し変わりました(IE11 を一意に識別することが必要な場合があります。 その場合は、Trident トークンを使ってください) IEのシェアは大きいですが、実際問題として IE6、IE7、IE8、IE9、IE10 が存在します。IE 以外では Firefox と Google Chrome を少なくとも視野にいれる必要があります。( あと、Safari もあります ) そういえば、『Operaが独自路線を転換、ブラウザエンジンをWebKitに切り替え』 なんで、気苦労が少し減りますが、相変わらず IE は増える一方で・・・・ ちにみに、jQuery 1.9 では、$.browser は削除されています <script> function brows
知らなくて大丈夫？Fireworksの便利な使い方まとめ
学校ではPhotoshopを習っていたのに、 いざ働き始めるとFireworksだったということがあるかもしれません。 Fireworksでよく使う機能と便利な方法・技をまとめました。 基本的な使い方 文字設定／Fireworksで覚えておくと便利な文字設定まわりのTips 文字に線／Fireworksでできる文字装飾（縁取り編） 破線の書き方その1／【Fireworks】 ストロークを破線で描く 破線の書き方その2／Fireworksで破線をラインツールやペンツールを使わずに一瞬で描く方法 マスク／Fireworksで写真をマスクする方法 シンボルとライブラリ／こんなに簡単！？Fireworksシンボルとライブラリで楽々バナー管理！ - tomo_e memo フィルター／ライブフィルターによるエフェクトの作成 ドロップシャドウ／「Fireworks」で差がつくドロップシャドウの3つのコ
指定した要素をただただ上下に揺らすjQueryプラグイン
ソースは以下。 jQuery( function( $ ) { $.fn.yurayura = function( config ) { var obj = this; var i = 0; var defaults = { 'move' : 5, // 動く量 'duration' : 1000, // 移動にかける時間 'delay' : 0 // 両端で停止する時間 }; var setting = $.extend( defaults, config ); return obj.each( function() { ( function move() { i = i > 0 ? -1 : 1; var p = obj.position().top; $( obj ) .delay( setting.delay ) .animate( { top : p + i * setting.
2014年総まとめ、jQueryのプラグインとスクリプト100選
毎年末にjQueryのプラグインをまとめていましたが、今年はプラグインの他に単体で動作するスクリプトも加えて、jQueryのプラグインとスクリプトの総まとめとして記事にしました。 今年目立ったのは、去年から引き続きアニメーション系、縦長ページ用のスクリプトでしょうか。 1カラムのレイアウトが流行っているためか背景関連も充実していました。それとSVGをより簡単に利用できるようになったのも大きな目玉ですね。 また、jQueryに依存しない、単体で動作するスクリプトも多く開発されるようになったと思います。 背景関連 SVG関連 縦長ページ関連 スクロール連動・パララックス関連 その他スクロール操作・補助関連 レスポンシブ関連 ナビゲーション関連 レイアウト関連 コンテンツ生成関連 コンテンツ紹介・ツアー関連 スライダー・カルーセル関連 画像拡大・配置・キャプション関連 アニメーション関連 エフェ
jQueryを使った一定以上スクロールすると上に固定される横メニュー
最近、上部に固定された横メニューをよく見かけます。最初から一番上にあるものだと最初から「position:fixed」で問題ないと思いますが、最初は一番上にはなく、メニューがページの最上部までスクロールされた時点で固定されるものだとちょっと工夫が必要です。 今回はそんな横メニューをできるだけ親切に解説してみます。 今回のメインはjQueryで固定するところなのですが、一応今回のサンプルで使用したHTMLとCSSも解説します。 HTML よくあるタイプの普通のリストメニューです。 <div id="menu-wrap"> <ul id="menu"> <li><a href="#">メニュー</a></li> <li><a href="#">メニュー</a></li> <li><a href="#">メニュー</a></li> <li><a href="#">メニュー</a></li> <l
jQueryでスクロールすると表示する系いろいろ
jQueryでスクロールすると表示する系いろいろ 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 投稿日2012年03月08日 更新日2019年12月19日 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-decoration
jqueryを使ったフローティングメニューの作り方【簡易版】 | JoyArt Blog
先日時間がない中で、「ワァーーーッ」ってなりながら使ったフローティングメニューのコードなんですが、忘れないようにメモ残しときます。 HTMLやCSSはサンプルで、実際のお仕事で使ったコードではないのですが、 以下、CSS <style type="text/css"> #wrapper { width: 100%; text-align: center; } #content { margin: 0 auto; width: 980px; text-align: left; } #main { width: 660px; height: 1200px; text-align: center; background: #eeeeee; float: right; } #side { width: 300px; height: 360px; color: #ffffff; text-align
料金表をわかりやすくデザインするコツ。実例やレスポンシブ対応サンプルも！
2017年10月31日 CSS, Webデザイン, Wordpress サービスを提供しているWebサイトにとって大切なのが、各プラン内容とその料金。複数の選択肢がある場合、その違いがわかりにくかったら、ユーザーを困惑させてしまいます。今回はWebサービスのコンバージョンにも繋がる、わかりやすい料金表の作り方を考えてみたいと思います。 ↑私が10年以上利用している会計ソフト！ 料金表をデザインするときのポイント 1. プランの違いをわかりやすく まずは各プランのサービス内容と料金をわけることから始めましょう。各プランの名前を料金表の先頭において、ひと目でどのプランについてまとめているのかを認識できるようにします。プランをグレードアップするごとにプランの名前もランクが上がるよう命名しましょう。 よくあるプラン名： ブロンズ・シルバー・ゴールド・プラチナ マイクロ・スモール・ミディアム・ラージ
ソーメンチャンプルー！くっつかないで作る5つのコツ！と裏技！ | ひーじゃー通信
という目的です。 ぬめりが強いと、くっつく原因になりますし、 そうめんのモノにもよりますが、出来上がりが アブラ臭さを感じるものになってしまう場合があります。 冷やすのは、それ以上麺が茹でらないように するわけですね。「ぷっとぅるー」にならないように。 そうめんを洗う時は、流水をあてて 少し冷めてから、手で洗うようにしてください。 これは、火傷をしないように(笑) ということもありますが、 熱いうちに直接手で麺にさわると、 手のにおいなどが移ったりするからです。 ま、炒めますので、 そこまで気にしなくてもいいんですけど。 そして、ザルの中でぎゅっとして、 ソーメンの水けをしっかりと切ります。 そのまま放置しないでくださいね。 くっついてしまいますよ。 ぎゅっと水けを切った後は、 シーチキンをそうめんに絡めておきます。 これはシーチキンの油ごとです。 （油の量は調整してね。） 油を絡めておく
CVRを上げるためのバナー制作4つのポイント～Yahoo!ニュースアプリA/Bテスト事例からみえた「都道府県ニュース」の隠れた需要
CVRを上げるためのバナー制作4つのポイント～Yahoo!ニュースアプリA/Bテスト事例からみえた「都道府県ニュース」の隠れた需要 世のアプリ運営者なら誰でも抱えている課題の一つに、「どう集客するか（＝ダウンロードしてもらうか）」ということが挙げられると思います。Yahoo!ニュースはブラウザ、アプリの両方で展開しておりますが、もちろんYahoo!ニュースのアプリ担当者らもそのような課題を抱えており、日々研究・試行錯誤を続けています。今回は、Yahoo!ニュースアプリにおけるバナー集客の事例と、そこから見えてきたポイントをご紹介したいと思います。 効果的なバナーをつくる4つのポイント アプリの集客方法には様々な方法がありますが、今回はYahoo!ニュースのブラウザ版の利用者に向けたバナー集客例を取り上げたいと思います。 Yahoo!ニュースは、ご存知の方も多いと思いますが、アプリ版が登場す
エンジニアのキャリアの方向性 - クックパッド開発者ブログ
CTO の舘野 (id:secondlife) です。丁度1年半ほど前に、クックパッドの CTO になり、自分が20代の時に憧れていたいわゆるハッカーとは違う道を歩んだという事もあり、ソフトウェアエンジニア*1のキャリアってどんな物があるんだろうと改めて考えた時期がありました。 しかしながら一人悶々と考えても、答えが見つかる物でも無かったので、私の先を行く方々の話を聞きたいんですよね、みたいな事を md2inao で有名な WEB+DB PRESS 編集長の稲尾さんとしていたところ、じゃあそれ連載記事でどうですか、とお話を貰ったので記事として連載させて頂きました*2。 その時、連絡させていただいたメールにはこんなことを書いていました。 背景としては、今やエンジニアは、サーバサイドは AWS/heroku 等 IaaS/PaaS の台頭、github を中心とした OSS フレームワーク・ラ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fetched URL: http://b.hatena.ne.jp/tomomi1122/
Alternative Proxies:
iPhone/iPad/Apple Watch解像度(画面サイズ)早見表 - Qiita
