1ページ単位でのスクロールを実装できる onepageScroll
コンセプト当サイトはWEB製作に役立つ情報を見やすく、分かりやすく、遊び心をもって整理します。 コンテンツ現在はjQueryプラグインのみを整理しています。 整理するjQueryプラグインは、基本的には最新Verで動くものを基準に選択しています。 また、現時点で整理しているものの中に古いものが多く含まれていますが、これから随時新しいものも追加していく予定です。 対応ブラウザ「WEBの為に鐘は鳴る」はchrome、safari、 FireFoxの各最新版、IE10+での動作、レイアウトを保証しています。 それ以外のブラウザでは動作不備、レイアウト崩れが起こる可能性があります。 スマホ、タブレットには現時点では最適化していません。 ※サイトで整理しているプラグイン自体の対応ブラウザとは関係ありません。 jQueryプラグインの見方サムネイルにマウスを乗せると、プラグインの動作をgifアニメーシ
「サイト構成表」のExcelファイルを自動で作ってくれるツール「Site Map On」登場 | はじめてWEBニュース
ホームページにどんな構成でどんなページがあるのかを一覧管理する「サイト構成表」を自動で作成するツール「Site Map On（サイトマップオン）」の提供を、HARMONYが6月18日に開始した。 「サイト構成表」とは、サイトの各ページのURLアドレスを、Excelファイルとして整理したものだ。サイトの管理運営・戦略構築を行う場合、この表にSEOやリスティング広告の計画を書き込むといったケースが多く、マーケティングの基本的なファイルと言える。 「Site Map On」によるサイト構成表のサンプル 「Site Map On」は、ASP型ツールとして提供され、トップページやセクショントップページのURLを指定するだけで、その下にあるページの一覧を自動的に調べ、Excelで扱える形式で保存できる。65,000ページまでのサイト構成表を作成可能。 階層構造を整理したURLの他、ページタイトルやメタ
AWAを3週間使った感想と音楽サブスクリプション雑感 | ベイジの社長ブログ
エイベックスさんとサイバーエージェントさんが立ち上げた音楽アプリAWAを使った感想と、サブスクリプション型音楽サービスに関する考察をまとめてみました。Spotifyをはじめとする他サービスは使ったことがないため、憶測含みなのはお許しください。 ちなみに私は、ダウンロードやレンタルCD、CD購入などで、20～30枚のアルバムを毎月入手しており、聴いているのはほぼ洋楽というリスナーです。なので、一般リスナーと使い方や感じ方が違っている部分が多々あると思います。その点は間引いて解釈いただけると幸いです。 テーマは以下の6つです。 曲数は十分か？ 良質なリスナー体験ができるか？ プレイリスト共有は楽しいか？ サブスクリプション型サービスの位置づけとは？ リスナーの分類 カスタマージャーニーと課題 曲数は十分か？ 現時点での曲数は公表されていませんが、2015年末までに500万曲揃えるということなの
厳選！Windowsのおすすめフリーソフト＆無料アプリまとめ！
Windows PCを買ったらぜひインストールしておきたい、必携のおすすめフリーソフトや定番の無料アプリをまとめてみました。 Windowsには優れたフリーソフトや無料アプリが沢山あり、かつ古いソフトでもある程度きちんと動作するのは素晴らしい点だと思います。最近はMicrosoft Storeで配布されるアプリも増えており、インストールやアップデートが手軽に行えるようになっているのも嬉しいポイントです。 ぜひ今回ご紹介する無料アプリやフリーソフトを使って、より便利にWindows PCを使いこなしてください。なお、基本的にWindows 11向けに紹介していますが、ほとんどのアプリやソフトはWindows 10でも動作するはずです。Windows 10ユーザーの方もぜひ参考にどうぞ。 更新履歴 2024.3.16 Apple関連の無料アプリを追加 2024.3.8 「Amazonアプリスト
【Webデザイナー必読】PhotoshopやHTMLなどのスキルを劇的に上げられる記事まとめ30選
Webデザイナーとしてのキャリアを歩み始め1年目。基本的なスキルを学び、業務をひと通りこなせるようになったものの、先輩デザイナーと比べると、差を感じてしまうという方もいるのではないでしょうか？ Webデザイナーはクリエイター系の職種であるため、「センス」が重要視されるシーンが多いです。しかし、“学び”によってスキルアップできるのもまた事実。むしろ、テクノロジーの発展が著しい業界ということから、プロとして仕事を続けるのであれば学び続けなければならないのは宿命かもしれません。 そこで、今回は「Photoshopを使ったデザイン」や「HTMLなどの言語を使ったコーディング」、「Webデザイナーとしてインプットしておきたい情報」に関する30記事をご紹介します。 Photoshopなど、デザインに関する記事10選1.良いデザインって？技術を学ぶ前に知っておきたいデザイン・レイアウトの基本的なこと こ
Web屋が使う３４個の「シンプル・簡単・便利」なウェブツールまとめ
作成：2012/10/29 更新：2016/10/22 Tool > 低スペックPCやウィンドウ幅の狭いノートを使っている場合、ソフト立ち上げを躊躇してしまう時がありませんか？そんな人に「シンプル、軽い、簡単」のウェブ上で使えるツールをご紹介。ブラウザ内で開けるので無駄なスペースを取られません。 ※こちらの記事は2012年に書いたもので、情報が古くなっております。比較的最近のツール系のまとめは、Web制作に役立つトレンドのツール一覧と以下の２つご覧ください。（※ 2015/06/25 2015/06/28追記） Node.jsとgulpをインストールして使うまでの入門記事 これからGit を始めてみようという人のための使い方と入門フロー 特にウェブ屋さんやブロガーさん達が使っているのをピックアップ。 もちろん僕も頻繁にガシガシ使ってるので「ツール用ブックマーク」としてこのページを作りました
【保存版】ハンパねぇ究極のSEO外部対策をまとめてしまった。 | SEO SCENE SECOND | 名古屋 SEO・SNSコンサルタントチーム
先日、「ハンパねぇSEO完全チェックリストが公開されてしまっている。」という記事を公開したところ、たいへんな反響がありました。（といっても、海外のネタを訳しただけなのですが） Facebookのいいね！数は1,000件近くになり、はてブのホッテントリ入りしたりGunosy砲を受けたりとバズを起こし、初めて日当たりPV数が10,000を突破しました。 これを全部やればSEO完璧になれるのかな。。。 ハンパねぇSEO完全チェックリストが公開されてしまっている。 | SEO Scene 名古屋SEOコンサルタント… http://t.co/fcmuYhW3RU — Bungo 文豪 (@bun5jp) 2015, 5月 20 リスト作りたかったけど、なかなかできないんだよね。助かる。 ： ハンパねぇSEO完全チェックリストが公開されてしまっている。 http://t.co/9HOQFazOVe
ガーリー系・ゴシック系のデザインやイラストに！繊細でかわいいレース柄の無料素材のまとめ
ガーリー系のデザインやゴシック系のデザインにぴったりな繊細でかわいい、そしてセクシーなレース柄の素材を紹介します。 そのまま使えるブラシやパターン、組み合わせて自分好みのレースが作れるものなどいろいろまとめました。
珍しいCSSプロパティたち - Qiita
あまり見かけない、かつ実用的なCSSのプロパティをまとめました。 他プロパティに依存するプロパティは割愛します。 ブラウザ対応状況はCan I Use等でご確認ください。 紹介するCSSプロパティ will-change scroll-behavior resize object-fit と object-position appearance user-select font-feature-settings text-rendering font-smoothing hyphens pointer-events will-change 予め演算処理をさせておくプロパティです。 これから変化する スクロール位置 / 要素 / プロパティ を値に設定すると、事前に変化をブラウザに知らせる事ができます。 アニメーションのカクつきを、いくらか抑えることができるでしょう。 ただ、何にでも指定して
他と差がついた！最近のトレンドをおさえた一歩進んだエフェクトまとめ
作成：2015/04/27 更新：2016/06/29 Webデザイン > 今回は光の屈折や歪み・パーティクルなエフェクトをブラウザ上で表現可能にするチュートリアルをまとめました。ありきたりな見せ方をやめて、表現の幅を広げたいと感じたときに。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 透過や光に関する効果 １．プリズムエフェクト ２．パーティクルエフェクト ３．ジニーエフェクト ４．ブラーエフェクト（ドラッグ可能） ５．スクロールで背景がフェードする ニューメリック ６．ニューメリック スライダー ７．テキストフィールドを数値のみに限定する マテリアル アニメーション ８．波紋状に広がる効果 ９．タブ選択後、オーバーレイさせる １０．デイトピッカー その他 １１．フリック カルーセル １２．画像クリックで全幅スライダー表示 １３．様々な幾何学模様の作り方
デザインの雰囲気が手軽に変わるオススメPhotoshop無料テクスチャ50まとめ
テクスチャ素材はWebデザインはもちろん、グラフィックデザインなどあらゆるシーンで便利です。 最近では重ねるだけで手軽に印象をアップできるものなど新しいスタイルのテクスチャもどんどん増えてきており、取り入れるだけでデザインをぐっと良くしてくれるのでデザインに携わる機会があれば是非活用したいアイテムです。 今回は、photoshop無料テクスチャを50個厳選してご紹介します。 トレンドになっているポリゴンスタイルから、アートワークに重ねられる質感系テクスチャといった使いやすいものばかりです。 いずれも無料ですので気に入ったものがあれば是非デザインに取り入れてみてください。 photoshop無料テクスチャまとめ 1.3 Wood Panel Textures http://www.photoshoptutorials.ws/downloads/textures-downloads/free-
web制作などに使える無料＆商用OK素材サイト総まとめ2015【保存版】
web制作やポスター、チラシなどに使える商用利用ＯＫの無料素材サイトをまとめました。 「ホームページテンプレート配布サイト」「イラスト配布サイト」「アイコン配布サイト」「ボタン素材配布サイト」「写真素材配布サイト」などなど、有料の素材を買わなくても、ここに掲載されているサイトだけで素敵なウェブサイトやポスター、チラシなどを作成することが可能です。 是非、お役立てください。 ホームページテンプレート フリー素材屋Hoshino クオリティーとソースのみやすさにこだわっているホームページテンプレートの配布サイトになります。 レスポンシブ対応のデザインテンプレートや、Wordpress用テンプレートもあるので、理想のホームページのテンプレートが見つかると思います。 イメージ素材や壁紙まであるので、ホームページ制作には必須なサイトです！ ⇒「フリー素材屋Hoshino」はこちら FlashNatu
ゴールドとシルバーのグラデーションが眩しいほどに美しい！490種類のPhotoshop用のグラデーション無料素材
ゴールドとシルバーのグラデーションが眩しいほどに美しい！490種類のPhotoshop用のグラデーション無料素材
サイト見出しデザイン！おすすめサイトまとめ | アフィリエイト目標に向かって
シンプルな見出しもいいけどちょっとオシャレにしたい！アイディア浮かばなくて参考にしたい！ オシャレで見栄えのいい見出しを紹介します！ 参考までにどうぞ！ 見出しジェネレーター スタイルシート見出しメーカー スタイルシート見出しメーカー 簡単に好きな色でCSS見出しが作れるサイトです。 簡単でクオリティが高いものが作れるので便利です！ CSS見出しジェネレーターWEB道 CSS見出しジェネレーターWEB道 ボタンを押すだけで簡単に制作できます。 ちょっとした手間を書けるだけでグンッとサイトが良くなります！ コピペで使える見出しデザインサイト Web’Notes Web’Notes CSSで作る見出しデザイン 10パターンの見出しを紹介しています。 シンプルなデザインな物から面白いデザインまであります。 日刊ウェブログ式 日刊ウェブログ式 見出しデザインの参考にしたいCSSで作るhタグの
Photoshopのデザインパターンの作り方＆フリー素材61選
パターンとは！？ パターンとは、下記の例のような、継ぎ目なく規則的に繰り返される模様のことをいいます。 今やデザイナーでなくともフォトショップなどのデザインソフトを使う時代です。 基本的なパターンの作り方を押さえていきましょう。 パターンの使い方 パターンを使うには、 ①最小単位のパターンを作る ②「パターンを定義」でパターンとして使える状態にする ③シェイプや、塗りつぶしでパターンを適用する という3つのステップが必要です。 パターンを作ってみよう！ パターンの表示の仕組み 今回例として、下記のようなドットのパターンを作ってみようと思います。 この場合のパターンの表示の仕組みですが、下記のように、繰り返しに必要な最小単位のパターンが、たくさん敷き詰められて表示されます。 なので、後の「パターンを定義」で定義するパターンとして、まず最初にこの最小単位のパターンを作ります。 最小単位のパター
デザイナー必見！和風なデザインに使える「毛筆フォント」のまとめ
制作中のサイトで毛筆フォントが欲しかったのでまとめてみました。高品質のフォントがいっぱいありましたが、これだけあるとどれ使用するか迷いますよね？利用に関しては各フォントのライセンスをご確認の上ご利用ください。 筆ペンで書いた手書きフォントです。！？と（）は全角・半角共に同じものが出ます。ひらがなのみ対応しています。 ダウンロード先：毛筆フォント 商用：商用OK OS：Windows / Mac 毛筆太文字 筆ペンで少し太めに書いた文字です。ひらがなとカタカナ収録されています。※漢字は一部のみしか入っていません ダウンロード先：毛筆太文字 商用：商用OK OS：Windows / Mac 大甘書道体 アニメ銀魂で次回予告に使われていた文字をデジタルフォント化。ひらがな、カタカナ、英字5文字、第一水準漢字1,324文字、第二水準漢字782文字、その他の漢字1,380文字 ダウンロード先：大甘書
YouTubeをプレビューさせるjQueryプラグイン「PreViewTube」
twitter facebook hatena google pocket YouTubeの再生ボタンを押さずにプレビューさせられると興味を持ってもらえるかもしれません。 jQueryプラグインのPreViewTube.jsを利用すると簡単にアニメーション付きでプレビューできます。 sponsors 使用方法 PreViewTube.jsからファイルをダウンロード。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script type="text/javascript" src="previewtube.js"></script> <script> $(document).ready(function(){ $('.class名').PreViewTube
無料使い捨てメールアドレス一覧
無制限にメアドを発行でき、1つのアカウントで管理可能。 自動発行されるID・パスワードを利用してスマホアプリでも利用できる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSの実用的なテクニックから素晴らしいアイデアまで！スタイルシートの最新テクニックのまとめ
編集記事一覧 2015年5月 | Web担当者Forum
