Twitter, Facebook, Google+1などのボタンの一括管理、各メディアを省スペースに配置するパネル、ソーシャルメディアを活用するWordPressのプラグインを紹介します。
数年前からちょくちょくwebデザイナー向けの勉強会やセミナーに参加する様にしてるのですが、それらの情報を得るのに私が利用してるサイトを紹介してみます。 もちろんこれ以外にも幾つもサイトはあるのですが、ここに紹介したサイトを併用することで殆どの情報は取得することができてます。 (他にお勧めのサイトあったら教えてください) IT勉強会カレンダー IT勉強会カレンダー IT関係の勉強会のカレンダーです。 大小関わらずいろんな勉強会やセミナー、イベント情報が掲載されてます。 情報量で言えば一番多いのではないでしょうか。 ※カレンダー追加方法 Googleアカウントにログインした状態で、右下の[+Googleカレンダー]をクリックすると追加できます 追記:IT勉強会カレンダーは情報量が多いので下記の検索を使うと便利です。 IT 勉強会カレンダー検索 CSS Nite CSS Nite CSSという名
twitter facebook hatena google pocket 昨今のスマートフォンブームで、対応を迫られることも多い、画像ギャラリーなどのスライド機能。 既存のギャラリー系JavaScriptだとタッチがうまく取れないこともあります。 そんな時は、Rotoを使用してみてはいかがでしょうか。 sponsors Rotoからファイル一式をダウンロード。 下記のようなHTMLがあるとします。 <div id="id名"> <ul> <li><amp-img src="Image1.png" /></li> <li><amp-img src="Image2.png" /></li> <li><amp-img src="Image3.png" /></li> <!-- 以下画像分 --> </ul> </div> あとはJavaScriptを以下のように記述します。 <script t
昨日、Publickeyのモバイル対応版「Publickey Smart Edition」を発表しました。Publickeyのモバイル対応はずっと課題だったのですが、jQuery Mobileが登場したとき「これで簡単にモバイル対応ができる」と思い、jQuery Mobileが安定するタイミングを待っていました。 8月に「そろそろ大丈夫だろう」と思って開発を始めたところわずか1週間程度でモバイル対応ができあがってしまい、今週jQuery Mobileのβ3が出てフィーチャーフリーズになったのに合わせて試験運用を開始しました。 Publikceyのモバイル版の開発は、おおむね3つのステップ「モバイル用HTMLの生成」「jQuery Mobileによるタッチインターフェイスの構築」「小さな画面に合わせた画像縮小」から構成されています。ここではその裏側を少し紹介しましょう。 CMSでモバイル用H
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】
少しリソースが溜まってきたのでリンク集に して開放します。バックリンク不要で、商用 の利用可能、著作権表示も不要のWebデザイン 向け素材サイト。商用で使ってもいいけど リンクしてね、といったようなCCのBY的な ライセンスだとどうしても個人的に使いにく いのでバックリンク不要は割りと必須です。 今までのリソースをまとめただけなのでほぼ全部既出だと思います。自分用リンク集なのでいろいろ適当です。 細かいライセンスもあるので利用規約には必ず目を通してください。 9search この記事の題名の条件の素材を紹介しているサイト。小物系探すなら最初にここ見たほうが早いです。 9search ソザィ-Sozay- こちらもこの記事の題名の条件で収集していますが、素材単位ではなく、Webサイト単位で紹介しています。国内多めですかね。 ソザィ-Sozay- 国内のWeb制作に役立ちそうな無料の写真素材や
iPhone等でもスワイプで画像を送れるカルーセル実装jQueryプラグイン「Ro... 次の記事 ≫:2011年9月13日 管理人のブックマーク
株式会社8bitのスタッフブログです。こんにちは。株式会社8bitの高本です。 Webサービスを作り終わると毎回反省することは何点もあるのですが、デザインについて作る時に気を付けないといけないなと思うことを書いてみます。 Webサービスのデザインは静的なWebサイトと異なってきます。 静的なWebサイトデザインであれば、テキストや写真画像の分量などあらかじめ分かっていますので、素材を活かしてデザインすることが出来ます。 ですが、Webサービスの場合、例えばユーザーが登録や投稿をするようなサービスでは、期待している画像やテキストが入ってくるわけではありません。 実際開発が終わってテスト投稿をしてみると、「なんかデザインで見た時をイメージ違う?」というようなことが起こることもあります。 「予測されるデータパターンを洗い出して、ディレクターなど構成を考える人がきちんと考えて指示を出せ
こんにちは エンジニアのけおけんです。 ここ最近の僕たちエンジニアがなにをやっているのか、近況報告したいと思います。 OJT 1ヶ月間の福岡でのCS研修、2ヶ月間の東京でのエンジニア研修を終えて、OJTをしています。 ぼく(けおけん)、きたけー、ぐっさんの3人は ブクログとパブー 30days Album Sqale を一週間ずつで交代しながら、サービス内のちょっとした修正や開発、お問い合わせ対応(メール返信、調査)などをしています。 各サービスで使用している言語や技術が違うので覚えることはたくさんありますが、とても楽しく、充実しています。 同じくエンジニアのおっくんは、ヘテムルでインフラエンジニアとしてOJTをしています。 これまた全然違うことをしているので、詳しくはおっくんから。 今週は30days Album 今週は30days Albumで、サイトの見た目に関する修正を行っていまし
CSS3 Flying Menu デモページ [ad#ad-2] CSS3 Flying Menuのデモ デモでは他にも、ふんわりと浮かびつつ、ハイライトされるものもあります。 デモページ CSS3 Flying Menuの実装 HTML:ふんわりと浮かぶタイプ 各アイテム(アイコンとテキスト)をリスト要素で実装します。 <ul id="fly-menu"> <li><a href="http://www.webstuffshare.com"><img src="images/heart.png" alt="webstuffshare">Webstuffshare Home</a></li> <li><a href="http://feeds.feedburner.com/webstuffsharecom"><img src="images/rss.png" alt="rss"> Subs
去年から恒例イベントになっているWebSig 1日学校。古い学校の校舎を使って正に学校で学んでいるような気分で参加できるこのイベント。今年は「デザイン視点のコミュニケーション術」というタイトルで講師をさせていただきました。主催者からの依頼が非常に難易度が高く、扱うトピックからスライドの完成まで悩みながら作りましたが、そのプロセスで見えたところもたくさんあり、イベントも含めて学びと出会いがたくさんありました。 なぜ『作る』以外について語ったのか デザイナーの仕事はレイアウト、UI、ルック&フィールなどを作る人。コンセプトや潜在的にあるものを視覚化出来る人と捉える方が多いと思います。作り出すことがデザイナーの能力ではありますが、語られる部分が「作る」という部分に集約してしまいがちです。しかし、実際のところ「作る」部分というのはデザイナーの能力のほんの一部でしかなく、それ以外が重要だったりします
この記事は、2011/9/11 に神戸芸術工科大学で開かれた「WordCamp KOBE 2011」で私がお話しした「WordPressサイトをデザインする時に気をつけていること」というセッション内容をブログ記事として起こしたものです。 当日はたくさんの方にお越しいただきありがとうございました。 会場に入れなかった方もいらっしゃったそうですみません。 この記事で、少しでも内容を共有できればと思います。 このセッションでは、オリジナリティのあるWordPressサイトのテーマをデザインする際に私が気をつけていることについてお話させて頂きます。 このセッションでお伝えしたいことは「4つ」あります。 いずれも、私がオリジナルのWordPressテーマをデザインする際に気をつけていることです。 このセッションで伝えたいこと このセッションでお伝えしたいことは「4つ」あります。 いずれも、私がオリジ
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
サイトのデザインを変更しようかと思ったのですが,自力でデザインを考えるのは限界があるのでフリーの HTML/CSS テンプレート集をざっと探してみました.尚,どのサイトが人気なのか分からなかったので,各種ソーシャルメディアのカウントを取得して併記してみました.海外サイトばかりなので,SBM としてははてなブックマーク以外に Delicious のカウントも取得しています. 掲載されてあるデザインはまったく見ずに,サイトの使いやすさ(と言うか「広告の少なさ」かな)だけからの感想ですが,個人的には http://www.solucija.com/ が使いやすいかなぁと言う気がしています. URL Delicious Hatena Twitter Facebook 1 http://www.oswd.org/ 24,170 951 471 1,002 2 http://www.freecsste
真面目系クズにしか分からないこと Tweet 1:以下、名無しにかわりましてVIPがお送りします:2011/09/12(月) 19:59:28.10 ID:ztHbwjEX0 物事が長続きしない 10: 忍法帖【Lv=8,xxxP】 :2011/09/12(月) 20:03:38.59 ID:y98YhRSX0 最初は期待される でも後々ボロがでて人が離れてく 424:以下、名無しにかわりましてVIPがお送りします:2011/09/12(月) 21:25:29.99 ID:OfU4mCqr0 >>10 ああ・・・・俺じゃん・・・・・・ 13:以下、名無しにかわりましてVIPがお送りします:2011/09/12(月) 20:04:15.33 ID:gvrGTHcH0 俺って駄目な奴だなと思いつつ改善しようとしない 14:以下、名無しにかわりましてVIPがお送りします:2011/09/12(月
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く