Tweet半年くらい前からSublime Text 2を使い始め、使い心地がよくてすっかりメインエディタになってしまいました。 というわけでSublime Text 2やプラグインのEmmetを使ってコーディングのスピードアップを図ろう!というテーマでまとめてみます。 ちなみにこの内容は福岡マークアップ勉強会でライブコーディングを交えてお話しさせて頂きました。 Sublime Text 2って何がいいの? 僕は以下のようなポイントが気にっています。 起動が軽い。 前までDreamweaverやNetbeansでコーディングをしてたのですが立ち上がりの速さがだいぶ変わりました。 プロジェクトの管理が簡単 サイドバーにフォルダをドラッグ&ドロップするだけ。 拡張性が高い プラグインのインストール、アンインストールも簡単です。 まずはインストール! こちらのサイトからSublime Text 2
基本的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています(ただしフォントは変更出来ません)。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ
本日は『選ばれる理由:どうしても売上と利益が増えてしまう心理マーケティング』という本が、 非常に面白かったので紹介したいと思います。 本著の冒頭にこのような言葉が書いてあります。 本書の核心はこれです。 「人は理由が伝われば行動する。そして理由があれば選ばれる。だから「選ばれる理由」をこちらが用意する。」 この言葉が表しているのは、モノを買う時にも「理由」がある。 高くても売れる商品もあれば、値下げしても売れない商品もある。ということです。 本を読んでみて印象的だったポイントをまとめてみました。 気になった方は書籍のほうで詳しく読んでみてください。 まったく同じ見た目でも高いリンゴが売れる 3つのリンゴがあったとします、 あなたがリンゴを買うとしたら、どの値段のリンゴを選びますか? 結果はこうなります。98円のリンゴを圧倒的に選ぶ人が多い。 80%の人が98円、20%の人が120円、300
スマートフォンはいまや、Web閲覧デバイスとしてPCに代わるスタンダードな環境となった。そんななか、1ソースでマルチデバイスに対応するとして注目された「レスポンシブ・Webデザイン」という手法。 その実践法を説明します。また、その手法が今後スマホサイトの主流となるのかについて考察。本セッションでは、そんなスマホサイト制作の現在とこれからを考えます。 アジェンダ ・レスポンシブWebデザイン ・「1ソース」の幻想 ・頑張らないRWD ・ライブラリを使ったRWD ・ スマホ対応しない ・これからのサイト制作 レスポンシブWebデザイン Googleも推奨するレスポンシブWebデザイン(略してRWD)の特徴 ・画面幅でレイアウトが変化
レスポンシブWebデザインのサイトは国内でも増えてきましたが、制作するとなるとかなり手間がかかります。 そんなとき役に立つのがレスポンシブWebデザイン対応のフレームワーク。中でも「Bootstrap」は、多彩な機能を備え、その使いやすさから広く知られています。 そこで今回は、国内の秀逸なレスポンシブWebデザインを集めた「Responsive Web Design JP」から、Bootstrapを使って作られたサイトをご紹介したいと思います。 whiteSTOUT フォトクリエイティブを中心としたマネージメントオフィスのサイトです。トップに大きな画像を使い、洗練されたイメージとなっています。 AGATHA E-SHOP アクセサリーブランド「AGATHA」のECサイトです。有名ブランドの、しかもECサイトにもBootstrapが使われています。 ACTUS online こちらは有名イン
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
写真の拡大やギャラリーページなどに良く利用される... / レスポンシブデザイン対応Lightboxプラグイ... / Swipebox | A touchable j...他...全12件 写真の拡大やギャラリーページなどに良く利用されるプラグイン。近年のサイト制作で使わないことがない最もポピュラーなプラグインです。 最近ではスマートフォン対応の有料プラグインも続々登場。さらに便利に使いやすく進化してはいますが、商用だと有料化が進んで、以前に比べると無料のプラグインを見つけ辛くなりました。 そこで、ここでは最近のフリーで使えて商用利用可能なLightboxプラグインをご紹介いたします。
縦長のwebデザインをがむしゃらに集めています。
Photoshop の切り抜き、選択範囲をつくるいくつかの方法をまとめてみました。記事では Photoshop CS5 を基準にしていますが、それ以外のバージョンの方は抽出フィルタなどで CS5 の機能を代替えできると思います。 Photoshop の切り抜き、みなさんどんな風にしてますか?今回紹介する切り抜きは、定番みたいなものだと思うんですけど、私の近くに Photoshop 達人がいないので聞く事もできず、もっといい方法無いのかなーなんて思ったりもしてます。この記事を読んでくれた人で、「こうした方がいいよー」とかあったらコメントいただけると嬉しいです! また、私は今 Photoshop CS5 を使っているので、それを基準にしています。CS4 以前を使っている人は、選択範囲の調整の代わりに抽出プラグイン(フィルター → 抽出)で代替えしてみてくださいね(注意:Web 用の切り抜きを前
仕事でPDFで受け取ったデータをIllustratorで開く事が多々あるのですが、その時に困るのが これこれ・・・フォントがアウトライン化されていないPDFです。 代替フォントでイメージ全体を損なうのはちょっと困りますよね・・・なんとかしてアウトライン化したい! とお困りの方に裏技?というほどでもないけど便利な方法があります。 手順1 まず、Illustratorの新規ファイルを作成(直接PDFは開かない)します。 そして「ファイル」から「配置」でPDFファイルを配置します。 手順2 配置したファイルを選択してから、「オブジェクト」から「透明部分を分割・結合」を行います。 手順3 最後に「すべてのテキストをアウトラインに変換」にチェックを入れてから「OK」を押して完成。 結構便利なので是非お試しあれ。
2014年8月17日 Photoshop, Webデザイン 先日、Webデザイナーになってもうすぐ2年がたつというMさんから、「どうすればデザインのスキルを磨くことができるのか?」という旨のご相談を頂きました。今回は彼女の相談メールでもふれられている、デザインのスキルアップに有効なWebサイトの模写のやり方について掘り下げてみようと思います! ↑私が10年以上利用している会計ソフト! 頂いたご相談メール 実は最近スランプぎみになっていて、サイトデザインを作成してもなぜかダサい、野暮ったいデザインになってしまいます。 デザインスキル向上させるために、いいデザインのサイトを模写するといいときいて模写もしてみたのですが、ぴったり一致するように作るのに意識がいってしまい、あまりデザインスキルが上がったと実感できないでいます。(模写したデザインを自分のオリジナルで活かせない) もし模写するときはどう
世界時計 東京都(Tokyo), 日本(Japan) - 現在時刻, 現地時間, 正確時刻, 公式時刻, 標準時刻, 世界の時刻. 東京都 の現在の時刻. オンライン・クロック Copyright © 2005 - 2024 24TimeZones.com. 全著作権所有
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
PCメガネはもういらない!?チカチカと目に痛いパソコンのブルーライトを楽々カットできる無料のフリーソフト「f.lux」!! 2013年9月8日投稿 2015年9月17日更新 カテゴリ:便利ツール 著者: jMatsuzaki photo credit: thomasheylen via photopin cc 私の愛しいアップルパイへ パソコンやスマホなどのディスプレイが発する不気味な青白い光「ブルーライト」が身体に与える悪影響については、一度は聞いたことがあるでしょう。一般的に睡眠の質が低下すると言われており、ひどい場合には肩こりなどにも影響があるという報告もあります。 私もこのブルーライトをカットするために「Zoff SMART」を買って心の平安を手に入れたつもりだったんですが、もっと手軽な方法があることに気がつきました。 パソコンにインストールするだけでチカチカするパソコンのブルーラ
.play { color: #ffba16; font-family: 'FB Condor Bold', sans-serif; font-size: 100px; letter-spacing: 0.2em; padding: 10px 0; -moz-transform: skew(-25deg) rotate(5deg); -ms-transform: skew(-25deg) rotate(5deg); -webkit-transform: skew(-25deg) rotate(5deg); transform: skew(-25deg) rotate(5deg); text-shadow: 0 1px #ff9b0d, 1px 0 #f79100, 1px 2px #ff9b0d, 2px 1px #f79100, 2px 3px #ff9b0d, 3px 2px #f79
さて、以前このブログではチートシートに関する記事を書かせて頂きました。もう1年以上前の記事になるんですねー。本当時間が経つのは早い物です…。 無くても良いけど、あったら意外と便利なチートシート。得に初心者の間はチートシートと睨めっこしながら色々な技術なりアプリなりと向かい合う事も僕は少なくありません。 しかし、当然チートシート関連もアップデートし続けた方が良い物。いつまでも古いチートシートばかり見ていたら、折角の新機能や便利ツールの存在に気づかず、ぬあーーーー!って成る事もあるやもしれません。 というわけで、今日はここ最近見たチートシート紹介第二弾!チートシートとして手元に置いておけば、いざというとき便利かもしれない物を、比較的新しそうな物から共有させて頂こうかなと思います! それで行ってみましょー! OverAPI.com | Collecting all the cheat sheet
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く