超かっこいいmarquee2.0を実現するjQueryプラグイン「fMarquee」:phpspot開発日誌
jQuery Marquee Animation Plugin Preview - CodeCanyon 超かっこいいmarquee2.0を実現するjQueryプラグイン「fMarquee」。 ホームページをつくりはじめた時には誰もが使ったマーキー。覚えていくにつれ、ほとんど使われないかわいそうなマーキー。 そんなマーキーもjQueryで超かっこ良く、まるで映画のプロモーション動画に使われるようなエフェクトに生まれ変わったようです。 生まれ変わったマーキーを見てみよう 実装は超簡単！ <script language="javascript"> $(document).ready(function() { $('.marquee').fMarquee({width: 960, height: 100}); // サイズをオプション指定 }); </script> <!-- 内容はdivに入
webデザインにおける視線誘導のおはなし | 07design.blog
こんにちは。今回はレイアウトの記事を書きます。「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、・・・こんにちは。今回はレイアウトの記事を書きます。 「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。 「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、一般的な視線の流れのパターンを表した図式のことです。 簡単に言うと「人間の目は左上から右下方向へ、チラチラしながら遷移する」というものです。 こういった視線の流れのパターンは、エディトリアルデザインなどでは当たり前に使われている技法・考え方らしいです。 テキストをレイアウトする場合には、左上・右下に重要なコンテンツを配置す
「SEO」とは（おさらい編） - かちびと.net
今さらですけど、「SEOってどんなもの？」 っていうおさらい的な記事を書いてみます。 一部の業者さんによってSEOへの認識は まったく違うものになってしまい、頭の良い 人まで勘違いするようになってしまいました。 残念な事です。 というわけで、おさらい。SEOとは何か、について簡単に。とくに釣られたわけではないでｓ SEOとは SEOはサーチエンジン最適化の略称です。現在はもうGoogleが主流なのでGoogleに最適化するのがSEO、という認識で大体あってます。勿論、人が使う検索エンジンは他にも沢山ありますが。 では、「最適化」とはどういったものを指すのでしょうか、という話なんですが、まぁ最適化する為の施工なので、 ユーザーにとって有益でないコンテンツを表示させないようにする クローラーにsitemapを送信してインデックスするのを助けてあげる URLの変更等で、適切なリダイレクト処理を行
レイアウトに関する強力なjQueryプラグイン６つ:phpspot開発日誌
6 Powerful jQuery Plugins to Create and Enhance Website Layout | Queness レイアウトに関する強力なjQueryプラグイン６つが紹介されていました。 一昔前では不可能では？と思われたような複雑なレイアウトもjQueryを使うことで簡単に実現できます。 ちょっと変わったレイアウトにしたいっていう時に参考にさせてもらいましょう UI.Layout リサイズ可能な複雑なレイアウト作成 Masonry ブロックを新聞みたいにしきつめて表示 jLayout divをならべてその親divのclassにルールにしたがって記述することで複雑なレイアウトが簡単に作れます jQuery pageSlide ページ全体をズラしてアニメーションしながらサイドバーを出すエフェクト jQSlickWrap 画像にあわせて文書をまわりこませられる C
2130703450443574201?keyword=HTML5
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
WordPressで構築されたポートフォリオテーマ集「20+ Top Creative WordPress Portfolio Theme Collection」
WordPressで構築されたポートフォリオテーマ集「20+ Top Creative WordPress Portfolio Theme Collection」 自分の作風や表現方法を知ってもらうためのポートフォリオは、仕事を続けていくための最重要資料ではないでしょうか？ファイリングなどの資料だけではなく、web上でポートフォリオを公開できれば、仕事の幅はもっと広がるはず。そこで今回は、WordPressで構築されたポートフォリオテーマ集「20+ Top Creative WordPress Portfolio Theme Collection」を紹介したいと思います。 WordPress – Studio Box Premium WordPress 9 in 1 – ThemeForest TOPページでの作品の見せ方にこだわった作品の数々が紹介されています。中でも気になったものを幾つ
【Photoshopチュートリアル】マスキングテープ素材 | 07design.blog
今回はデザインのお勉強ではなく、趣味に走ったチュートリアル記事を書きます。たま～に若い女の子向けのグラフィックデザインをやるのですが、マスキングテープを使ったデザインをよく作ります。その素材のチュートリアルを個人的なメモとして記録しておきます。…今回はデザインのお勉強ではなく、趣味に走ったチュートリアル記事を書きます。 たま～に若い女の子向けのグラフィックデザインをやるのですが、 マスキングテープを使ったデザインをよく作ります。 その素材のチュートリアルを個人的なメモとして記録しておきます。 我流なので、参考になるか分かりませんが森ガールテイストのデザインを作る際などにお役立てください。 マスキングテープ、かわいいですよね。個人的にも集めてたりします。 mtって略すらしいですが、どうしてもMovableTypeしか浮かばないのでマステって略してます… こういったものをつくっていきま
仮設住宅の建設が遅い 本当の理由 | 東日本大震災 がんばれ東日本！
東日本大震災における仮設住宅の建設が遅れている事は上記を見れば一目瞭然です。 最近ではテレビでの報道も少なくなってきましたが、 実際に被災地の避難所では仮設住宅の完成を待ち望んでいる方が多数いらっしゃるのです。 震災後、数ヶ月経過した現在も体育館や公民館などで、プライバシーも何も無い生活を送られているのです。 他人事ではなく、自分だったらどうか？ 想像してください！ 【では、何故 仮設住宅の建設が遅いのか本当の理由を暴露していきます。】 阪神 ：資材が無い。流通が悪い。 東日本：資材が無い。流通が悪い。 （同じ条件です。） 阪神 ：範囲が東日本大震災に比べて狭い。 東日本：範囲が阪神大震災に比べて広い。 （上記の写真から見ると、関係がない。） 阪神 ：まだ、景気は良かった。 東日本：景気は悪くなっていた。 阪神 ：関西の勢いあるノリがある。 東日本：のんびりしている地域。（東北） 阪神 ：
バカ学生と思われないための21のメール術｜常見陽平の「就活最前線」｜就活の栞
こんにちは、常見陽平です。 5月、6月に、いくつかの大学で、3年生向けの就職ガイダンスで講演をしました。 まだ、2012年度の採用は継続しておりますし、 2013年度は採用広報開始時期が後ろ倒しになるのですが、 ガイダンスは5月～7月に実施する大学が多いようです。 私は大学での講演で配布する資料に、連絡先のメールアドレスを明記しています。 時間も限られていて全員の質問に答えることができないこと、 少しでも多くの学生から感想を聞きたいからです。 頂いたメールは、やや時間を頂きますが、必ず返信するようにしています。 もっともメールアドレスを告知したところで、 メールを送ってくる学生はせいぜい参加者の1％程度なのですね。 連絡先を伝えても学生はメールを送ってこない、ということを講演で言ったところ、 いつもより多くのメールを頂きました。 しかし、マナー面においても、内容面においても残念なものが多数
「素人っぽいデザイン」から抜け出すために、デザイン制作時に心がけたい5つのポイント
☆ご注意☆ この記事は 2011年5月29日 に書いたものです。情報が古い可能性がありますのでご注意ください。 今も素人にちょびっっっとだけ毛が生えた程度ですが、 少しだけわかるようになりました。 毛の生えた私からツルツルの私へのダメだし Webデザイナーなりたてのころ、デザインのチェックをしてもらったとき、 「んーーーなんかこのへん素人っぽいね」と言われた事があります。 素人っぽい。。。？？？(゜д゜) そのときは何だろう、どんなのが素人っぽいんだろうとわかりませんでした。 就職はできたものの、技術は完全ど素人なので。 今も素人にちょびっっっとだけ毛が生えた程度ですが、 少しだけわかるようになりました。 「素人っぽい」の意味が。 毎日、たっくさんのWebサイトを見ますが、プロのデザイナーが作ったと思われる、構成もデザインもしっかりしたサイトもあれば、お店の人が一生懸命手作りしてそうなサイ
Androidデバイスのディスプレイサイズ、DPI一覧 - Hacking My Way 〜 itogのhack日記
2011/10/1最新情報を公開しました http://d.hatena.ne.jp/itog/20111001/1317438659 AndroidDeviceInfoShareを公開してから早一ヶ月、あっという間にFINGERPRINTベースで100以上のデバイス情報がシェアされてます。 その中で、多くの人が一番気にしてるディスプレイサイズ、DPIに関する情報を表にしてみました。 最新の情報はアプリで見てください。インストールは以下から https://market.android.com/details?id=com.itog_lab.android.adis MODEL MANUFACTURER BRAND widthPixels heightPixels xdip ydpi density 001DL Dell Inc dell 800 480 160.42105 160 1 A
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
世にも美しい大理石でできた湖面にある洞窟「マーブル・カテドラル」 : カラパイア
Google