タグ

designとwebに関するcanakiのブックマーク (7)

  • すごい無料HTMLテンプレート厳選30個まとめ 2014年5月度PhotoshopVIP |

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

    すごい無料HTMLテンプレート厳選30個まとめ 2014年5月度PhotoshopVIP |
  • Website Builder: Create a Free Website - Jimdo

    A successful business needs a professional websiteBuilding a successful business always starts with building a professional website. Jimdo is by your side with everything you need for a successful business. Build your professional website now, build your success.

    Website Builder: Create a Free Website - Jimdo
  • チッちゃい画像にはデッカいツールチップを! (1/5)

    「プロが作ったWebサイトのあの“技”をウチのサイトでも(それもタダで)マネしたい!」――。そんな欲求に応えてくれるJavaScriptライブラリ/フレームワークが、ネット上にはたくさん公開されています。この連載では、国内外の商用サイトの優れたUIをお手にして、なるべくカンタンに、手間をかけずに自分のWebサイトをブラッシュアップしていく方法を紹介します。 「フォト蔵」というWebサイトをご存知ですか? ユーザーが自分で撮った写真や動画をWeb上にアップできる、いわゆる「写真共有サービス」です。同種のサービスは数多くありますが、フォト蔵は日記やコミュニティなど、他のユーザーとのつながりを意識したSNS的な機能が充実しているのが特徴で、現在18万人のユーザーが利用しています。 今回はこのフォト蔵のトップページをお手にしたいと思います。写真共有サービスということで、フォト蔵のサイトはシンプ

    チッちゃい画像にはデッカいツールチップを! (1/5)
  • Flickr風スライドショーをJavaScriptで再現

    高機能な「Photo Slider」を利用する Ajaxの登場以降、さまざまな方法で画像を見せるライブラリが登場しています。写真を効果的に表示するライブラリとしては「Lightbox 2」が有名ですが、ここではより高機能でFlickrのスライドショー機能にイメージ的に近い「Photo Slider」というライブラリを使用します。 実は、スライドショー機能を実現するライブラリには、ユーザーが再生/停止ボタンを押すことで動作するタイプが多く、今回実装しようとしているスライドショーのように、自動で再生が始まるようにできるものは多くありません。Photo Sliderなら、スライドショーを自動再生するか否かといった指定や、カスタムナビゲーションを扱えます。 ではさっそく、ライブラリのダウンロードから始めましょう。Photo Sliderは、これまでにも何度か使用してきた「jQuery」上で動作する

    Flickr風スライドショーをJavaScriptで再現
  • Web屋さんのための新年の抱負アイデア24

    2017年6月29日 Web関連記事, ライフハック 2011年がスタートしましたが、「なんだか調子でないなー」という方!今年の目標はもう設定しましたか?私は毎年「新年の抱負」を考えているのですが、今年は何にしましょう?ということで、Web屋さんが設定できそうな新年の抱負案を考えてみたので、参考にしつつ新年の抱負を考えてみてはいかがでしょう? ↑私が10年以上利用している会計ソフト! 1. CSS3の勉強をする 角丸・グラデーションをはじめ、画像を使わなければできなかった効果がCSS3を使えば簡単に実装できます。デザインの幅がぐんっと広がります。IEで対応していないなどの問題もありますが、CSS3 PIEを使えばIEでも使えるようになりますよ。 CSS3リファレンス CSS3のリファレンスサイト。コードの例もわかりやすいです。 たった一行を追加するだけでIE6/7/8をCSS3対応にする

    Web屋さんのための新年の抱負アイデア24
  • Webデザイナーな私の勉強方法まとめ – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-

    私の勉強方法まとめてみました。 といっても 「いい情報をとりこんで、実践して、その結果をアウトプット」 をひたすらしているだけなのですが、実際にどのようなサイトやを見てインプットしているか、どんな風に実践して、何をアウトプットしているかなどまとめてみました。 インプット 情報が美しくまとまっているサイトのフィードをチェック 国内外のWeb系の情報を丁寧にまとめてくれているブログがたくさんあります。 そういうブログのフィードをチェックしています。 デザインTipsやトレンド紹介、便利なプラグイン、プログラムなど、毎日どんどん新しい情報が出てきます。 全部読んで理解してその場で実践する、というとは不可能に近いので、へー、こういうことも出来るんだー、とさらっと頭に入れて、特に気になったものだけはてなブックマークなどでタグをつけて保存したりしています。 そうしておくことで、いざ●●しないといけな

    Webデザイナーな私の勉強方法まとめ – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
  • 0to255

    Hex code RGB functional notation HSL functional notation Distance from base color HSL lightness value Click to copy Pre-orders now open! Color Studio transforms 0to255 into a comprehensive color tool that's ultra-efficient, inspiring to use, and delightfully unique. Available Spring 2024. Read the announcement Pre-order Color Studio 1 year at $2/month + 3 months free “A near perfect color picker”

    canaki
    canaki 2010/04/27
    あら便利ー
  • 1