divやp、hrなどで実装された囲いや区切りのスタイルに、一手間加えた素敵なデザインにするスタイルシートのテクニックを紹介します。 かわいいデザインからスタイリッシュなものまで、実装のアイデアが素晴らしいものばかりです。
こんにちは、デザイナーのサリーです。 今回はブログのアイキャッチにも使えるテキストエフェクトのフリー素材をまとめてみました(今回のアイキャッチでも使ってます!)。 PSDファイル形式なので、Photoshopでちょちょいと編集するだけで手の込んだエフェクトが使えちゃいます。 テキストエフェクト素材の使用方法 今回は「Grand Motel Text Effect」という素材を利用して、ざっくりした使用方法を説明していきます。素材によって微妙に使い方が異なりますが、基本的には同じような方法で編集できると思います。 STEP1. PSDファイルを開く こちらのPSDファイルのレイヤー構成はこんな感じ。 レイヤー構成は素材によってさまざまです。 こちらの素材は丁寧にレイヤー名に「Your text here(double-click the layer thumbnail)」と書いてありますね!
ミツエーリンクスのCTOに「UXとWebアクセシビリティ」について聞いてきた─木達一仁ロングインタビュー 白石 俊平(HTML5 Experts.jp編集長) HTML5 Experts.jpが誇るエキスパートたちに、「UX」というテーマでインタビューするシリーズ第二弾です。 株式会社ミツエーリンクスCTO、そしてエキスパートNo.40の木達一仁さんに、「UXとWebアクセシビリティ」について聞いてきました。 「UXとWebアクセシビリティって、関連あるのかな?」なんて、自分で企画したにも関わらず無責任な疑問を抱える中、そんな疑問を吹き飛ばすような気付きをいただける貴重なインタビューでした。 alt属性からWeb Componentsのアクセシビリティまで、たっぷり聞いてきました!皆さんどうぞ、お楽しみください。 Webアクセシビリティについての現状 白石: 今日は、「UXとWebアクセシ
こんにちは。アプリケーションエンジニアの id:aereal です。 この記事ははてなエンジニアアドベントカレンダー2014の1日目です。 今日はアプリケーションの開発環境を作成する手順を Ansible でコードとして表現し自動化する取り組みとその背景について簡単に紹介します。 前提 この記事で扱うアプリケーションは Perl と JavaScript で書かれた中規模の Web アプリケーションです。 アプリケーションを開発するチームのエンジニアとデザイナすべてが Mac OS X を使っています。手元で開発する際には VM などを動かさずに OS X でアプリケーションを起動させます。 また、開発やデプロイなどにおいて SOCKS プロキシを通してアクセスする必要のあるサーバが存在します。 開発環境の構築手順を始めとしたドキュメントは Redmine の Wiki にまとめられていま
ジョナサン・アイブはスティーブ・ジョブズの最も近い友人であり、iPad、iPhone、iPod,そしてMacBook Airなどのデザインの責任者を務めました。 ジョナサンがデザインしたプロダクトは現在、食事をする時、仕事をする時、旅行に行く時など様々な場面で使われていますが、彼いわく、消費者の99%はアップル製品をデザインするのにかかった苦労を知らないとして、次のように述べています。 「80%の仕事はすべて失敗に終わる。大切なのは良くないと感じたら、すぐに作業を辞める勇気を持つ事だ。ジョブズはいつも口癖のように言っていた。”これで十分か?”、”これが正しいことか?” ってね。」 ↑ジョナサン「アップル製品のデザインにどれだけの想いが込められているか、99%の人は知らない。」(Simon D:Flickr) デザインチームはたった18人の小さ
三菱地所が海外企業や国内のベンチャー企業を対象にオフィス誘致や事業開発支援を行っているEGG JAPAN(日本創生ビレッジ)は11月28日、国内外で注目されているウェブサービス運営企業のコミュニティ構築担当者をゲストに招き、コミュニティの重要性や今後の可能性について考える「The Power of Community 日本とU.S.のコミュニティマネージャに聞くコミュニティの力」を開催した。 「コミュニティを作る。価値を創造する。」と題したパネルディスカッションでは、ピンタレストジャパンの大石結花氏、クックパッドの中山亜子氏、TwitCasting(ツイキャス)を運営するモイの丸吉宏和氏が登壇。Sansanの日比谷尚武氏の進行のもと、コミュニティ運営における各社の工夫が語られた。 会は日比谷氏がいくつかの疑問をキーワードとして挙げ、それに各社が答えていく形で進行。「コミュニティマネジメント
カクサン部! NEWS 2014年12月12日 カクサン部!デジタルおまけ アップしました。 2014年12月12日 カクサン奮闘記! ⑨「暴走政治ストップ」 アップしました。 2014年12月12日 なりきりカクサン部更新しました。
この記事も若干古くなってきましたので… 他のフレームワークでも使える Laravel-Elixir という記事を書きました。入門から設定値の上書きの仕方まで。 この記事を書いた頃は browserify や browserSync できなかったですが、今はできますよ。! はじめに この記事は、フロントエンド片手間ンである @localdisk が Laravel Elixir を使ってみた記録です。頑張りました。 注意点 Laravel5 はおそらく来年のリリースになります。以下のコードは Laravel Framework version 5.0-dev で書かれました。 筆者の環境は Mac OS X 10.9.5 HomeBrew を使用している 当エントリに書かれたコードはすべて動作確認をしていますが、筆者はフロントエンド片手間ンなのでもっと効率のよい方法や勘違いがあるかもしれませ
このエントリは、家庭を支える技術 Advent Calendar 2014 の一日目です。 「家庭を支える技術 Advent Calendar」とは エンジニアの友人たちとおしゃべりしているうちに、各ご家庭の生活を豊かにするためにしている技術的な工夫や、これからやりたいアイデアが話題に上がることが多くありました。そんななか、誰が言い出したか『家庭を支える技術』というキーワード*1が出てきていました(もちろん元ネタは WEB+DB PRESS plusシリーズ の「〜を支える技術」です)。 仲間うちだけでも面白い話が出てくるので、いろんな家庭の話を聞いてみたいとおもい、せっかく12月なので「家庭を支える技術 Advent Calendar」として世に問うてみた次第です*2。 ありがたいことに公開から数日で全日程が埋まり、「家庭を支える技術」への関心の高まりを感じています。 定期的に買う必要が
python × 120 javascript × 50 c# × 34 python3 × 31 html × 31 c++ × 28 linux × 27 c × 26 java × 21 windows × 20 android × 16 ruby × 16 google-apps-script × 16 php × 15 css × 15 reactjs × 15 typescript × 15 docker × 13 aws × 12 pandas × 12 swift × 11 ruby-on-rails × 11 mysql × 11 unity3d × 11 node.js × 11 ubuntu × 11 vscode × 11 postgresql × 11 rust × 10 macos × 9 visual-studio × 9 laravel × 9 networ
Railsのコントローラーでのrenderメソッドの使い方について説明します。 renderメソッドは、「コントローラー(Controller)」と「ビュー(View)」のそれぞれにあります。 ここではコントローラーのrenderメソッドの使い方を示します。 ビューでのrenderメソッドの使い方は こちらを参照してください。 動作確認 Rails 4.1 目次 1. ビューを表示する 1.1. 暗黙的なビューの表示する 1.2. 他のアクションのビューを表示する(actionオプション) 1.3. 他のコントローラーのビューを表示する(templateオプション) 2. JSONを返す 2.1. renderメソッド 2.2. jbuilder 2.3. ActiveModelSerializer 3. ビュー以外を表示する 3.1. 文字列を表示する(textオプション) 3.2. X
For customersCustomer supportSubscription managementSupport casesRed Hat Ecosystem CatalogFind a partnerFor partnersPartner portalPartner supportBecome a partner Try, buy, & sellRed Hat MarketplaceRed Hat StoreContact salesStart a trialLearning resourcesDocumentationTraining and certification Hybrid cloud learning hubInteractive labsLearning communityRed Hat TVOpen source communitiesAnsibleGlobal
もはや今日になってしまいましたが、前回に続いてスクーでRailsの実演をします。 Ruby入門 - Webアプリケーションの制作プロセス【前半】 高橋 征義 先生 - 無料動画学習|schoo(スクー) Ruby入門 - Webアプリケーションの制作プロセス【後半】 高橋 征義 先生 - 無料動画学習|schoo(スクー) というか前回の授業ではだいぶハードルが高かったようで、難しすぎた人には大変申し訳なかったです…が、質問がたくさんいただけたので、それに答えられたところは良かったかもです。 ちなみに今回はNitrous.IOを使う予定です(が、どうもRailsを動かすとまめにkillされる場合があるので、もしかしたら違う環境にするかも)。 オンラインの授業でハンズオン形式だと辛いらしいので、一人でちゃかちゃか進めるスタイルになる予定ですが、興味のあるひとは触っておくと良いかもです。 Ni
Railsで実際にFormオブジェクトを作ってみたらいくつか気をつけるポイントがあったので紹介します。 ActiveRecord / Rails / Ruby この記事はRuby on Rails Advent Calendar 2014の2日目です。 1日目は@miyukkiさんの「結局Ruby on RailsとPHPってどっちが優れてるの?」でした。おつかれさまでした。 Formオブジェクトとは Formオブジェクトはその名の通り入力フォーム用のオブジェクトです。 フォームとモデルがうまく対応しているときはActiveRecordをそのまま使えば良いのですが、 複数モデルを作りたかったりモデルとは違うValidationを行いたかったりする場合にはFormオブジェクトを使うと便利です。 Formオブジェクトのサンプルコードはこんな感じになります。 class Blog::SiteFo
「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 コーディング関係 マイクロソフト、開発者向けにAndroid/iOS/OS XでIEを実行可能に – TechCrunch 最新の IE の動作確認を、Android/iOS/OS X で行うための RemoteIE のベータ版を Microsoft が提供開始しました。 以前紹介した Modern.IE と何が違うかというと、Modern.IE は Mac や PC にインストールするのに対して、これは Microsoft のサーバー上にインストールされている Windows + IE を実行し、スクリーンショットを手元の Mac や PC で見ることができます。 そのため、ストレージ(HDD や
たかがメガネ、されどメガネ突然ですが、メガネ、お使いですか? はい、あの眼鏡です。私は出かける時はコンタクトなんですが、家ではもっぱらメガネ愛用者ですね。すごく目が悪いので、寝ている時以外はずっとしています。 何個か持っているのですが、いつも使うのは大体決まってます。ちょっと赤っぽい縁の軽量メガネ。黒縁と迷ったのですが、私の場合赤にして正解でした。なんとなくしっくりきてお気に入りです。 皆さんメガネを買うときのこだわりってありますか?私はかけてて痛くならない素材がいいですね。なんせずっとかけてるので、重いとしんどいです。あとはフレームの大きさ。あまり小さいとおかしいし、大きいと重苦しく見えますよね。 メガネ屋さんに行くとあまりに沢山の種類があるので気が遠くなったことありません?私はあります。もうどれでもいい、なんて思っちゃう。でもメガネって、ほぼ体の一部になるものだから、慎重に選ばないとあ
ドワンゴは12月1日、「ニコニコ動画」で展開する、動画クリエイターに人気度に応じた報酬を支払う「クリエイター奨励プログラム」に任天堂の一部著作物が対応したと発表した。「スーパーマリオブラザーズ」など、懐かしのゲームから最新タイトルまで250タイトル以上のプレイ動画が奨励金対象に、それ以外の作品もすべてが許諾対象となり、全面的に“公式2次創作”が可能になる。 「クリエイター奨励プログラム」は、再生回数や人気度に応じて、動画の制作者および映像や素材の元になる“親作品”のクリエイターに奨励金が支払われる仕組み。任天堂が一部タイトルを“親作品”として認定・許諾することで、ユーザーはプレイ動画や音楽、キャラクターを利用した動画を著作者の権利を侵害することなく正式に投稿することができる。 クリエイター奨励の対象タイトルは「スーパーマリオブラザーズ」「マリオカート」「ゼルダ」「どうぶつの森」「ピクミン」
There is a plethora of JavaScript libraries for use on the web and in node.js apps out there. This greatly simplifies, but we need to stay update on security fixes. "Using Components with Known Vulnerabilities" is now a part of the OWASP Top 10 and insecure can libraries can pose a huge risk for your webapp. The goal of Retire.js is to help you detect use of version with known vulnerabilities. Ret
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く