有名企業・団体のレスポンシブWebデザイン事例－... / レスポンシブWebデザインで作られたサイト15選... / PCサイトとスマートフォンサイトをどのように扱う...他...全8件
伊勢志摩 ホテル&リゾート 合歓の郷 |... / オリーブベイホテル 公式サイト｜長崎県大島のスモ... / 黒川温泉 いこい旅館他...全9件
Recently, I`ve decided to make cheat sheet dedicated to simple shapes that can be made only by means of CSS3. I`ve used only instant description. Since I`ve included majority of simple shapes like squares, circles, triangles, ovals etc, you can easile combine some of these in order to make complicated shape using :before or :after content-related pseudo “elements”. If you have some questions or su
スマートフォン利用者が増加の一途をたどり、様々なアプリが日々リリースされ氾濫する現在。激戦のAppStoreニュースカテゴリで4位に入ったアプリ《FeedDrop》をプライベートプロジェクトで創った、人気ブログ『ウェビメモ』管理人に訊く、アプリデザインのポイントとは―。 激戦カテゴリで4位まで昇り詰めたリーダーアプリ《FeedDrop》を生みだしたWEBデザイナー スマートフォン利用者が増加の一途をたどる中、様々なアプリケーションが日々リリースされストアに氾濫する現在。有名サービスや大手企業が出すアプリであっても、高評価を獲得したり、上位ランキングに食い込むのは至難の業だとされている。 そんな中、プライベートプロジェクトで生みだされたアプリが、激戦のAppStoreニュースカテゴリで一時4位まで食い込んだ。それが《FeedDrop（フィードロップ）》というはてなブックマークとRSSに特化し
おぉぉ、何気にきてるじゃないですか！これは要チェックですよ。 公式の分析ツールが一般公開 じゃーん。ツイッターの公式分析ツールが一般ユーザーに公開されています。これまでは広告主しかアクセスできなかった機能です。各所の報道によると、現時点では使えるユーザーとそうでないユーザーがいるようですが、少なくともぼくは使えました。みなさんもお試しあれ。なお、ツイッターからの公式発表はまだありません。 使い方は簡単。ツイッターの広告ページ（https://ads.twitter.com/）にアクセスします。すると「はじめよう」というボタンがあるので、ポチっとクリック（すみません、キャプチャ取り忘れました…）。 すると、ダッシュボードにアクセスできます。ただし、広告出稿は残念ながら一般公開されていません。 広告出稿はできませんが、レポートは見れるのです！ 「アクティビティ」ではmentionの数、フォロワ
INDOSEVEN - Situs Betting Online | Slot Gacor | RTP Indoseven Podcast – Original recording INDOSEVEN adalah situs yang populer di kalangan penggemar judi online dengan sebutan situs slot gacor terbaik mudah mendapatkan kemenangan. Selain menjadi situs slot populer, Indoseven juga menjadi situs dengan lisensi nexus gaming. Engine nexus ini sudah lama membawa pilihan game slot klasik hingga modern s
ぱっと見、よく見かけるレスポンシブ対応のナビゲーションのようなUIですが、かなりかっこいいエフェクトが仕込まれているデモを紹介します。 スクリプト無し、エフェクトはスタイルシートのみで実装されています。 左上のアイコンをクリック・タップすると、オーバーレイでナビゲーションがダイナミックなアニメーションで表示されます。 ふわっとナビゲーションのアイテムが集まってくるの、かっこいいですね。 解除して散っていくのも！ 実際のデモは、こちらからどうぞ。 Chrome, Safariでご覧ください。 デモページ これをベースにいろいろなアイデアが膨らんできますね。 参考までに、実装もご紹介。 HTML オーバーレイでステイになるのは、チェックボックスを使用しています。 <!-- start header --> <header id="head"> <div class="container"> <
ウェブページのレイアウト用にグリッドを設計したり、エレメントの中心をだしたり、余白を確保するなど、Photoshopのガイド引きを楽チンにするエクステンションを紹介します。 この機能はデフォルトで実装してほしいですね。 GuideGuide 以前、紹介した時に比べてバージョンアップし、使い勝手がよくなりました。 [ad#ad-2] GuideGuideの対応バージョン GuideGuideのインストール GuideGuideの使い方 GuideGuideの対応バージョン Photoshop Photoshop CS4 Photoshop CS5 OS Windows(32bit) Windows(64bit) Mac OS CS5+Mac OSX Lionでは「Patch」が必要です。 GuideGuideのインストール GuideGuideのインストールは簡単です。 ここでは、Windo
ウェブサイトの多数のページ全体に渡り、スタイルシートで定義されたセレクタが使用されているかどうかチェックし、使われていないセレクタのレポートを生成するスクリプトを紹介します。 納品する際に、不要なセレクタを除去するのに役立ちますよ。 Helium -GitHub Heliumの準備 Heliumの使用方法 Heliumの準備 HeliumはjQueryなど他のスクリプトを必要せず動作し、URLのリストから全てのページをロードし、解析して、スタイルシートで見つけたセレクタが全ページで使用されているかどうかチェックし、レポートを作成します。 スクリプトは、開発環境で実行してください。 公開中のサイトで実行すると、ユーザーにもHeliumの動作が見えてしまいます。 Step 1: 外部ファイル テストするページの全てに、当スクリプトを外部ファイルとして記述します。 場所は、head内でも</bo
【CSS】Knyle Style Sheets(KSS)/KSS-railsを導入してみた 4月 8, 2013 admin 読了: 約 4 分 今携わっているスマホアプリがrailsを使用していて、CSSのドキュメント・クリエイティブの情報共有のためにstyledoccoを使用しようと思っていたのですが、railsとの互換性がなさそうなのでKSSを試してみました。 導入のための環境構築 まずrubyをインストールします。 かなり丁寧なのでこちらを参考に。 mac にrubyをインストールする方法 新規のアプリケーションを作成して、そこにいよいよkssを入れていきます。 KSS導入 既にKSSを使用してサンプルまで創られている人が記事を書かれていたので、そちらを参考に。 進めていて、kssのgithubのドキュメンテーション通りに進めているのですが、下記で止まったのでメモ //起動して、l
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして、アメーバ事業本部 teens事業部の谷です。業務ではフロントエンドデベロッパーとして、主にHTML/CSSの設計・実装をおこなっています。 今回は、以前斉藤が書いた「モバイル時代におけるCSSの設計と実装」という記事で触れられていたコンポーネントリストもといスタイルガイドについてのお話です。 スタイルガイドの事例と、スタイルガイドを生成するツール StyleDocco の紹介をします。スタイルガイドとは先の記事より引用すると、ページ上の部品（コンポーネント、モジュール）を集めたリスト、ページのことです。どれがコンポーネントで、どれがモジ
ページの見かけを決めるCSSについていろいろなデザインが今までありとあらゆる場所で検討されてきましたが、今度はそのCSSを時間帯によって切り替えるという方法です。朝なら朝っぽいCSSで、夜なら夜っぽいCSSを使うというようにして、いろいろと応用が利きそう。 詳細は以下の通り。 Katgal.com: New and Improved このアイディアをさらに延長したアイディアが以下にあります。 nicholasjon.com :: Time Sensitive {1/14/2007} 上記サイトでは以下のような感じで時間だけでなく、天気によっても変わっていけばおもしろいというように提案しています。 はれ くもり 夜
DDN は 音楽 ・ 映像 に関する デジタル アート を中心に情報ミックスを配信中
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
