#pfcasual
にわかデザイン(3): HTML5+CSS3の「カンタン装飾設定」で今風デザイン 基本的にグラデーションや角丸はジェネレータからコピペして設定できるので、作業自体は簡単です。HTML5+CSS3サンプルを使って表現してみましょう。(2013/5/10) にわかデザイン(2): レイアウトを自在に使いこなす 基本的なHTMLの構造やCSSの設定方法で「メニュー」を作ったら、そのレイアウトを自由に変化させてみましょう。サンプルソースをダウンロードして見比べてみましょう。(2013/3/28) にわかデザイン(1): HTML5+CSS3は「メニューの作り方」を覚えるだけ! Photoshopなどの画像処理ソフトを使わず、CSSでできる表現の幅が広がっています。にわかデザイナーになれる、簡単Tipsをお伝えします。(2013/2/26)
こんにちは。私は今まで、3年間、RailsやCakePHP,Ethnaなど様々な言語やフレームワークを使って開発を行ってきました。その中で、共通して使ってきたのがHTML/CSSです。私が3年間かけて培ってきたHTML/CSSの書き方ややり方、方針などをこの場を借りてまとめたいと思います。 まずはじめに 対応ブラウザを確認する スマホ対応の必要があるかを確認する HTML/CSSを使った開発のルールを決める HTML編 idやclassの命名を考える idは多用しない HTMLの共通化を考えた記述をする コラム: IE(後方互換モード)の対応が必要になった時の対処 CSS編 共通で使えるCSSは共通用のファイルを作ってまとめる CSSの適用範囲を考慮して記述する reset.cssを使うかどうかを決める CSSの!importantはできるだけ利用しない BootstrapのCSSを上書き
昨日、某著名サイトのパスワードリマインダの方式が変更になっていることに気がつきました。 旧: 現在のパスワードをメールで送信する(パスワードリマインダ) 新: パスワード再設定の画面のURLをメールで送信する(パスワードリセット) 新しい方式(パスワードリセット)の方が優れていますが、それでは何故パスワードリマインダは駄目で、パスワードリセットの方がよいのでしょうか。このエントリではその理由について説明します。 パスワードリマインダのリスク 良く指摘されるように、パスワードリマインダの場合、2つの問題があります。 現在のパスワードをメール送信できるということは、パスワードをハッシュ値で保存していない証拠である メールは平文通信なので、パスワードを書いたメールが盗聴されると被害が甚大になる これらのうち、パスワードの保存方法については別稿にゆずるとして、このエントリでは盗聴のリスクについて検
こんにちは、うららです。 Twitter、楽しいですよね! 取り留めもないことをつぶやいたり、自分がたまにつぶやくとてもおもしろいジョークにもなんの反応もなく、世間の厳しさを簡単に体験できたりと、とても充実しています! プロフィール写真も自分の可愛い写真を設定したり、友達に見つけてもらえるように紹介文にも特徴を詳しく書いたりと……。 LIGのサイトへ訪れてくれる方の中でも、そういったTwitterライフを満喫している人、多いのではないでしょうか? 今回はTwitterやFacebook、そしてLINEやInstagramにもオススメのアイコン作成サイト6選をまとめてみました! すべて無料です! Webデザイナーを目指しませんか? クリエイターに興味があるけどなり方がわからない、Web業界への転職を目指している……という方は、「スクールでの勉強」もおすすめです。将来について悩んでいる方はぜひ
最近Perlで仕事をしていて、cpanfileが無いプロジェクトで盛大にやらかしたtohaeです、こんにちは。 Perlでやらかした経験を生かし、Railsプロジェクトで使うクライアントサイドのJSもちゃんと管理しようとbowerを使うことにしました。 bower is 何? bowerってのはtwitterが作ったJSのパッケージマネージャです。最近紹介記事も多いので、詳しくはぐぐってください。 簡単に言うとJSをwgetする時代は終わったってことです!!! 今回はbowerの紹介ではなく、bowerをRailsで使う場合にはbower-railsを使うといいかもというお話をします。 bower-railsの下準備 まずはbowerをnpmで入れます。 $ npm install bower -g 次にGemfileにbower-railsを追加します。現時点ではバージョンを指定しないと
■ はじまり 最近携わっている Rails 3 アプリの自動テスト(RSpec)が、すべて完了するのに1時間半かかるようになってしまいました。 5〜10分で終わっていた頃はファイルに変更を加えるたびにすべてのテストを確認できていましたが、それが難しくなってきたので Guard を導入することにしました。 Guard を利用すれば、変更のあったファイルに関連するのみを効率よくテストすることができます。 ローカルでは Gurad で自分が編集した部分のみテストして、リモートの jenkins などですべてのテストを確認、ということをできるようにするのが今回の目的です。 ■ Guard のインストール というわけで、さっそく Rails 3 アプリに Guard を導入していきます。 bundlerを利用している場合は Gemfile ファイルに下記の行を追加します。 group :develo
これすごいですね…。話は知ってましたが、中を覗いてみて感動。 Your Courses | Coursera 無料で一流大学の講義を受講 Couseraはいわゆる「MOOC」領域のサービス。「MOOC」は「大規模オンラインオープンコース」の略。要するに、オンラインで無料の講義を受けることができる、というサービスジャンルです。「ムーク」と発音するらしいです。 Couseraはペンシルベニア大学、ワシントン大学、ミシガン大学などなど、主にアメリカの大学の講義を無料で受けることができるウェブサイトです。 提携校一覧。ずらり。 理系・文系の学科を幅広く網羅しています。 「Business & Management」は今のところ32の講義群が掲載されています。 デューク大学の「ヘルスケアイノベーションと起業家精神」とか超面白そう。 バークリー音楽大学の講義もあります。なんとゲイリー・バートンの即興演
sshログインやftpアップロードを自動でやりたい EC2に対して何度もftpでアプリのアップロードやsshでログインして再起動とかやってると、非常に無駄を感じてしまいます。 そんな面倒な作業こそ、Gruntで解決しましょう。 今回はgrunt-sshモジュールを使って、EC2へsshログインとsftpでのファイルアップロードを試してみます。 環境構築方法 今回使用した動作環境は以下のとおりです。 OS : MacOS X 10.7.5 Node.js : v0.10.4 npm : 1.2.18 npmを使用して必要モジュールをインストールしましょう。 grunt-cliをグローバルインストール(まだインストールしていなければ)し、サンプル用ディレクトリを作成してpackage.jsonを作成した後、 gruntとgrunt-sshをインストールします。 % npm install -g
つい最近までSketchは日本であまり知られておらず、日本語でSketchについて書いている記事はほとんどありませんでした。ところが5月7日にFireworksの開発終了が発表され、代替ツールとしてSketchの名前が急浮上。それに合わせたのかSketchが5月8日に半額セールを行い、Sketchについて書かれた記事やツイートも増えてきて、注目度の高まりが感じられます。とはいえ英語日本語問わず、Adobe製品に比べたら圧倒的に情報量が少ないSketch。Adobe製品と同じような機能やショートカットも多いですが、使いこなせるようになるまでは少し時間が掛かりそうです。Goodpatchでもマニュアルや記事を読みながら、隙間時間にSketchを触ってその機能を確かめています。というわけで今回は、Sketchの基本的な機能や、発見した小技、ショートカットなどをまとめてみました。 先日アップした「
以前...と言っても数年前の話になりますが、『今すぐフォローすべきnode.js界のスーパーエンジニア』のエントリを着火点として、様々な領域や分野で派生エントリが作成され、大反響を呼びました。(→ 「今すぐフォローすべきスーパーエンジニア」まとめ ) 最近AWS各種サービスについて調べる事が多くなって来ていますが、その中でもやはり際立った活動・成果等を出しておられる方々がAWS界隈を見渡しても本当に多いなぁという印象を受けました。(そして恐らく、自分が認識している範囲外にも数多くの素晴らしい方々が居られる事でしょう。) そこで個人的な情報収集・整理も兼ねて、このテーマに便乗する形で『フォローすべき』素晴らしき&スーパーな方々をピックアップしてみました。 Twitterアカウントの情報等を元に情報を整理してますが、情報が変わっている、または間違っている等ございましたらコメント欄等で御指摘を頂
ビジネスシーンにおいて、PowerPointはそれなりに使用頻度の高いアプリケーションである。しかし、便利な機能を知らない為に"プレゼンの自由度"を狭めているケースも少なくない。そこで本連載では、iPadなどのタブレット端末でプレゼンする場合を含めて、PowerPointを効果的に活用していく方法を紹介していこう。
Windows 8には、システムがまったく起動しなくなった場合のために、緊急起動用メディアを作成する機能が備わっている。このメディアで起動すると、「Windows回復環境(Windows Recovery Environment。Windows RE)」と呼ばれるトラブルシューティングのための機能を利用できる。例えばシステムをリフレッシュ/リセット/復元したり、システム・イメージから回復(リカバリ)したり、といった作業が可能だ。 この緊急起動用メディアには2種類ある。1つは「回復ドライブ(回復メディア)」と呼ばれ、USBメモリやUSBハードディスクに作成される。これについてはTIPS「システムの修復用にWindows 8の回復ドライブを作成する」で解説した。もう1つはWindows 7にもある「システム修復ディスク」で、書き込み可能なCD/DVDメディアに作成される。 回復ドライブは、初期
Nancy - Lightweight Web Framework for .net Custodians of the Super-Duper-Happy-Path · GitHub 恥ずかしながら、今まで Nancy というものを知りませんでした。知ったきっかけは Scott Hanselman 氏のブログ記事です。 One ASP.NET: Nancy.Templates for Visual Studio - Scott Hanselman Web Forms だけだった ASP.NET の頃とは大きく変わって、いろんなフレームワークが公開されるのは非常に良いことですね。サンプルコードを見ていると、結構おもしろそうだったので使ってみました。 実際に Nancy を使った ASP.NET アプリケーションを開発する場合には、空の ASP.NET アプリケーションを作成して NuGet
はじめに iPhoneアプリは、Macが1台あれば作ることができます。 (OSのバージョンは10.7.4以降である必要があります) 「とりあえず動くものを作ってみよう!」といった感じで簡単なアプリを作ってみたいと思います。 「アプリの画面」や「画面の遷移」を視覚的に作成できる「Storyboard」を使いながら、 コードを書かずにできるとこまでを今回はやってみます。 Storyboardとは Xcode4.2から導入されました。iOS5以降を対象としたアプリの開発で使用出来ます。 下の画像のような画面で「画面内のUIパーツのレイアウト」や、「画面から画面への遷移」を視覚的に作成出来ます。 開発の準備 用意するものは以下の通りです。 OS X 10.7.4以降がインストールされたMac 開発ツール「Xcode」 Xcodeは無料でインストールできます。最新版のバージョンは4.6.2です。 X
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く