【Sinatra✕Herokuでいい感じの百人一首アプリを作るチュートリアル】【第１回】超ミニマム設定でSinatra✕Herokuのサンプルアプリをいい感じにする。 - NOT SO BAD
(photo credit: nettsu via photopin cc) 「Sinatra✕Herokuでいい感じの百人一首アプリを作るチュートリアル」シリーズ第１回です。 今回はまずSinatraで骨組みだけ作ったアプリをHerokuにデプロイして動かしてみるところまで。 本当にミニマムな設定で、次回以降のチュートリアルで開発するための土台を作成します。 シリーズ一覧はこちら。 NOT SO BAD.「【特集】Sinatra✕Herokuでいい感じの百人一首アプリを作るチュートリアル」 準備編 イントロ このチュートリアルでは、Rubyの軽量フレームワーク「Sinatra」を使ってアプリを構築し、 アプリのホスティングサービス「Heroku」にデプロイするまでの最低限の手順を学びます。 サンプルとして、日本の美しい中世の和歌集「百人一首」を題材に、 「歌の一覧画面」と「それぞれ
実際のサイト上で動作するチュートリアルが簡単に作れるIntro.jsが便利すぎる件 - (ﾟ∀ﾟ)o彡 sasata299's blog
2013年05月08日18:21 JavaScript 実際のサイト上で動作するチュートリアルが簡単に作れるIntro.jsが便利すぎる件 さて、先日簡単なチュートリアル作ろうと思ったんですが、どうやるのが良いのかなーと思って悩んでました。キャプチャ取ってそこに説明文を書いて…ってしてもいいんですけど、キャプチャだと一部分なのでサイト上のどの辺なのかわかりにくかったり、サイト側は変更したのにキャプチャが古いままとかになったりしちゃいますよね＞＜ とか思って探してみたらこちらの Intro.js が便利だったので紹介してみます。 さて、この Intro.js を使うとですね、サイト上で動作するチュートリアルを簡単に作れるんですよ。使い方も簡単で、動作させたい要素に対して data-intro (表示する説明文) と data-step (チュートリアルの何番目に表示するか) を指定します。チ
How to create an Impressive New Year 2012 card with Neon text in Photoshop CS5 | Photoshop Tutorials @ Designstacks
If you want to learn how to create an impressive card for the holiday, then we have an awesome tutorial for you. I’m going to show you how use brushes and Layer styles in Photoshop CS5 to create eye catching digital illustration with neon text effect. Layered PSD file included. Let’s get started! Final Image Preview Start working by creating a new document (Ctrl+N) in Adobe Photoshop with the size
Page not found | abdz.do
When I started this blog, way back in 2006, I had no clue how long it would last. I actually had no idea I could even write about something for more than a couple of days. It is funny how things go. Once I read in a book that the secret of happiness was low expectations. That explains why, for over a decade, I have been running this site. It also explains why you might end up on this page. Not los
Photoshopで簡単に顔のレタッチを行う方法 / ウェブデザインライブラリー
投稿日：2011年5月10日 レベル：初心者 ソフトウェア： このチュートリアルでは、Photoshopで簡単に顔のレタッチを行う方法をご紹介します。 Step1 ： しみや傷の除去 Step2 ： 眉の強調 Step3 ： まつげの加工 Step4 ： 軽いメイクアップ Step5 ： 瞳の加工 Step6 ： 完成
Photoshop Etiquette: A Guide to Discernible Web Design
They say a good designer is a meticulous one. “Sweat the details” and all of that. But how well does that ethos check out when we’re passing along PSDs? Take a look at a recent comp. Layers named? Original assets preserved with masks? We may be detail-oriented when it comes to prescribing layout and type, but the organization of our artwork suffers as a means to an end. Efficiency masquerades as g
ほ組講座（CS－25金屏風）
りんさんの描かれた画像に感動し、背景の作り方を教えて戴きました。 （りんさん、ありがとうございました） 細かい数値は全くの手探りなので、使うグラデーションの配色により、 各自 自分の目で確かめながら入力していってください。 ------------------------------------------------------------------------ １、新規ファイル作成 ５００×３００pixel （目安） 画像の端々まで、フィルタ効果が行き届きませんので、 必要とする大きさより、多少大きめのファイルを用意してください。 完成後、切り取ってお使い下さい。 ------------------------------------------------------------------------ ２、「グラデーションツール」を指定して、 ３、上のツールバーの設定をします。
Spoon Graphics
Earth Tones Lightroom Presets to Give Your Photos a Warm & Natural Look Access All Areas members have a wonderful collection of Lightroom Presets to download this week, courtesy of PSD Stack. These Earth Tones presets give your photos a warm and natural look that is ideal for enhancing your outdoor images. 14 presets are supplied in a variety of formats, including .XMP, .LRT, .DNG and .LRTEMPLATE
Create Awesome Grungy Style Artwork using Custom Brushes | Photoshop Tutorials @ Designstacks
Today, I’m going to show you how to mix custom brushes and stock photo in Photoshop CS5 to create awesome grungy style artwork. Layered PSD file included. Let’s get started! Final Image Preview Start working by creating a new document (Ctrl+N) in Adobe Photoshop with the size 1280px by 1024px (RGB color mode) at a resolution of 72 pixels/inch. Use the Paint Bucket Tool (G) to fill with #353535 col
【Photoshopチュートリアル】マスキングテープ素材 | 07design.blog
今回はデザインのお勉強ではなく、趣味に走ったチュートリアル記事を書きます。たま～に若い女の子向けのグラフィックデザインをやるのですが、マスキングテープを使ったデザインをよく作ります。その素材のチュートリアルを個人的なメモとして記録しておきます。…今回はデザインのお勉強ではなく、趣味に走ったチュートリアル記事を書きます。 たま～に若い女の子向けのグラフィックデザインをやるのですが、 マスキングテープを使ったデザインをよく作ります。 その素材のチュートリアルを個人的なメモとして記録しておきます。 我流なので、参考になるか分かりませんが森ガールテイストのデザインを作る際などにお役立てください。 マスキングテープ、かわいいですよね。個人的にも集めてたりします。 mtって略すらしいですが、どうしてもMovableTypeしか浮かばないのでマステって略してます… こういったものをつくっていきま
Webデザインにおける、1pxへのこだわり
☆ご注意☆ この記事は 2011年6月5日 に書いたものです。情報が古い可能性がありますのでご注意ください。 私も少しですがこの「1pxのこだわり」を日頃のデザインで使えるようになってきたので、制作方法とともにちょっとまとめてみました。 引き出しのひとつとして、デザイン勉強中の方、参考にしてもらえるとうれしいです＾＾ デザイン上級者の方々にとっては当然のことだと思うのですが、 最近つくづく思うのが、「1pxで質感が全然変わるよなぁ～」ってとても感じます。 たった1pxでピリッとしまったり、見やすくなったり、しゅっとなったり、、、と、1pxをないがしろにしちゃいけないんですねー… 今回は、私がデザイン制作時よく参考にしている、 デザイン参考集、bookma!さんの中から、色んなサイトを調べてみました。 目次 仕切り線の1px 文字をキリッと見せるための1px 動きのある1px 1pxの枠 仕
Awesome Amp Controls in Photoshop
I love some apps that recreate amplifiers with leather and those controllers. I have been thinking about doing a tutorial on that for quite long time, so today I decided to learn how to do that and then try to explain how I did it to you guys. So in this tutorial I will show you how to create an awesome amp controls using only Photoshop. Step 1 Open Photoshop and create a new document. I am using
これからPhotoshopでWebデザインをしたい初心者さんのためのツールパネルとかいろいろ
Webデザインをするときにいつも使っている Photoshop ... あまりに高機能なので、ツールパネルだけでもボタンがいっぱい。はじめて Photoshop に触れる人にとってはちょっと難解なインターフェイスかもしれません。Photoshop を始めたばかりの初心者さん向けの、ツールパネルのまとめです。 Webデザインするときに、いつも使っている Photoshop。でも本当にはじめて Photoshop を使い始めた人にとっては、Photoshop の画面に並んだ、たくさんあるボタン類からして意味がわからないんだと思います…。そー思ってツールパネルのボタンを端から見ていくと、自分でもコレなんだっけ？っていうのがいくつか …。 実は最近友達が Photoshop を使い始めました。全く Photoshop を使ったことのない彼女に使い方を教えてあげるって約束しちゃったので …。 そんな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.xn--vps-073b3a72a.com/
Illustrator｜きれいな3Dの円グラフの作り方チュートリアル - Dynamite Design Blog｜海外Webデザインネタ日本語訳＆作成チュートリアル
新着記事
新着記事
Illustrator Tutorial: Waving Flag of the USA
Photoshop VIP ☞ 新しく公開された真似したくなるすごいPhotoshopチュートリアルまとめ 2011年5月度
YUKI HARUYAMA Portfolio Site | 春山 有由希
