こんにちは、開発の林です。 スマートフォン向けウェブページを作るする際、横幅ぴったりにしたいと思いませんか。 meta viewport というタグを使えば表示サイズを調整することができます。 ただそれを使ったとしても、Android / iPhone は端末により横幅が違うため個別に最適化するの... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
CSS3 の新しいプロパティーを総動員したら、Photoshopとかで作ったきれいなアクア風（ガラス風）ボタンにどこまで近づけるか？ というのを実際にやってみました。 チュートリアル風に、ステップごとに分けて説明していますので、CSS3を使ったリアルな表現のためのテクニックとして、ポイントだけでも... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
DDN は音楽・映像に関する デジタルアートを中心に情報ミックスを配信中 DDN - DIGITAL DJ Network DDN JAPANとは 広告・お問い合わせ Twitterで購読 Googleで購読 映像 画像 音楽 アート ガジェット ゲーム 文章 情報 トピックス アプリ ウェブ イ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
さて昨日からいじっているimpress.jpが良い感じです。3Dでぐりんぐりんしたプレゼンが作れるツールですよ。たとえば、ということでWeb年賀状でも作ってみましたよ（ざっくりとだけど）。 » 百式年賀状 powered by impress.js （スペースか矢印キーでどうぞ） なお、本家本元の... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
お客さんから送られてきた、Excelデータからせっせとリストや表のHTMLをコーディングしているあなた！そろそろ手がが疲れてきていませんか？ そんなあなたは、この記事で紹介するExcelテクニックをぜひ覚えてください。 面倒な作業が、わずか数秒で終わります！ Excelを使った高速HTML生成 ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
WEB制作のチュートリアルって本当に多いですよね。 でも、本当に役に立っている、制作に生かせてるチュートリアルって少なくないですか？チュートリアルの過程が中途半端だったり、途中からついていけなくなったり。はたまた、続きは有料なんて物も今までありました。 しかし！僕の身近いWEB屋人生ですが、年に2... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
このブログがフロントに関する記事が多いもんだから、たまにデザイナーと呼ばれることがあるんですが、僕は業務としてはデザインよか制作ディレクションの方がどちらかと言えばメインなんですよね。 そんなディレクターとしての役割の一つに、周りにいる優れたデザイナーやプログラマー、デベロッパーの業務効率を考える... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 OS.js（JavaScriptOperatingSystem）«AndersEvenrudWeblog 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
女性Webデザイナーの皆さん、今まで付き合った人と感覚が合わないな〜とか 理解してくれないなーなどお困りじゃありませんか？ そんなあなたにオススメの彼氏職業があります。 それは 「エンジニア」です なんか社内で話題になってたので、まとめてみました。(ネタ投稿です) その１：無料でWebサービスが作... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]まるでFlashのように画像とキャプションをアニメーションで替えるテクニックいろいろ | コリス フィード](/thumbnail/646370.png)
画像をホバーすると、小気味良いアニメーションを伴ってキャプションに替えるCSS3のテクニックを紹介します。 デモは10種類あり、CSSでここまでできるのか！って感じです。 基本となるHTML 基本となるCSS 必見の10種類のかっこいいデモ 基本となるHTML HTMLは非常にシンプルです。 キャ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
すげえーーッ!! どう見ても写真にしか見えない！ スコットランドのアーティストが、チョークと黒鉛（グラファイト）で描いた絵が海外のインターネットユーザーの間で注目を集めている。彼は自らをハイパーリアリズム（超写実主義）の画家と位置づけており、その言葉の通りに写真のようなクオリティの絵を描き上げてい... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]サイズが分からない要素を真ん中に配置するテクニック | コリス フィード](/thumbnail/643862.png)
下記は各ポイントを意訳したものです。 要素のサイズが分かっている場合 要素のサイズが分からない場合 まとめと対応ブラウザ 要素のサイズが分かっている場合 「真ん中に配置するエレメント」と「その親エレメント」両方の高さと幅のサイズが分かっているのであれば、エレメントを真ん中に置くのは簡単です。 「真... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
画面上で誰かがタイピングしているようにアニメーションできるjQueryプラグイン「jticker」 2011年11月01日- webdev.stephband.info | jticker 画面上で誰かがタイピングしているようにアニメーションできるjQueryプラグイン「jticker」 タイピン... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Example 10 エレメントのサイズとカラーを変更し、重なり順も変更。 実装 HTML HTMLの構造は、アイコン、メインテキスト、サブテキスト、3つをli要素に含めます。 <ul class="ca-menu"> <li> <a href="#"> <span class="ca-icon"... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
本日は2011年の10月中にブックマークしたクリエイティブでデザイン性の高い日本国内のサイトをご紹介いたします。 10月中にブックマークしたサイトなので、ご紹介するサイト自体は10月以前から存在しているものもありますがご了承ください。 食品・飲食関連のサイト [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
以前ご紹介したBootstrapですが、良い感じにマイナーバージョンアップを繰り返しているようです。地味にウォッチしていたのですが、本日、v1.3.0になってかなり使いやすくなったので再度ご紹介。 ■ JavaScriptライブラリも出来た！ これが一番うれしいぞ！ 以前はドキュメンテーションがい... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 各ブラウザのUIスクリーンショットに納得がいかない…。なんで変なとこでLunaとかAeroで撮ったSSが混じってるの。Mosaic2.0withLunaとかわけがわかんない//ChromeのSSの多さと変わらなさにもワロタ 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]さりげないアクセントとして面白い、キーフレームを使ったCSS3アニメーション | コリス フィード](/thumbnail/617452.png)
キーフレームを使ったCSS3アニメーションのスタイルシートは、下記のようになります。 CSS 1枚目の葉っぱのスタイルシート。 ※ヘッダの葉っぱは同様に4枚の葉っぱをコントロールします。 .deco { position: absolute; } .leaf-1 { left: 670px; -w... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
あまりに情報量が多くて混乱してきたので 自分用にまとめ。リファレンスとか、ちゃんと 実践で使えるツールを自分なりに厳選して まとめておきます。どうも、あっちこっちで あれが便利とかこれが便利だとか言われる と訳が分からなくなるのでそろそろ絞らない とですね。 というわけでお遊びではなく実践に役立っ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
最近スマートフォンサイトの案件が増えてきました。そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。…最近スマートフォンサイトの案件が増えてきました。 そこで、個人的によく使いそうな... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
