スマートフォン対応、気をつけたいトラブル8/18におこなわれたCSS Nite in OSAKA, Vol.32での発表用スライドです。4/27のCSS Nite in OSAKA, Vol.29で使用したスライドをベースに、若干の追記・修正をした内容となっています。Read less
レスポンシブWebデザインの基礎を習得したい人に絶対役立つスライド
レスポンシブ・ウェブデザイン -Responsi... / レスポンシブ・ウェブデザイン基礎 / ADC OnAir 第5回 『レスポンシブ We...他...全6件
初心者に分かりやすい『人の描き方』講座まとめ - 萌えイラスト上達法！ お絵かき初心者の学習部屋
最近、Pixivでは初心者向けに人体を描く講座が 多く投稿されています。 初心者でも分かりやすい『人の描き方』をまとめましたので 是非、これを見て勉強してはいかがでしょうか？ 【顔・頭】 ・もっと顔の描き方を勉強したい人はこちら 顔の講座 まとめ 【体・バランス】 【わき】 【腰・おなか】 【胸】 【手】 ・もっと手の描き方を勉強したい人はこちら 手の描き方講座まとめ 【足・脚】 ・もっと脚の描き方を勉強したい人はこちら 脚・足の描き方 講座まとめ 【人体の描き方が学べるサイト】 人を描くのって楽しいよね(hitokaku) KITAJIMAのお絵かき研究所 この他にも、 『プロが教えてくれる勉強法』 『効率よく絵が上達する方法』 などの良い記事がありますので、 こちらもご覧になってはいかがでしょうか？ ・プロ絵師から学ぶ！必ず絵が上手くなる方法 ・美大卒の漫画家が教える！画力上達の為の練
パララックスWebデザインまとめ(+無料プラグイン9個)
パララックス効果(英: parallax effect)をご存知ですか。 別名「視差効果」とも呼ばれ、Webデザインで利用されている、エフェクトのひとつです。 複数のイメージ画像のスクロールするスピードを調整することで、奥行きのある立体的な空間を生み出す、アニメーションを得意としたエフェクトとなります。 今回は、海外デザインブログfavbulousで、比較的新しく公開された、パララックス効果を利用したWebサイトを14個まとめたエントリー「14 Impressive Parallax Scrolling Website Showcase Inspiration」が公開されていたので、こちらを中心に、パララックス効果全般についてまとめています。 一緒にパララックス効果に使える、無料プラグインなどもまとめていますので、Webサイト制作に活用してみてはいかがでしょう。 詳細は以下から。 パララッ
1クリックでWordPressのテーマファイルの制作に必要なファイルが全部揃う -Underscores
HTML5ベースでWordPressのテーマを一から制作したいという人にぴったりな、商用でも無料で利用できるWordPressのテーマファイルの開発セットを紹介します。 Underscores -A Starter Theme for WordPress Underscoresのダウンロード Underscoresの特徴 Underscoresのダウンロード 自分用のWordPressのテーマファイルは、1クリックで必要なファイルが全部揃います。 「Theme Name」に好きな名前、例えば使用するサイトの名前（coliss）などを記入し、「Generate」ボタンをクリックするだけで、テーマファイル一式がダウンロードできます。 オプションはお好みで。 Underscoresの特徴 HTML5ベースのWordPressのテンプレートです。 404ページのテンプレートも用意。 オプションとし
罫線もキーボードで！ 利便性の高いExcelのショートカットキー15選＋α | ライフハッカー・ジャパン
意外と知られていないExcelの小ワザ。前回は「知っているようで知らない、マウスを使ったExcel（エクセル）小ワザ集」をお送りしました。今回は、主にExcelのショートカットキーを中心に取り上げます。 ツールバーやメニューバーをクリックして操作するのはさほど時間はかからないとは思いますが、ショートカットキーを使えばExcel作業が少し楽になります。「セルの書式設定」を開いたり、罫線を引いたり消したりできるショートカットキーなど、すぐに役立つものばかりを集めました。ぜひExcelを開いて試してみてください。 1. 「Ctrl＋Space」でその列全体を選択。「Shift＋Space」でその行全体を選択。 2. 「Ctrl＋Page Up（Page Down）」でワークシートの移動。 3. 「Ctrl＋1」でセルの書式設定を開く。 4. 「Alt＋Shift＋=（イコール）」で、オートSUM
Wood Textures In Web Design | How to use them successfully!
This post rounds up a showcase of web designs that are all helping make the wood texture cool again. Wood textures in web design aren’t anything new, actually, they were pretty trendy after the days of “web 2.0” until they kind of lost their coolness. Recently though, we’ve begun to see wood textures make a return in website designs and iPhone and iPad app interfaces. There are many styles, depend
必読！5分でわかるレスポンシブWebデザインまとめ その2 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
デザイナーの野田です。 前回書かせていただいた「必読！5分でわかるレスポンシブWebデザインまとめ」が、大変好評だったため、今回も続編を書かせていただきます。 今回は、応用編のつもりでしたが、前回だけでは足りていない事が多かったので、もう少し基本となる部分を固めていきたいと思います。 本当に基本的な事ですが、大切な事ですので、少しでも皆様のお役にたてればと思います。 レスポンシブWebデザインで必ず考えなければならない事 「レスポンシブWebデザイン」で制作する際には、必ず考えなければならない事がいくつかあります。 これは、考えていなければ制作する際に必ずつまずく事でもございます。 ■対応デバイスの確認 まずは、対応デバイスの確認をしましょう。 現在、様々な解像度を持つデバイスがございます。大体のサイズとして下記のものが挙げられます。 ※PCの解像度に関しては、今回は省略させていただきます
jQueryプラグインを探すときに便利なサイト
jQuery Clip - jQueryのプラグ... / jquer.in / jQueryスニペット - かちびと.net他...全6件
文章力20点のあなたでも、ブログを人気ブログに変える10の法則。:Ｂｌｏｇで本を紹介しちゃいます。
2012年08月17日00:22 by tkfire85 文章力20点のあなたでも、ブログを人気ブログに変える10の法則。 カテゴリ管理人 雑談 tkfire85 人気ブログを書くために「文章力」が必要だ。とはよく聞きますが、はたしてそれは正解なのでしょうか？確かに文章力があった方が色々な表現が使えます。国語的に言えば「比喩」や「隠喩」を使って、ぐうの音も出ないほど完璧な文章を書いた方が文章としては美しいと思いますが、実は、必ずしも文章力が必要とは限らないのがブログの世界です。それは、人気ブロガーの大半が「東大法学部卒」ではないように、人気ブログになるためには文章力よりもコツが重要視されます。別の言い方をすれば、センスですね。 僕は文章能力的には３０点〜４０点の間だと思っています。それでも、はてブで１０００ブクマ越えの記事を何本か書く事ができています。ずっと１０万ＰＶを安定的に稼げるように
[CSS]非常に少ないコードで実装されたCSS3のアコーディオン型スライダー
JavaScript無しで、HTMLとCSSを使って非常にシンプルな実装をしたアコーディオン型スライダーを紹介します。 Make an Accordian Style Slider in CSS3 アコーディオンはCSS3アニメーションで滑らかに開閉し、スライドの数を減らしても増やしても動作します。 見た目だけではなく、非常に機能的なつくりです。 HTML HTMLはリスト要素を使い、非常にシンプルです。 <div class="accordian"> <ul> <li> <div class="image_title"> <a href="#">キャプション</a> </div> <a href="#"><img src="image.jpg"/></a> </li> <li> <div class="image_title"> <a href="#">キャプション</a> </div>
jQuery Clip - jQueryのプラグインをまとめました。
jQueryの便利で実用的なイメージスライダーやレスポンシブ対応のプラグインをタグやカテゴリで見やすくまとめました。
[JS]ページのレイアウトに役立つjQueryのプラグインのまとめ
Pinterestのようにパネルを隙間なくレンガ状に配置したり、異なる高さのパネルを同じ高さにしたりなど、ページのレイアウトに役立つjQueryのプラグインを紹介します。
商品が「売れない理由」が分かる！顧客のライフサイクル分析の６段階
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. 不景気で会社の売上が落ちたと悩んでいないだろうか？そして、とりあえず安売りセールやクーポンを実施したり、広告を出したりして、更に利益が少なくなってしまったという経験はないだろうか？ そうやって、迷走を続けていると、やがて深みにはまってしまう。 しかし、本日ご紹介する顧客の「購買ライフサイクル」を使うことで、ビジネスは簡単に改善される。なぜなら、購買ライフサイクルを知ることで、現状のマーケティング戦略の弱点を明確に把握することができるからだ。 売上アップに悩んでいる方は、是非参考にして欲しい。 顧客の購買ライフサイクルとは？「購買ライフサイクル」とは、人があなたの会社や商品の存在を知って、実際に商品を購入するまでの流れと、そこからリピート客
誰でも1，000個のアイディアを大量生産できる「アイディアしりとり」がすごい！:Ｂｌｏｇで本を紹介しちゃいます。
2012年08月01日22:25 by tkfire85 誰でも1，000個のアイディアを大量生産できる、「アイディアしりとり」がすごい！ カテゴリ管理人 雑談 tkfire85 ∞(むげん)アイデアのつくり方posted with ヨメレバ株式会社バンダイ 高橋晋平 イースト・プレス 2012-07-15 Amazon楽天ブックス図書館よく、アイディア出しの時に使われる「オズボーンのチェックリスト」というものがあります。簡単に説明すると、以下のようなものなのですが、ビジネス界では割と有名な方法かもしれません。あらかじめ準備したチェックリストに答えることでアイデア発想する方法です。具体的には、アイデアのテーマや対象を決めて、チェックリストの項目のそれぞれに対してアイデアを出していきます。 お土産屋さんブログさんというブログで紹介されいる絵がとても分かり易いです。 以下のような項目に当てはめ
【カタカナ英語からの脱却】英語の発音を良くする読み方の4つのポイント
Tweet Pocket 日本人の多くは英語の発音が悪いといわれ、そのことにコンプレックスを抱えている人も多いのではないでしょうか？ではなぜ、日本人の英語の発音は悪いのでしょう？ まず、アジアの言葉は欧米の言葉とは違った口の開き方をし、違った筋肉の使い方をするということを念頭に置かなければなりません。ということはつまり、英語を話す時には、日本語で私たちが日常的にしている口の開き方ではない、別の形を心がけなければいけないということです。 次に、舌の動かし方。私たちは多くの外来語をカタカナに置き換えて日常的に使っています。そのために、その言葉の持つカタカナの音に慣れてしまい、本来英語で発音されるべき音を失ってしまいます。だから、カタカナの言葉は英語ではないということを忘れずに、別の言葉として認識しなければなりません。 これらのことを念頭に置いたうえで、英語の発音を良くするコツを考えてみましょう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Trust Form
http://indigonote.com/2011/06/17/fireworks-texture/
CSS3で実装されたUIエレメントのオープンソースのまとめ -CSS3 Code Snippets | コリス
Fireworksの拡張まとめ（2012年8月版） | Webデザインのタネ
