[B! まとめ] minaseraのブックマーク

minasera id:minasera

まとめに関するminaseraのブックマーク (8)

スマフォサイトでよく見るパーツのコードサンプル集 | 07design.blog
最近スマートフォンサイトの案件が増えてきました。そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。…最近スマートフォンサイトの案件が増えてきました。そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。すべてのデモ（chromeなどのwebkit系ブラウザまたはスマートフォン実機でご覧ください） download ヘッダーの右にメニュー <h3>ヘッダーの右にメニュー</h3>  <header class="header1"> <h1><a href="#"><img src="title.png" alt="SIT
minasera 2015/07/13
webデザイン

UI

まとめ

スマホ
リンク
スマホサイト制作センスをアップする！見本・素材・WPテーマ・JS・その他全部丸ごとまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ライターの内藤です！前回の記事（美しいWebデザインをタイプ別に！見ないと損する目的別厳選Web見本サイトのまとめ）ではWebデザインのタイプ別にわけた見本サイトのまとめを行いました。今回はその続編として、スマホ・タブレット最適化サイトのデザインまとめをご紹介致します。目次 ※もちろん順番に読む必要はありません。スマホ専門デザイン見本部品別に見られるサイトその他スマホサイトの部品作りの参考になるサイトスマホサイト素材になるキットフリック用JavaScriptプラグインスマホ対応の無料WordPressのテーマスマホサイト制作参考スマホ専門デザイン見本 iPhoneサイトデザイン集のiPhoneデザインアーカイブ http://iphonedesignarchive.jp/ 登録数が半端ないです。カテゴライズは業種別のみですが、年月アーカイブがあるので、い
minasera 2015/07/13
iPhone

スマホ

UI

webデザイン

まとめ

LIG
リンク
【無料】DL必須のPhotoshopブラシ30選 - 2014/11/03 [Schoo]
Photoshopブラシとは？鉛筆のような風合い、クレヨンのような質感、水彩画のような淡いタッチ。その全てを可能にしてくれるのがPhotoshopブラシです。質感出しはもちろん、背景やスタンプのような形でも使えます。・デフォルトのブラシに飽きた… ・でも自分で作るのは面倒… ・無駄なブラシをダウンロードしたくない… というPhotoshop初心者の方にダウンロードして欲しい使える【無料】Photoshopブラシを30個まとめてお届けします！目次・ブラシの追加方法・ブラシツール30選ブラシの追加方法まずはブラシの追加方法。拡張子が".abr"のブラシ素材をダウンロードしたら、Photoshopを立ち上げて追加していきましょう。・ブラシツールを選択・アイコンの「ブラシパネルの切り替え」をクリック・別ウィンドウが開くので、ウィンドウ上部のタブを「ブラシプリセット」に切り替
minasera 2015/07/06
フリー素材

まとめ

photoshop

ブラシ
リンク
Web屋が使う３４個の「シンプル・簡単・便利」なウェブツールまとめ
作成：2012/10/29 更新：2016/10/22 Tool > 低スペックPCやウィンドウ幅の狭いノートを使っている場合、ソフト立ち上げを躊躇してしまう時がありませんか？そんな人に「シンプル、軽い、簡単」のウェブ上で使えるツールをご紹介。ブラウザ内で開けるので無駄なスペースを取られません。 ※こちらの記事は2012年に書いたもので、情報が古くなっております。比較的最近のツール系のまとめは、Web制作に役立つトレンドのツール一覧と以下の２つご覧ください。（※ 2015/06/25 2015/06/28追記） Node.jsとgulpをインストールして使うまでの入門記事これからGit を始めてみようという人のための使い方と入門フロー特にウェブ屋さんやブロガーさん達が使っているのをピックアップ。もちろん僕も頻繁にガシガシ使ってるので「ツール用ブックマーク」としてこのページを作りました
minasera 2015/06/26
まとめ

WEBサービス

ツール
リンク
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>ショートカット>現在のセット：
minasera 2013/01/23
まとめ

css

html

Photoshop

illustrator
リンク
Webで生きていくなら絶対にあった方が良い道具のまとめ[改訂版]
こんにちは。enjiです。 Web屋として７年程生き抜いているのですが、その中で「本当にこれは便利だ！もし、環境が変わっても、もう一度買ってしまう。」と断言できる道具やサービスをご紹介致します！ほんの少しでも、役に立つ情報があれば幸いです。 photo credit: Grafix Guru via photopin cc 書類を全てデータ化するScanSnap S1500 これはもう、絶対にに買うべき商品です。紙をスキャンしてPDFや画像データに変換します。今まで、どんどん溜まっていた紙の資料等がスキャンしてポイなので散らかっていた紙が無くなり、デスクを綺麗に保てます。 EverNoteやDropboxに自動で送る機能もあるので大事な契約書、説明書、名刺などなんでもホイホイデータにしておけばいつでも確認できて便利です。迷っているなら即、買いです。本の自炊もできますよ。 htt
minasera 2012/11/08
まとめ

lifehack

Webサービス
リンク
ネットで学べ！無料でトップレベルの学習ができる６つの独学サイト
今回はウェブ上で学ぶことができる学習サイト・学習サービスを厳選してご紹介します。全て無料で利用することができるので、興味のある講座があれば空いた時間に学んでみましょう！学習欲を刺激する良質な６つの独学サービス YouTube EDUで世界の講義を聴こう！ EDU - YouTube 「YouTube EDU」は大学講義などの動画を閲覧できるサービスです。世界のトップレベルの講義・講座を聞くことができますよ！東京大学の講義ビデオ・ノートまとめ東京大学講義 UT OpenCourseWare あの東京大学の講義ビデオや講義ノートが公開されているので、東大に入学した気分で良質な講義を聞くことができます。学科名・研究科名、講義名、先生の名前から検索できるのも便利。京都大学の講義まとめ京都大学OCWへようこそ京都大学の講義を閲覧することができます。世界の京大がやる講義はやっぱり
minasera 2012/10/16
まとめ
リンク
WEB屋にとって便利なジェネレーター色々！最近のオススメも、昔から使ってきた物もまとめてご紹介！ | バンクーバーのうぇぶ屋
WEB屋を名乗って仕事をする以上、作業効率を考える事は必要最低限の努力だと言うお話は何度かこのブログでもさせて頂いてきました。まぁしかし、ぶっちゃけ何が自分にとって作業効率に繋がるかはやってみないと分からないですよね。作業時間の見直しをするだけで効率化に繋がるかもしれないですし、ツールをもっと使いこなすことだったりするでしょうし、コミュニケーションを円滑にすることで作業効率につなげたりと、何が一番効率化に直結するかは人それぞれだと思います。ただ、何度かこのサイトでもWEBサイトを作る上で便利そうなジェネレーターの存在を共有させて頂いてきましたが、こういうツールは知ってるのと知らないのとでやはり大きな差が出てくることはやっぱり多いと思います。特に最近はWEBに強いクライアントの存在も目立ってきて、自分だけじゃなく、お客さんにとっても、もしかしたらプラスになるジェネレーターの類も多いんじゃ
minasera 2012/10/11
まとめ

webサービス
リンク
1