Swift でもう一度 iOS/OS X アプリ開発に挑戦してみませんか？
こんにちは。開発担当の木村です。 今年も毎年恒例の一大イベント WWDC が開催されました。 iOS 8 や OS X 10.10 とあわせて4000を超える API が発表され、 開発者のためのイベントとして、例年以上にふさわしい内容だったのではないでしょうか。 中でも私がビビッと来たトピックスは新言語「Swift」の発表です。 これまで Objective-C で開発してきた iOS / OS X アプリがどう変わっていくのか、楽しみで仕方ありません。 iOS / OS X アプリを開発しようと思ったけど、Objective-C がわかりづらくて諦めた。。。 そんな方々も Swift でもう一度 iOS/OS X アプリの開発に挑戦してみませんか。 変数 NSInteger,NSString…と Objective-C のクラスライブラリは独特の型を持っています。 いつも使っている型
PC でもプロツール並みに美しい文字を描き出す、贅沢な先端的ウェブブラウザ Sleipnir 5、本日リリースです！
Windows ユーザーの皆さま、こんにちは！UI デザインの松野です。 本日は、私から皆さまへお知らせがあります。 そうです、Sleipnir 5 をご紹介します！ Sleipnir 5 は、その刷新されたデザインだけでなく、表示するページすらも美しい、贅沢な先端的ウェブブラウザです。 ウェブ上でこれからあなたが目にする、すべての文字を美しく、読みやすくします。 ウェブブラウズする上で、毎日もっとも長く目に触れるのはテキストです。Sleipnir 5 は独自に調整を重ねたフォントレンダリングによって、まるでプロのグラフィックツール並みに美しく読みやすい文字を描き出します。 この Sleipnir 5 の登場で、前時代的なギザギザの文字はようやく過去のものになり、PC でも現代的な美しい文字でウェブを見られる贅沢を手にできます。 Sleipnir 5 の先端的な特長の数々は、新しくなったこ
リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)
こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量：10で追加します。これが同心円状のヘアラ
【スマホ用ページ】低解像度、高解像度端末のどちらでもくっきり綺麗に表示しつつ、幅ぴったりにする HTML テンプレート。
こんにちは、ウェブ開発の林です。 スマートフォン向けウェブページを作る際、横幅ぴったりにしたいと思いませんか。 meta viewport というタグを使えば表示サイズを調整することができます。 ただそれを使ったとしても、Android / iPhone は端末により横幅が違うため個別に最適化するのは面倒です。 スマホ端末ごとにコードを分けることなく常に幅ぴったりにする HTML テンプレートを作りました。 こちらを参考に組んでみてはいかがでしょうか。 HTML テンプレートコード（ヒント付き） こちらの HTML コードを丸っとコピペして修正していくと楽だと思います。 追記： ライセンスフリーです。自由に使ってください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--
【保存版】これを見たら、あなたの財布は確実に緩むであろう素敵すぎるネットショップ 101選
こんにちわ。坪内です。 突然ですが、この2年ほどで集めた素敵なネットショップを一挙公開しちゃいます。はっきり言って、この記事書いてるだけで、何度もポチリかけたくらい、素敵なアイテムがてんこ盛りです。既に知っているショップも多いと思いますが、知らないショップがあったら是非チェックしてみてください。 ちなみに、数が多すぎて説明文書くのは断念しました。カテゴリ毎には分かれているので、実際にご自身の目で確認してみることをオススメします。
リッチに見せるデザインテクニック。美しいぼかしで魅せる 『MAX 塗り』のすすめ。
こんにちは、イメージ担当の長谷川です。 今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。 ところで『MAX 塗り』ってご存知ですか？ガンプラなどが好きな方はピンと来たと思いますが、プラモデルなどに興味がない人は全く分かりませんね。 『MAX 塗り』とはプラモデルに立体感を出すためにエッジから中央に向かってぼかしていく、昔からある「ぼかし塗り」や「グラデーション塗り」の技法です。 この技法で塗装されたプラモデルは単純に塗装したものより格段に迫力や存在感が上がります。プロモデラーの MAX 渡辺さんが良く使うプラモデルの塗装技術として通称『MAX 塗り』と呼ばれています。 Web や UI にこの『MAX 塗り』を取り入れる方法は簡単です。 作ったボタンや背景などのグラフィック
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
