並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 34916件

新着順 人気順

Galleryの検索結果1 - 40 件 / 34916件

  • これ知ってる?WEBの人なら押さえておきたいツール&サービス50選 - 死ぬまでWEB屋

    公開前に知人に見せたら、読むのに20分もかかったわ!! と、お叱りを受けましたw オススメのツールやWEBサービスということで50ほど紹介していますが、僕の使用感のほかに、ところどころ経験談的なものが入っています。そのあたり、読むのがめんどうな方は読み飛ばしていただければ幸いです。 2万文字近くあるので、お時間ある際にゆるりと読んでいただければと思います。 それではお楽しみ下さい! サイト解析に使えるツール・サービス import.io Juicer Ptengine GTmetrix CLOUD FLARE wayback timemachine シミラーウェブ Open Site Explorer サクラサクLABO aguse Built with ディレクションに使えるツール・サービス ウェブチェッカー Cat Mdes maindmaister ひとりブレスト 関連キーワード取得

      これ知ってる?WEBの人なら押さえておきたいツール&サービス50選 - 死ぬまでWEB屋
    • Web屋の私がブックマークしているサイト65 | Webクリエイターボックス

      2017年7月14日 便利ツール 久しぶりに自分がブックマークしているサイトを整理してみました。昔から変わらず愛し続けているWebサービスやチュートリアルサイトなど多数あったので一挙にご紹介します!有名どころからあまり知られていないけど便利なサイトまで、多数あるので時間のある時にじっくり見てみてください! ↑私が10年以上利用している会計ソフト! ブックマークしているサイト 目次 Webサービス デザイン関連 画像関連 CSS jQuery WordPress フォント スマートフォン 配色関連 HTML5 メルマガ Webサービス 1. Sendoid Sendoidは会員登録不要のファイル送信サービス。ファイルをアップロード後にURLが生成されます。パスワード設定可。 2. HTMLエンコードフォーム HTMLエンコードフォームは特殊記号などをエンコード・デコードしてくれるWebサービ

        Web屋の私がブックマークしているサイト65 | Webクリエイターボックス
      • HTML5とは何かを簡単にまとめてみた

        ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに こんにちは。R&D統括本部 制作本部 ウェブデベロップメント部に所属しております。岡部和昌(@kzms2)と申します。 最近スマートフォンやタブレット向けのページを作成する機会が増えてきました。 なので、今回はちまたで大人気のHTML5について書きます。 若干今更な内容にも思えますが、あまりHTML5になじみがない方にもわかってもらえるような内容にしています。 HTML5の基本概念や思想・実際の組み方というよりも、 HTML5で組むと今までと比べて何が違うのか などについて書いていきます。 なぜこれからHTML5なのか HTML4との違いがわからない HTML5を使う利点がわからない など疑問に思っている方はぜひ見ていた

          HTML5とは何かを簡単にまとめてみた
        • 国産のWebデザインギャラリーサイトが一番参考になるのでまとめた - かちびと.net

          Webデザインのギャラリーは沢山 ありますが、結局感性の近い国産 のギャラリーが一番参考になるの でまとめました。探してみると結構 いろいろあるんですね。助かります。 やはりギャラリーは国産がいいですね。沢山あるので、ある程度厳選しています。 io3000 最近知りました。すごくいいですね、ここ。見やすいし、使いやすいです。おすすめ。 io3000 straightline bookmark とにかくクールでクオリティの高いサイトをブックマークしているギャラリー。 straightline bookmark Web Design Clip こちらも個人的にオススメのギャラリーサイトです。目的のデザインも直ぐに見つかりますよ。 Web Design Clip Good Design Web こちらは他ではあまり見かけない良デザインのサイトを紹介してる貴重なギャラリーです。 Good Desi

            国産のWebデザインギャラリーサイトが一番参考になるのでまとめた - かちびと.net
          • 死ぬまでに見ておくべきCSSデザインサイト集まとめ - GIGAZINE

            ということで、今まで数限りなくネットのあちこちで紹介されてきたCSSデザイン関連のサイトがリスト化されてまとめられたようです。これだけあれば当分はブログなどのデザインのネタに困ることはなさそう。インスピレーションを得るのに使うもよし、デザインの参考にするのもよし、知っておいて損はないものばかりです。 リストは以下の通り。 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards http://www.cssbeauty.com/ CSS Drive- Categorized CSS gallery and examples. http://www.cssdrive.com/ Stylegala - Web Design Publication http://www.stylegala.com/ CSS Mania http:

              死ぬまでに見ておくべきCSSデザインサイト集まとめ - GIGAZINE
            • たった一人でwebサービスを作るための、6つの技術と4つの知識

              ふとワクワクするようなアイディアが浮かんだ時、もし自分でwebサービスを作れたらなーって思う方も多いんじゃないでしょーか。 実際、twitterやfacebookを徘徊してても、結構頻繁に「webサービス作ってみたい☆」みたいな投稿をみかけますが、中には「何から手を付け始めれば良いか分からない!」的な迷える子羊達もちらほら。 そんなワケで、ささやかながら今まで当ブログでもいくつかの自作webサービスを公開してきて、企画からデザイン・コーディング・プログラミング・宣伝に至るまで、若輩ながら全て一人で担ってきた私の知見をご紹介したいと思います。 だいじょーぶ、やりゃーできる! webサービスを作るための技術と知識 技術に関する最大のポイントは「全てを知る必要はあるが、全てに精通する必要は無い」、つまり「広く浅く」で良いというコト。 その中でどこかに自分の強みが持てると尚良しですが、手始めであれ

                たった一人でwebサービスを作るための、6つの技術と4つの知識
              • カオスちゃんねる : 解明されてない世界の謎を教えて欲しい

                2011年04月20日11:30 解明されてない世界の謎を教えて欲しい 1 名前:以下、名無しにかわりましてVIPがお送りします[sage] 投稿日:2011/04/19(火) 22:43:03.26 ID:pI5I4Du60 ~ムー大陸~ 今から約1万2000年前に太平洋にあったとされる失われた大陸とその文明をさす。 イースター島やポリネシアの島々を、滅亡を逃れたムー大陸の名残であるとする説もあった。 しかし、決定的な証拠となる遺跡遺物などは存在せず、 海底調査でも巨大大陸が海没したことを示唆するいかなる証拠も見つかっておらず、伝説上の大陸であるとされる。 こんな感じのお願いします。 4 名前:以下、名無しにかわりましてVIPがお送りします[] 投稿日:2011/04/19(火) 22:46:03.60 ID:vObCSGjY0 水の入ったコップと、お湯の入ったコップを冷凍庫に入れると

                • 商用サイトでも無料の国内外のWeb制作に使える素材サイト総まとめ・2009 - かちびと. net

                  ローカル環境にストックしていた日本国内、海外サイトで商用OKなWeb素材を配布しているサイトのリンク集が結構な量になってきたので出来る限り多くの方とシェアしたいと思ってエントリーします。 懐の広いクリエイターさん方に感謝します。このリンク集は商用サイトでも利用が可能(Commercial use)なWebサイトの素材情報です。一応確認はしていますが、ご利用の際はご自身の目で必ずライセンスや利用規約(Terms of Use等)をご確認下さい。サイトごとに利用規約も異なります。当サイトは一切の責任を負いかねます。 日本国内、及び海外の商用OKなWeb素材配布サイトと日本語で紹介された海外記事のまとめです。 2度手間を防ぐ目的でリンクにマウスオーバーすると画像をツールチップで表示するようにしました。多少表示に時間掛かるかもしれません。 写真商用サイトでも利用できるロイヤリティフリー、パブリック

                    商用サイトでも無料の国内外のWeb制作に使える素材サイト総まとめ・2009 - かちびと. net
                  • 全ての人が知っておくべきデザイン・レイアウトの基本ルールとテクニック15選 - LITERALLY

                    デザイナーでなくとも、デザインについてのいくつかのルールを知っておくと、日々の生活で何かと役に立つ。今回は、誰もが知っておくべきデザインの基本原則・テクニックを紹介する。 1.デザインの基本原則を覚えよう 1-1.「1/3ルール」を覚えよう レイアウトや写真の構成を考えるときには、黄金比*1よりも「1/3の法則」が便利だ。上の図のように、全体を9等分割したとき、各線の交点(図の丸点)に主張したいモノを配置するようにする。これだけで、不思議とスッキリとしたデザインになる。技の1つとして覚えておこう。 1-2.端をそろえて線をつくろう 写真や文などの「要素の端」をきちんとそろえると、きれいに整理されて見える。これはデザインにおいてとくに重要な基本ルールだ。全てをそろえる必要はないが、縦にいくつか要素を並べる場合は常に意識しよう。 1-3.視線の流れを意識したデザインにしよう 情報がたくさん詰め

                      全ての人が知っておくべきデザイン・レイアウトの基本ルールとテクニック15選 - LITERALLY
                    • インテリア好きにはたまらないっ!ってWEBサイト紹介して!! : ライフハックちゃんねる弐式

                      2011年02月22日 インテリア好きにはたまらないっ!ってWEBサイト紹介して!! Tweet 0コメント |2011年02月22日 22:00|サイトまとめ|インテリア・家電|Editタグ :家具デザイン ">http://toki.2ch.net/test/read.cgi/kagu/986793358/ 1 :名無しさん@1周年:01/04/09 14:15 ID:? お買い物、情報収集、別注品製作からデスクトップテーマ等々。 インテリア好きにはたまらないサイトがあったら紹介して下さい。 当ブログサイトはアフィリエイト広告、バナー広告を利用しています。 9 :名無しさん@1周年:01/04/17 01:31 ID:? ショップをいくつか。 ttp://www.hhstyle.com/ ttp://www.meister-mag.co.jp/ ttp://www.d-a-m.co.j

                        インテリア好きにはたまらないっ!ってWEBサイト紹介して!! : ライフハックちゃんねる弐式
                      • 初心者さんのためのWebサイト制作に役立つリンク集

                        2017年6月29日 Webサイト制作 「Webサイト勉強するのにおすすめのサイトを教えてください!」との声が多いのですが、日本のWeb関連チュートリアルサイトをあまり見たことがなかったので、今までおすすめできませんでした…。ということでちょっとググって初心者さんによさそうなサイトをいくつか紹介します。小難しい単語が並んであるようなサイトは避けているつもりですが、わかりにくかったらすみません。他にもおすすめサイトがあればぜひコメント欄にて教えてください! ↑私が10年以上利用している会計ソフト! Webサイトを作る流れ まずはWebサイトを作る目的を考える 誰のため?何のため?Webサイトを作り始める前に。 サイトマップと呼ばれる構成図を作成 Webサイトの構成図を簡単に作れる便利ツール ワイヤーフレーム(Webサイトのレイアウト)を作成 Webサイトの骨組み: ワイヤーフレームを素早く・

                          初心者さんのためのWebサイト制作に役立つリンク集
                        • jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳

                          もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 1)3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;

                            jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳
                          • 【全部無料】 Web制作に役立つオンラインサービスやツール300+ - かちびと.net

                            Web制作に使えるWebサービスやツールなどが様々なサイトでかなり 紹介されています。便利なものですが、多すぎて混乱するので、 備忘録的にローカルサーバーに入れたWPでリンク集を作っていました。 そろそろ数が落ち着いて来たので多くの方とシェアしたいと思い、公開してみます。 現在330ありますが、追加していく可能性があります。 リンク集は全て無料で使える事を条件に集めていました。英語が苦手な方もいらっしゃいますのでTwitterサービスのまとめ同様、日本語で使い方などを説明してくれているサイトにリンクしています。無い場合は海外サイトにリンクしていますが、その場合はアメリカの国旗をつけてあります。サイトがアメリカのものかは知りませぬ。分かりゃいいんだ、分かりゃ。 無料といえどもライセンスの縛りもありますので自己責任でご利用下さい。 使えるかどうかは個人差が生じますので何とも言えませんが、お役に

                              【全部無料】 Web制作に役立つオンラインサービスやツール300+ - かちびと.net
                            • HTMLで図まで描ける!進化した「HTML5」ってどんなもの? - はてなニュース

                              HTML言語の最新バージョンとして、現在標準化作業が進められている「HTML5」。はてなブックマークでもこのキーワードを目にする機会が増え、「HTML5って何?」と疑問に思っている人も多いのではないでしょうか。今回は、「HTML5って何?どんなことができるの?」という疑問にお答えしたいと思います。 ■HTML5でできること まずは、HTML5を使うと具体的にどんなことができるのかを見ていきましょう。 <具体的に何ができるの?> ▽HTML5.JP - 次世代HTML標準 HTML5情報サイト ▽HTML5とは?変わるWebと注目の新要素 HTML5.0の情報サイト ▽大幅に進化した次世代 HTML 規格「HTML5」とは? - japan.internet.com Webビジネス ▽HTML5, きちんと。 ▽めざましTech - HTML5 についての Q&A ▽2010年に勧告される「

                                HTMLで図まで描ける!進化した「HTML5」ってどんなもの? - はてなニュース
                              • WordPressを使ってWeb制作をする為の手順リスト・【改正版】+α

                                以前書いたWordPressでWeb制作する際 の手順リストが少し古い情報込みだったり するので改正版を書きます。先日、WPも 3.2のリリースを迎えましたので、手順リスト もアップデートすることにしました。多少考え が変わっているので内容も少し変更有ります。 以前のリストの改正版です。加えて他の情報も一緒に載せておく事にしました。 【2011・07・11】 WordPressインストールサーバーを用意(PHP5.2.4 以上 / MySQL5.0 以上)DBを作成WordPressをダウンロードし、解凍wp-config-sampleをwp-configにリネームし、内容をDBに合わせて変更プリフィクス(接頭語)を変更する(wp_→foodblog_)FTPソフト等でサーバーにアップロードサイト名やパスワード、IDを決める(adminは避ける)作成したユーザー名でログインダッシュボードの

                                  WordPressを使ってWeb制作をする為の手順リスト・【改正版】+α
                                • WordPressでWebサイトを構築するまでの手順リスト - かちびと.net

                                  私的なメモです。WordPressで個人的にWebサイトを構築したり、受注した際の手順リストをメモ。自分用のチートシートです。いつも何かしら忘れている気がするのでいつもやる事をぱっと見で分かりようにリスト化しておきます。※個人的な主観が入っています。 Todoソフト等はあまり使わないので本当に私的なメモですが、これが誰かのお役に立てたら幸甚です。プラグインなども好みが有ると思いますのでご参考までに。。 [note]情報が古くなったので改正版としてアップデートしました。[/note] インストールDB作成WP最新版をダウンロードwp-config.phpをDBに合わせて変更接頭語も変える(wp_ → example_)FTPソフトでサーバーにインストールログインして管理者権限のユーザーを作成作成したユーザー名で再ログインadminユーザーを削除ダッシュボードの不要なコンテンツを非表示にパーマ

                                    WordPressでWebサイトを構築するまでの手順リスト - かちびと.net
                                  • jQuery Mobile が必須スキルになる!と思うのでこれから勉強する際に参考になる記事まとめ | バシャログ。

                                    Adobe の Creative Suite 5.5 が発表になりましたね。 Dreamweaver の進化っぷりが凄まじいです。マジで。 HTML5+CSS3への対応が目に付きますが、個人的にはjQuery MobileとPhoneGapフレームワークの導入に注目します。 アプリ開発はこれまで、Objective-Cやjavaが主流でしたがDreamweaverでアプリへの書き出しまで出来てしまうなんて…。今後、モバイルアプリケーションの統合開発環境のデファクトスタンダードになる予感が。 ってことで、まずはjQuery Mobileを理解せねば! jQery Mobile についてはまだ書籍はあまりなく洋書しかありませんでしたので、参考になる記事を取り上げてみます。 http://jquerymobile.com/ 本家サイト jQuery Mobile Gallery http://w

                                      jQuery Mobile が必須スキルになる!と思うのでこれから勉強する際に参考になる記事まとめ | バシャログ。
                                    • 【厳選】日本の全iOSプログラマに捧ぐ!iPhoneアプリ制作に参考になりすぎるデザインリンク集15選 | DX.univ

                                      iOSアプリ開発担当の菅原です。 iPhoneやiPadのア[...]【厳選】日本の全iOSプログラマに捧ぐ!iPhoneアプリ制作に参考になりすぎるデザインリンク集15選 by Yu Sugawara in Design · Mobile — 2013/07/18 iOSアプリ開発担当の菅原です。 iPhoneやiPadのアプリ開発はすべて一人で販売するところまで持っていけるのが魅力の1つです。 アプリ開発作業を大きく分類しますと プログラム デザイン 販売 にわかれます。販売に関してはAppStoreがあるので、心配はありません。残りのプログラムとデザインですが、なかなか両方を得意にするというのが難しいと思います。僕はプログラムは出来るのですがデザインがからっきしダメです。 今日はそういったデザインが苦手なプログラマ向けに参考になるデザインリンク集をご紹介いたします。個人のアプリ開

                                      • | ^^ |秒刊SUNDAY | 鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめ

                                        2009年06月08日 鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめ カテゴリ:WEBデザイン デザインサイト集というのは、こんなにも沢山出来上がっているとは知らなかったのですが、仕事柄かなり活用しますのでここで抑えておきたいと思います。 ◆いけてるサイト.com このサイトを紹介しないと、この記事のコンセプトがわからないので、とりあえずフリということで。 ■WEBデザイン リンク集 : ikesai.com --- いけてるサイト ドットコム(WEBデザインの参考にどうぞ) ◆Webデザイン・Webデザイナーのまとめサイト 膨大なデータベースです。色やキーワードで検索できる。ここにいけばほぼそろうか? ■Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫ ◆WEBデザイン・データベースWEBdeDB

                                        • 前から気になってたHTML5について色々調べてみました - もとまか日記

                                          先日、ドコモのAndroid端末である「GALAXY S」を予約したわけですが、そうなると気になるのが、ずーっと前から気になってたHTML5について。これからスマートフォンが普及するにつれて、無視出来ない技術であるのは誰の目にも明らかなのではないでしょうか。 てことで、HTML5について調べてみたメモです。 HTML5の概要まずは難しいことは抜きにして、概要を読んでみると分かりやすいです。 HTML5, きちんと。この記事だけで十分です。長くもなく、文字も少ないので非常に入りやすいです。 HTML5仕様関連一応ですが、仕様について。 HTML5.JP - 次世代HTML標準 HTML5情報サイトHTML 5 ― HTML 4 からの変更点 (http://www.w3.org/TR/html5-diff/ 日本語訳) 必要に応じてみればいいので、細かくは見てません。 基礎知識概要が理解出来

                                          • バーグハンバーグバーグ社員がブックマークしてる便利な/役に立たないサイト一覧 | オモコロブロス!

                                            仕事で役に立つサイトから何の役にも立たないサイトまで! オモコロブロス編集部が「良いと思ったもの」を毎月定期的にご紹介するコーナー、それが「今月の善」です。今月はみんながブックマークしているウェブサイトを教えてもらいました! ブロス編集部です。 本日は、「バーグハンバーグバーグの社員に聞いた、ブックマークしてる便利〜なサイト」を聞いてみました。 また、ご提示いただいたサイトは「ふくろう博士」が実際に使用して感想を教えてくれるそうです。何でも知ってるふくろう博士のお眼鏡に敵うものはあるのでしょうか。 ■ネタ出しに使える「Word Cascade」 Word Cascade 【教えてくれた人:ダ・ヴィンチ・恐山】 サイトを開くと言葉が無限に落ちてくるだけのサイトです。バーグハンバーグバーグの企画会議中に眺めていると自分の頭の中に無かったワードが降りてきて、それをヒントに新たなアイデアがわいてく

                                              バーグハンバーグバーグ社員がブックマークしてる便利な/役に立たないサイト一覧 | オモコロブロス!
                                            • 美しいWebデザインをタイプ別に!見ないと損するパーツ別ギャラリーサイトまとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                                              中型ライダー(二輪)免許を持っているライターの内藤です。 本日は、ライダーキック並みの強烈さで役に立つ見本サイトをまとめてみたいと思います。 Web屋さんはご存じの方も多いかもしれませんが、ブログをしている一般の方、Webデザイン・DTPに興味のある方、お店を持っている方なども必見です! 部品に特化した見本 部品に特化した見本サイトをご紹介します。 見出しデザイン(h1,h2,h3……その他DTPでも) はじめは見出しデザインに特化した見本サイトまとめ。 見出しデザイン.com http://midashi-design.com/ 見出しタグ(h1,h2,h3……)のデザインの見本ですが、DTPなどでもヒントになるものがたくさんあります。 カテゴライズは、グラデーション・テキストのみ・テキスト非画像・上線・下線・丸・四角・囲み線・斜線・点線・角丸。 ヘッダー部分に凝っても見出しが適当だと全

                                                美しいWebデザインをタイプ別に!見ないと損するパーツ別ギャラリーサイトまとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                              • 画像を使ったいろいろなjQueryプラグイン224個まとめ - かちびと.net

                                                画像にエフェクトをかけて拡大表示したり、スライドを作ったり、ツールチップで表示したり、というような画像を使用したjQueryプラグインが沢山あるのと、探してる方が直ぐに見つけられるように、という事でリンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメモも兼ねてシェア。 日本語English 結構カテゴリ分けはいい加減かもしれませんのであしからずご了承下さい。画像じゃなくてもいいんじゃ・・みたいのもありますが、デモで画像を使ってる、画像と相性が良さそう、みたいなものは基本的に掲載しています。 リンクにマウス乗せればキャプチャが出ます。 LightboxLightbox風に画像を表現できるjQueryいろいろ Lightbox2 / ベーシックなタイプ。グル

                                                  画像を使ったいろいろなjQueryプラグイン224個まとめ - かちびと.net
                                                • Windows 7の起動時に管理者権限を強制的に取得する裏技

                                                  Windows 7の起動画面で使っているパスワードを忘れてしまい、ログインできないという非常事態に出くわしたときに、管理者権限を取得した状態でコマンドプロンプトを立ち上げられる裏技を知っておけば、コマンド入力であっという間にパスワードを設定し直してログインすることが可能です。ということで、実際にうまくいくのか、管理者権限を強制的に取得する裏技を試してみました。なお、この裏技は手順を間違えるとPCが正常に起動しなくなる危険がある点には注意が必要です。 A tutorial on how to get into an admin account on ANY computer. - Imgur http://imgur.com/gallery/H8obU 電源ボタンを押してPCを起動させ、「Windowsを起動しています」と表示されている間に、PCの電源ボタンを長押しして強制的にPCをシャット

                                                    Windows 7の起動時に管理者権限を強制的に取得する裏技
                                                  • 結局どうすればいいの? - Dive Into HTML5

                                                    Translation of: What Does It All Mean? - Dive Into HTML5 Diving In The Doctype The Root Element The <head> Element Character Encoding Friends & (Link) Relations rel = stylesheet rel = alternate Other Link Relations in HTML5 New Semantic Elements in HTML5 A long digression into how browsers handle unknown elements Headers Articles Dates and Times Navigation Footers Further Reading 訳注 Diving In この章で

                                                    • どのプログラム言語を覚えればいいのか分からないっていう初心者さんのためのガイド(Web)

                                                      作りたい Webサイトのアイデアはあるけど、どんなプログラムを勉強したらいいか分からない人 ... という人のための、ざっくりとしたガイドです。 HTML と CSS はわかるけど ... という初心者さんが対象の記事になってます。 インターネット上には本当に色んな Webサイトがあって、こんなサイトを自分でも作ってみたいなーと思う事がたくさんあります。でも、いざ自分で作ってみようと挑戦しようと思っても、これって何でできてるんだろうと考えます。そういえば、まだ Webサイトを作り始めるずっと前にもそんな風に思っていた初心者時代がありました。 やりたい事はあるけれど、まず、どんなプログラムを勉強すればいいのか、そこからが分からなかったんですよねー。プログラムとひと言でいっても、C言語系、PHP、Java、Perl、Javascript … 本当にたくさんあって、初心者さんには意味不明だと思い

                                                      • 本当は教えたくないWebデザイン参考ギャラリーサイト37選

                                                        ウェブサイト制作には、常に新しいアイデアやインスピレーションが必要ですが、決まらずに悩んでしまうことも。 そんな状況を打開するには、たくさんの優れたデザインの実例を見ることで、次のアイデアを生み出してみましょう。 ここでは、最新ウェブデザインをいち早くチェックできるオススメWebギャラリーサイトを厳選してご紹介。 インスピレーションとしてはもちろん、クライアントの打ち合わせやイメージの共有にも活用できます。 積極的にインプットを増やし、デザインの引き出しを増やしてみましょう。 このリストは2年ぶりにまとめ直したアップグレード版となります。 コンテンツ目次 【2024追加分】最新Webギャラリーサイト landing.love Design Spells Godly BentoGrids 404s Footer Navbar Gallery 国内Webギャラリーサイト SANKOU! URA

                                                          本当は教えたくないWebデザイン参考ギャラリーサイト37選
                                                        • 「童貞を殺す服」のブランドを集めてみた - あめ姫は友達が少ない

                                                          皆さんお好きですね、#童貞を殺す服。 各所で話題になっているみたいなので、知っている限りの「童貞を殺す服ブランド」を集めてみました。 Innocent World まずは個人的に最強の童貞キラーだと思ってるInnocent World。カジュアル分は少なめなのでこれで街を歩いている人はあんまりいないゾ。オタクな童貞は同人イベントとか行くとお目にかかれる可能性が比較的高いけど、単価が高いのでホイホイ買える年齢層はというと……ゲフンゲフン。次へ行こうか。 innocent world - Google 検索 科学館行ってきたよ✡。:* 知的っぽく、イノワのヴィルマワンピで pic.twitter.com/Y8UuGdtVPf— もきゅ (@mokyumokyuneko) June 28, 2015 Axes femme みんなだいすきAxes femme、腐女子御用達。服がかわいいから買い集め

                                                            「童貞を殺す服」のブランドを集めてみた - あめ姫は友達が少ない
                                                          • cssの情報・まとめ

                                                            cssの情報まとめです。ローカル 環境にストックしていた情報を 開放してみますのでシェアして 頂ければ幸いです。内容は 結構偏っていると思いますので 参考程度になさってください。 全てのcss情報が有るわけではありません。主観でストックしていたリンク集です。ツールとかメニュー関連とかハックとかいろいろ188の情報です。 ツールオンラインのcssツール。 CSS Validation Service / W3C検証サービス日本語版RoundedCornr / 角丸のHTML・CSSコードを生成してくれるCSS Type Set / ファミリー、色、単語間、行間等をプレビューで確認CSS Text Wrapper / 様々な形のテキストの回りこみを簡単に実現できるCSS Builder / オンラインでスタイルを生成可能Spiffy Box / cssによる角丸を簡単に生成The Box Of

                                                              cssの情報・まとめ
                                                            • Mobile Patterns - UI UX Inspirational Gallery for iOS and Android

                                                              Sign In to View Your Boards Inspirational UI UX Patterns That Work Explore Pattern Categories Made with love for designers by designers @Simform & Maitrik Kataria

                                                              • デザインの引出しを203%拡張させる神Webサイトデザインギャラリー | 秒刊SUNDAY

                                                                前回このWEBサイトギャラリー特集を行った際には、フルFlash,フルスクリーンのカッコイイサイトが主流でした。当たり前のようにウインドウが最大化 し、当たり前のようにヌルヌルとFlashが動く。時代は変わったもので、もはやFlashのフの字を聞くだけで『iPadじゃ見れないからねー』が付き まとう今日、WEBデザインはどのように設計したらよいのでしょうか。今回はそんなWEBサイトデザインに役立つサイトをご紹介したい。 ◆Webデザインポータルサイト ■Webデザインのリンク集 Webデザインポータルサイト S5-Style スタイリッシュで非常に見安いサイト。次々に事例を見て行っても苦にならない。 ◆Webデザインリンク集・ソーシャルブックマーク ■Webデザインリンク集・ソーシャルブックマーク - 最近ページングではなくスクロールローディングに変更された。わざわざページングしなくても良

                                                                  デザインの引出しを203%拡張させる神Webサイトデザインギャラリー | 秒刊SUNDAY
                                                                • ステキなデスクトップ用壁紙配布サイトまとめ - GIGAZINE

                                                                  日頃から使っているパソコンのイメージを一新する一番簡単な方法はデスクトップの壁紙を変更すること。壁紙を変えるだけで随分と気分が違ってくるものです。 というわけで、デスクトップ用の壁紙を配布しているサイトを総まとめにしてみました。 XSHOCK | virtual creations 1280x1024が多いですが、1600x1200、1680x1050なんていうサイズも用意。非常にシャープで鮮烈な印象を持つ壁紙が多いです。海外の壁紙をいろいろと集めているサイトだとこの系統が非常に多い。個人的にはかなりお気に入り。 Desktop Wallpapers - 3d MayaとかLightwave、Photoshopなどを駆使し、3次元空間をうまくCGで表現した壁紙がメイン。単なる3DCGとは違い、空間に奥行きや高さが感じられます。 Blogpaper フランスのサイト。イラスト調の壁紙がメイン

                                                                    ステキなデスクトップ用壁紙配布サイトまとめ - GIGAZINE
                                                                  • 【保存版】バナーの作り方やデザインの参考になる記事やサイトまとめ

                                                                    皆さんは、満足したバナーが作れていますか? バナーは、自社サイトへの誘導やCVにつなげるための重要な役割を果たします。 しかし、限られたサイズの中で、ターゲットに刺さるバナーをデザインするというのはなかなか難しいもの・・・。 そこで今回は、効果が高い高品質なバナーを作成するために役立つ記事やサイトをご紹介します。 Webデザイナーやディレクターには特におすすめです。 効果の出るバナーの作り方の参考になる記事 実際に効果の出ているバナーの事例を参考にすることは大いに役立ちます。 下記で紹介している記事を読みつつ、実践していけば、効果の出る高品質なバナーを作れるようになるでしょう。 100種以上の自社広告運用でわかった!バナー広告クリエイティブ4つの基本 LINEが今までに運用してきた広告からわかった、効果の出るバナークリエイティブを作るためのポイントを紹介している記事。 実際にたくさんのPD

                                                                      【保存版】バナーの作り方やデザインの参考になる記事やサイトまとめ
                                                                    • 3,500枚のCDを捨てた話(追記アリ) - デスモスチルスの白昼夢

                                                                      先日、ついに約3500枚のCDを捨てる決心が付きました。 今日はそんなお話を中心に、私のCDと音楽への愛を一方的に語りたいと思います。CD世代の方々には懐かしい話多めです。目次はこんな感じです。 私を魅了したCD 薄れるCDの存在感 ストリーミングで音楽は愛せない? 捨てられなかったCDもある 私に捨てられたCDたちの行方 公開後の反応に対する追記 私を魅了したCD 音楽に関心を持ち始めるのは普通は中学生くらいだと思うのですが、私はかなり遅くて19歳の時でした。つまり、10代はほとんど音楽に興味を持たず過ごしました。高校時代、友人に「これ聴いてみなよ」とCDを渡されたのですが、CDの取り出し方が分からず「これどう開けるの?」と聞き返した覚えがあります。 音楽と縁遠かった私は、1992年の春休みに自宅で観た『ターミネーター2』の主題歌、ガンズ・アンド・ローゼズの"You Could Be M

                                                                        3,500枚のCDを捨てた話(追記アリ) - デスモスチルスの白昼夢
                                                                      • WEBデザインの参考にしているまとめサイトをまとめました[ほぼ国内編:24サイト+追加2] | HTML5でサイトをつくろう

                                                                        皆さんいつもWEBサイトのデザインをする際に何を参考にしていますか? 気にいったサイトがあったらブックマークをしてストックしておく、WEB系の本を見る、あとはWEBサイトのまとめサイトを見るですよね? 自分もまとめサイトを見つけるとブックマークして定期的にチェックしていたのですが、いろいろなまとめサイトがありましたのでまとめサイトをまとめてみました。 このほかにもこんななのがあるよというのがありましたら是非教えてください。 TheFWA http://www.thefwa.com/ High Floater http://www.highfloater.com/ ABM | AnotherBookmark™ – Webデザインブックマークサイト http://www.anotherbookmark.com/ Webデザインのリンク集 Webデザインポータルサイト S5-Style http

                                                                          WEBデザインの参考にしているまとめサイトをまとめました[ほぼ国内編:24サイト+追加2] | HTML5でサイトをつくろう
                                                                        • デザインのインスピレーションが得られる最強Webサービス7選

                                                                          毎日のようにデザインをしていると、良いデザインが思いつかなかったり、前回と同じようなデザインが完成してしまったりと、どうしてもデザインに行き詰ってしまうことがありますよね。 私自身まだまだ未熟なこともあり、デザインに行き詰ることはよくあります。そんなとき、私は極力仕事中でもカメラ片手にボーっと散歩に出たりして、どうにかインスピレーションを刺激させようとするんですが、散歩に出られないときや、散歩に出ても何も思い浮かばなかったときなどは、いくつかのWEBサイトを見てインスピレーションを刺激させます。 「インスピレーションの刺激になるぞ」と思ってブックマークしたサイトはいくつもあるんですが、今回はその中から、とくに皆さんに紹介したい利用頻度の高い7つwebのサービスを紹介したいと思います。ではどうぞ! 1.Dribbble Dribbble これはかなり有名なサイトですね。いまさら紹介するまでも

                                                                            デザインのインスピレーションが得られる最強Webサービス7選
                                                                          • Googleが推薦するHTMLとCSSのコーディング方法

                                                                            2012年7月12日のGoogle ウェブマスター向け公式ブログの記事「HTML と CSS のコーディングガイドライン」で紹介されていた「Google HTML/CSS Style Guide」に書いてあるコーディング方法と感想を紹介します。 Google HTML/CSS Style Guideの日本語翻訳 Google HTML/CSS Style Guideは英語なのでGoogle Chromeで翻訳して確認していたんですが、すでに翻訳してあるサイトがあったのでこちらも参考に両方を見て確認していきました。 Google HTML/CSS Style Guideを翻訳してある記事「Google HTML/CSS Style Guide」を適当に和訳してみたは、かなり助かり参考になりました。 それではGoogle HTML/CSS Style Guideに書いてあるHTMLとCSSのコ

                                                                              Googleが推薦するHTMLとCSSのコーディング方法
                                                                            • デザイナー必見!アナタにとっての『見たことも無いデザイン』を探すことが出来そうなサイト色々! | バンクーバーのうぇぶ屋

                                                                              WEBサイトを作る時、アイデア出しに詰まったりするなら参考になりそうなサイトを探したりするのもアリだと思いますが、たまには『WEBデザイン』の枠を超えた所からアイデアなんかが思いつくこともしばしばかと思います。 特にスペシャルコンテンツ的なサイトを作るときには、時として奇抜なアイデアや見たことも無いようなインパクトを必要とされる事もしばし。そんな時僕は一度“WEBデザイン”のことを忘れ、WEBデザイン以外のギャラリーや専門サイトを見る事も少なくはありません。 配色ルールなんかをインテリアやファッションデザインからヒントを得る的な記事も前に書かせてもらいましたが、似たような事かなと思います。たまにはWEB以外のデザインに目を通して違う発見やアイデアを得るための時間を作るのも面白いものですよー! というわけで、今回は海外WEBデザインギャラリーまとめに続きまして続編的に書いてみようかなと、前回

                                                                                デザイナー必見!アナタにとっての『見たことも無いデザイン』を探すことが出来そうなサイト色々! | バンクーバーのうぇぶ屋
                                                                              • Androiderが押さえておきたいブログ・サイトまとめ - Lionaroid技術ブログ

                                                                                個人的に、"Androider(開発者)が押さえておくべき"と感じたブログ・サイトのまとめです。*1 ※2014/5/13にリンクの保守を行いました。 公式 Android Developer's:SDKや開発ガイドなど Android Open Source Project:Frameworkのソースのダウンロード Android Market デベロッパーコンソール:マーケットへのリリース Google Analytics SDK for Android:アプリの操作追跡 Android Backup Service:Android data backup frameworkと統合されたサービス Google Phone Gallery:Googleフォンの一覧 Android Wear:Android Wear Google Glass:Google Glass 開発全般 Andro

                                                                                  Androiderが押さえておきたいブログ・サイトまとめ - Lionaroid技術ブログ
                                                                                • 私が Firefox から Chrome に乗り換えた7つの理由*二十歳街道まっしぐら

                                                                                  数ヶ月前から既定のブラウザをFirefoxからChromeに変更しました。 ChromeはFirefoxなどと比べ、まだまだ機能的に劣るところもありますが、 他のブラウザにない便利な機能も備えています。 Chromeとか単純にシンプルなだけでしょ、はいはい。と思っていましたが、 最近になっていろんな機能が拡張されています。 今では90%Chrome, 10%Firefox くらいの利用頻度です。 Firefoxはリーダーを読むときだけ利用しています(アドオンがあるとブクマとかがやっぱり便利) ただ通常のブラウジングはChromeがほとんどです。 以下に、Chromeの便利な機能や気に入っているところを紹介します。 私のChromeのホーム画面です。 他のブラウザと違い、いろんなボタンがないのでごちゃごちゃしてません。 非常にシンプル! ちなみに最近になり、Chromeテーマが用意されました