WEBデザインに関するchi7777のブックマーク (47)

  • Facebook,Twitter,はてな,mixiのソーシャルボタンをオリジナルにしたいのです

    FacebookやらTwitterやらはてなやらmixiやら何やらソーシャルボタン付けたいけれど、 角丸とかフォントとか大きさがまちまちだし幅とるしカウント数いらないし… 記事の下とかにあるならいいけど、 これが記事の上にあったりすると微妙に嬉しくない。 なんとか、 って具合に、アイコンだけ並べておけないだろうか。と思ったわけです。 分けて書こうと思ったけど、あんまりマメ子じゃなくてすぐ忘れるので、一気にダーッとメモします。 ≫Facebookのシェアをスマートに! ≫ボタンをオリジナル(自作)にする簡単なカスタマイズ ≫FacebookシェアのオリジナルボタンをMovabletypeに入れる。 ≫Facebookに投稿するコンテンツの見せ方にこだわる ≫OGPのmetaタグをMovableTypeに入れてみる ≫テストユーザーで投稿テストしてみる ≫Twitterのボタンをオリジナルにす

    chi7777
    chi7777 2013/11/19
    SNSボタンカスタマイズ
  • Webサイトのフォトギャラリーを美しくするjQueryプラグインおすすめ20選 | IDEAHACK

    多機能・高機能なjavascriptライブラリ『jQuery』。 世界中で利用され、リッチなサイトを制作する上では欠かすことの出来ないライブラリのひとつといっても過言ではないでしょう。 現在ではjQueryを使った様々なプラグインが公開されており、例えばちょっとしたギャラリーを作るだけでも探し始めたらキリがないほど。 ということで、フォトギャラリー制作にオススメな20個のjQueryプラグインをご紹介。 メモ程度にどうぞ。 Swipebox

    Webサイトのフォトギャラリーを美しくするjQueryプラグインおすすめ20選 | IDEAHACK
  • jQueryでロールオーバーのスクリプトを組んでみた - Wataame Frog

    ちょっと仕事の状況が落ち着いたので、以前より興味のあったjQueryを真面目にやってみようということで、色々と試しておりました。 で、まずは「何か使えるものを作ってみよう」ということで、マウスオーバーしたら画像が入れ替わるスクリプトを組んでみました。 最終的に作りたかったのは、マウスオーバーで画像を切り替える際にパラパラさせるのではなく、フェードイン、フェードアウトをしながらふんわり変化するスクリプト。通称、ふんわりロールオーバー。 そこに行きつくために経た段階通りに記事を書いてみましたので、「jQueryなんてよくわからないよ!」なんて方もひと通り読んでみれば少しは理解できるかもです。 toogie自身も javascript は苦手でしたが、徐々にですが理解できてきています。眺めるだけでなく書くことは大切ですね、やはり。 あとは慣れ。 習うより慣れろとはよく言ったものですね・・・。 <

  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • ポートフォリオ制作時のポイントと参考になるサイトやデザイン - NxWorld

    最近時期的なこともあってか求人情報などを多く見かけるのと、知人がwebデザイナーになるためにポートフォリオを制作中ということで少し前にいろいろ聞かれたので、前回、前々回とポートフォリオについてのエントリーを書いてきました。 両エントリーとも制作時に役立つアイコンや素材のまとめだったのですが、今回はポートフォリオ制作時のポイントや参考になるサイトやデザインをまとめてみました。 紹介しているサイトによってはデザインが変更されています。 また、クローズされていたサイトはリンク解除してあります。 ポートフォリオとは ポートフォリオとは簡単に説明すると自分の作品集のことを言います。 面接官やクライアントなどに自分のプロフィールやスキルなどを知ってもらうために有効なアイテムで、WebデザイナーやプログラマーなどのWeb業界だけではなく、服飾、建築、写真、ゲームなど、様々な業界でポートフォリオを制作され

    ポートフォリオ制作時のポイントと参考になるサイトやデザイン - NxWorld
  • Webデザインのリンク集 | ズロック

    ここでしか取得できない、優良文字列ドメイン名、著名サイトドメイン名等希少ドメイン名多数アリ!誰でもカンタン参加可能

    Webデザインのリンク集 | ズロック
  • Slicyはあっと驚くほど便利だった。 - colopixie

    Slicyは、PSDをD&Dするだけで、Photoshopでレイヤーやフォルダに指定した方法で名前をつければ書きだしてくれるアプリです。 これがめっちゃ便利!驚いたたまげた。 App Storeで買いました。 今回は、Slicyの公式のデモファイルを使って、解説していきます!ちょうべんり! 公式のデモファイルは、下記からダウンロードできます(いきなりZIPダウンロードになります) 通常 (Basic Tagging) 「Basic Tagging」のフォルダーを開き、PSDを開いてみましょう。 PSDを開くと、フォルダーやレイヤーに”.png”や”.jpg”など追加します。 そうすると・・・? そのPSDを”Slicy”にドラッグアンドドロップすると、ぽこん!と先ほどの”.png”のついたフォルダーやファイルが出てきます。 これを上の”Copy”を押して全て保存するか、個別のファイルをドラ

    Slicyはあっと驚くほど便利だった。 - colopixie