紹介済みから未紹介のものまで、最近リリースしたjQueryのプラグインをまとめました。 去年までは33+1選としてましたが、今年から新たなフォーマットで。
[JS]最近リリースしたjQueryのプラグインのまとめ -2013年1・2月
紹介済みから未紹介のものまで、最近リリースしたjQueryのプラグインをまとめました。 去年までは33+1選としてましたが、今年から新たなフォーマットで。
流行りのレスポンシブ・ウェブデザイン！ よく使われるデザインパターンを集めてみた！
流行りのレスポンシブ・ウェブデザイン！ よく使われるデザインパターンを集めてみた！ 2013.01.18 | この方法お勧めです！ | サイト推薦！ tips | WordPress | ほらみんなも！ | デザイン | レスポンシブ あけましておめでとうございます！ 今いる場所がシアター！Huluの動画サイトにはまり、かなり引きこもりがちなブラウンです。 超寝不足。。。やばいです。。。 今回は流行りの【レスポンシブ・ウェブデザイン】について、デザイナー目線の記事を書こうと思います。 少し前までは『レスポンシブ！？そんなんいらんわっ！！無視や！無視っ！！』って思って勉強することから逃げていました。しかしもうダメのようです… もうIT業界では、レスポンシブ・ウェブデザインは当たり前って流れがきてます。確かにアクセス解析ではPCよりスマホやタブレットからの方が多いですし。 とにかく、今回レスポ
これなら分かる！WEB制作を無料で「学べる」サイトまとめ
作成：2013/02/4 更新：2014/11/01 Web制作 > 基本的なところを簡単に、楽しく覚えたい 自分でサービス作ったり、会社や違う職種でも 色々と「基本」はおさえておきたい 今回はサイト制作に必要な「基本的な知識・情報」を、分かりやすいサイトを中心にまとめました。必ずおさえておきたいスキル・知識です。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．HTML5 ２．CSS ３．レスポンシブ ４．配色 ５．視線誘導 / 心理学 ６．インターフェース / ユーザビリティ ７．SEO ８．ディレクション ９．アクセス解析 １０．WEBマーケティング １１．コピーライティング １２．ソーシャル １．HTML5 HTML5って何？ HTML5とは何かを簡単にまとめてみた - Yahoo! JAPAN Tech Blog Canvasについて知っておく
初心者でも今すぐできる！読まれる文章の書き方12のコツ - 自分を変える、人生を変える！
2013-02-02 初心者でも今すぐできる！読まれる文章の書き方12のコツ 文章術 一昔前と比べて、私たちが文章を書く機会は圧倒的に増えました。 ネットが普及し、個人が「情報発信の場」を持つのが当たり前になったからです。 ブログやmixi、ツイッター、フェイスブックなどをやっていれば、必ず文章を書くことになります。しかし自分の文章がなかなか読まれなかったりうまく伝わらなかったりして、悩んでいる方もいると思います。そこで今回は「読まれる文章の書き方12のコツ」をご紹介したいと思います。 高等技術を省き、できるだけ文章初心者の方でもすぐ使えるようなコツに絞ってまとめました。 1. 「何を伝えたいのか？」を1つに決める 文章には必ず「それを書く目的」があります。 目的をハッキリさせておかないと、途中で「あれ、えーと何が言いたかったんだっけ？」と迷路に迷い込んでしまいます。 そのよう
コレを抑えておけばOK！スマホサイト制作に役立つ記事・サイトまとめ！ | PLUS
一般企業サイトでもスマートフォンに対応するサイトが増えてきました。ちょっと前までは提案しても、もうちょっと先でいいよという話に落ち着いていたんですが、ようやく身近なクライアントも導入をはじめています。そこで今回は実際にスマホサイトを作る立場から、役に立ちそうな記事やサイトをまとめてみました。 スマホサイトのギャラリー 絶対見ておきたい有名企業のスマホサイトまとめ 優れたiPhoneサイトデザイン集 – iPhoneデザインボックス スマートフォンサイト デザイン集 AGT thinkthing スマホ制作に役立つ情報 【スマートフォンサイト制作の総まとめ 第1弾】スマホサイトデザインの基礎知識 少しのコードで実装可能な15のスマートフォンサイト用小技集 200サイトのiPhoneデザインを見て感じたスマートフォンの最適化 Webサイトのスマートフォン対応 7つの基本ルール スマー
サイト制作の参考にしたい！Wordpressでつくられたウェブサイト50選
WordPressでサイトを作るときに、参考になるWordpressサイトはないものかと思ったことが一度はあるはずです。 WordPressでつくられたサイトからはデザイン・機能・運営方法まで参考になることが多いのではないでしょうか。そこで今回はWordpressでつくられたサイトを有名なところから50個ピックアップしてまとめました。後から読み返しやすいようにサイトのタイプ別に分類しています。 ※2016年3月末時点でWordpressでつくられたサイトであることに注意してください。 企業サイト・組織サイト 株式会社カカクコム 価格ドットコムなどを運営する株式会社カカクコムのコーポレートサイト。 http://corporate.kakaku.com/ クックパッド株式会社 クックパッド株式会社のコーポレートサイト。 https://info.cookpad.com/ 株式会社ベクター オ
オシャレなスライドショーを簡単に作れちゃう reveal.js の使い方を reveal.js を使って解説してみた. | TM Life
昨日, コリスさんの記事で紹介されていた reveal.js に一目惚れしてしまったので使い方をまとめてみました. reveal.js の使い方を reveal.js を使って解説しています. 簡単にオシャレでシンプルなプレゼンを作れるのでぜひ遊んでみてください. 追記: 『reveal.jsベースのプレゼンをWeb上で作れちゃうオンラインエディタ『rvl.io』の使い方をrvl.ioを使って解説してみた』というエントリーを公開しました. とても便利なので, よかったらこちらも参考にしてくださいな♪ Sample reveal.js を解説しているサンプルはこちらです. また, 最小サンプルも作ってみました.(こちら) Download 今回制作したサンプルはこちらでダウンロードできます. index.html が 解説しているサンプル, sample.html が最小サンプルになります.
jQueryコーディングの基本的なことからプラグイン化までの注意書き（Webデザイン）
jQuery でのプログラミングの、基本的なことからプラグインを作るところまで、初心者の頃につまずいた部分を中心にまとめてみました。公式ドキュメントなどで使われている、少し難しい印象の専門用語も織り交ぜながら書きました。jQuery で Webデザインのパーツを作るときの注意書きという感じです。 Webサイトを作るとき、私的にはとってもよく使っている jQuery。jQuery を勉強しだしたころは、自分の書いたコードが動いたりするのが、とっても楽しくて嬉しかった覚えがあります。私はあまり JavaScript でのコーディングが得意ではないので、今でもよく jQuery を使ってコーディングしてます …。 以前：CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました という記事を書いたのですが、今回はその復習 & jQuery
[CSS]コピペでOK！画像のホバー時用のかっこいい新しいエフェクトのまとめ
HTML 各デモのベースとなるHTMLです。 div要素のclassを変更して利用します。 <div class="pic"> <img src="image.jpg"> </div> 各デモで共通で使用するスタイルです。 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } body { background: #333; } .pic { border: 10px solid #fff; float: left; height: 300px; width: 300px; margin: 20px; overflow: hidden; -webkit-box-shadow: 5px 5px 5px #111
HTML5 × CSS3 × jQueryを真面目に勉強 – #15 Evernote風タグ登録コンポーネントを作ってみた | DevelopersIO
ちょっとした備忘録といったメモには Evernote を使っています。一時期に比べると使用頻度は少し落ちましたが、それでも使っています。地味なところですが、Evernote のタグ登録 UI が結構好きなのが理由の一つでもあります。 Web メールにおいては基本的に受信がメインで送信といっても殆どが返信で済んでしまっていますが、 Gmail を使っています。Gmail は非常に早いサイクルで機能や UI が刷新されまくっていますが、いつの頃から送信先、Cc、Bcc 入力のUIがまるでタグのような見た目とインタラクションになりました。この両者の UI はとても良く似ており、単純なカンマ区切りの文字列よりも視認性が高くて個人的に気に入っている UI の一つです。 そんな訳で、このタグ登録のUIコンポーネントを作ってみました。前回、jQuery UI Widget の作り方について学んだわけです
動画マガジンアップロード―横浜の夜職・キャバクラ求人を探す前に―
横浜の稼げる夜職を探しているならキャバクラ求人をチェックしてみよう 夜職に興味を持っているのであれば、まずは、キャバクラ求人情報に目を通してみてください。 自分に合ったお店を探しやすい ナイトワーク専用求人サイトは、情報が詳細かつ豊富で自分にぴったりのお店を見つけやすく、各種検索で絞り込みもできますので迅速に自分が求めている条件のお店を抽出できます。 検索やフィルターがしにくい求人サイトだと、自分に合ったお店を見つける前に見るのに疲れてしまい、せっかくの良い求人を見逃してしまうかもしれません。 サイトの構成がしっかりしていてデザインも見やすく、検索するユーザーが簡単に情報を取り出すことができる「体入ドットコム」をおすすめします！ 画像引用元：https://www.tainew.com/ キャバクラは店舗数が多く選択肢が多い キャバクラは店舗数が多数のため、幅広い求人の中から自分にぴったり
ちょっとこの辺でHTML5のタグを全部確認してみようぜ！！
HTML5のタグは108つある って話は以前このブログでしましたねー。なんの偶然か、108っていう数字には厨二心をくすぐられますｗ 何か意味があるような気がしてなりませんね★ HTML5のタグって現時点(2012年8月)でいくつあるの？ ― #HTML5のタグは百八つまであるぞ …？ ― 現在HTML5は最終草案の状態です。この108と言う美しい数字を崩す可能性のある要素として、以前から仕様から外れるかもしれないという話のあったhgroup、Editor’s Draftから追加される可能性のあったdialogやdata、そして新しく追加しようという話の持ち上がったpictureやmainなどがあります。 ただとりあえずHTML5.0のうちは変化することは多分無さそうです。この辺のことはこのAdvent Calendarの初日の記事、覚え書き＠kazuhi.to: 巷（何処）で話題のmain
あらゆるものを魔法のように「木彫りアート」にした作品いろいろ : らばQ
あらゆるものを魔法のように「木彫りアート」にした作品いろいろ イタリア人彫刻家のリビオ・デ・マルキさんはユニークな木彫りアートを造ることで知られ、彼の手にかかるとペットや服、さらには乗り物まで、身の回りのものを魔法のように木彫りにしてしまいます。 本物そっくりの質感を持つ作品をご覧ください。 1. こちらはイタリア・ヴェネチアの彫刻家、リビオ・デ・マルキさんの工房。 2. 今にも動き出しそうな犬。 3. ゴルフクラブのセット。3番以外も全部ウッドです。 4. テディベア。 5. かごいっぱいのテディベア。 6. 絵の具の筆。 7. エンジンが掛りそうなスクーター。 8. 部品まで作り込まれた車イス。 9. チェーンも木でできたガマ口のバッグ。 10. シューズ。 11. 帽子。 12. 下着。 13. バッグとメガネ。 14. よれよれの上着。ポケットに物が入ります。 15. 木製なのに本
かんがえる
シッター 図鑑 コラム ニュース 犬がなにを考えているか。それを読み取るのはけっこう難しいことです。 ドッグシッターと言う仕事柄、お客さんや散歩で会う人たちに、 飼っている犬の性格とか今の気分とかをよく聞きます。 「この子臆病なのよ」 とか 「気が強いのよ」 とか。そんな感じで。 でも実際見てみると全然逆だなあと言うことが多いです。 知識不足というのがまずあるんでしょうね。 虚勢を張っているのにそれを実態と勘違いしたり。 あと、人間は賢すぎるな、というのはよく思います。 犬はあんまり考えてなくて頭空っぽ。 なのに、ただ人の方が勝手に「犬がこう考えてる」と考えて。 犬が考えてるわけじゃなくって、人が考えてるだけ。 悲しんだり苦しんだりしてないのに、勝手に思い込みでかわいそうと思ったり。 人が楽しいと思えば犬も楽しくて、人が悲しいと思えば犬も悲しくて。 犬は素直な生き物です。 感情表現を正確に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
CSSを使ったレイアウトのテクニックがしっかり学べる良コンテンツ -Learn CSS Layout
Loading...
かわいい動物がもりもりでてくる安眠の為の動物動画 : カラパイア