かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技
2015年3月18日 CSS 2011年に「少しのコードで実装可能な20のjQuery小技集」という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。 ↑私が10年以上利用している会計ソフト！ 目次 Div全体をクリックできるようにする テーブルの偶数・奇数の行の色を変える フォームにテキストを入れておき、フォーカスで消す（文字色も変更） ラジオボタンとチェックボックスを装飾する スライドパネル アコーディオン ツールチップ 言語によってスタイルを変更 横並びのdivの高さ揃える ボックスを上下左右中央に配置する それでは実際にどんな事ができるのか見てみましょう！サンプルも作ったのでコードと
ファッション系ブロガーが企業と直接つながり巨額の収益をあげる時代へと – Social Design News
力は”個”に分散されていく。季節が変わるようにゆっくりと、しかし着実に。 モデルがファッション系ブロガーとしてブランドや小売店と組み、収益をあげていくモデルが世界的に注目を集めています。 その理由の１つは、「RewardStyle」のような直接モデルやブロガーと企業が組むことができるプログラムが登場してきたから。オンライン版のモデル事務所、芸能事務所のようにも見えます。 そして、ファッション系ブロガーの収益がいい感じで上昇してきている模様。５年前は相場が5,000ドル（50万円）程度であったようですが、今は１万ドル（約100万円）から１万5000ドル（約150万円）となり、さらにアフェリエイトで売上から出来高で収益をあげることができるようになっています。 米国ソルトレイクシティーに住むRachel Parcell氏の運営する個人ブログは、開始して２年ほどですが、なんと年間96万ドル（約9,
ウェブサイトのリニューアル時にチーム全員、クライアントとも確認しておきたい4つの大切なポイント
他のサイトがしてるからフラットにしたり、スクロール前提の長いページを使ってみたり、トレンドは確かにかっこよく魅力的に見えるかもしれません、しかし本当にそれが自分のサイトに適しているのか検討することが非常に大切です。 制作者だけでなくクライアントともしっかりと確認しておきたい、ウェブサイトをリニューアルする際に陥りがちな4つの間違いを紹介します。 4つとも大切ですが、特に3つ目は大きなプロジェクトになるほど重要ですね。 Top Mistakes When Redesigning a Website 下記は各ポイントを意訳したものです。 翻訳・画像の掲載にあたっては、Onextrapixelの許可を得ています。 はじめに：リニューアルの結果に1/3が満足していない 1. トレンドをむやみに取り入れる 2. 自分のデザインの殻に固執する 3. 具体的な期限と手順を決めない 4. 一度にまとめてリ
目ざわりな広告を、有益なコンテンツへ。その期待が寄せられる「ネイティブ広告」とは何か？
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
ブログ記事を大量に丸パクリされたのでGoogle先生に報告しておいたぞ！ - むねさだブログ
一応、毎日ブログ更新をしていますむねさだ(@mu_ne3)です。 日曜日の昼下がり、まったりとした休日を過ごしていたのですが、Twitterで友人からある連絡をもらいまして…。 @mu_ne3 Free i Newsってサイトに食品サンプルストラップの記事が丸パクリされてましたよ！ — Daiji Okuno (@odaiji) September 29, 2013 記事が丸パクリ！？ コレはいかん！という事で、調べてみた所間違いなく私のブログ記事の文章そのまんまがパクられていましたので対処方法等メモ代わりに記載しておきます。 パクリサイトはこちら 丸パクリしているというサイトがこちら。 Free i News – Japanese ※上記サイトに人を送り込んでは逆効果なので、リンクを削除しました。ご了承ください。 更に追加情報で、他の記事もパクられているとの事。 @mu_ne3 いえいえ
TogetherJS – 埋め込むだけでサイトにチャットなどの機能を追加する
Hacker Newsを見ていたらMozillaの公開しているプロジェクトが話題になっていました。内容はシンプルかつ強力です。JavaScriptのコードを埋め込むだけでWebサイト上でチャットやカーソル位置の共有、音声チャットといったコラボレーション機能が使えるようになります。 TogetherJSは次のような機能をサポートしています。 ビデオと音声のチャット テキストチャット カーソルとクリックの共有 共同ブラウジング ユーザ情報の共有 リアルタイムコンテンツ同期 埋め込むだけで使えるというのはどういうことかと思いますが、実際にはJSで書かれたサーバサイドモジュールとクライアントサイドのスクリプトで構成されています。サーバーサイドを自分自身で稼働させる事も勿論できますが、サンプルとして貼り付けるコードについてはMozillaがホスティングしているhubというサービスをサーバーサイドとし
コーディング規約を作ろう
2017年1月6日 Webサイト制作, 便利ツール コーディング規約やスタイルガイドは、HTMLやCSSのマークアップや、各種プログラミング言語の書き方をまとめたものです。コーディングスタンダードやコーディングガイドラインとも呼ばれますね。コーディング規約を決めていなかったり、あいまいにしたまま進めていくと、書式が統一されていないため、コードを追加すればするほどゴチャゴチャしたコードになりがちです。チームでコーディングしていくならなおさら。今回チーム用のコーディング規約を見直すことになったので、その時感じた抑えておくべきポイントをまとめてみます。 ↑私が10年以上利用している会計ソフト！ コーディング規約に含むべき項目 ディレクトリー階層 ファイルを保存するフォルダーの階層や、そのフォルダーの名前を決めておきます。画像を格納しているフォルダーを例にあげても、「image」「images」「
ウェブデザイナーのための便利すぎるツール＆リソース20選【最新版】 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ ウェブデザイナーに便利なデザインリソースやツールをまとめた最新版の記事をThe Next Webから。きっとあなたの知らない、日本ではまだメジャーじゃない注目リソースやツールがあるはず？ — SEO Japan Webデザインにおいて、使用するツールはあなたの結果に重要な役割を果たす。もちろん、紙に鉛筆で描くことのような、基本を忘れないことが大事だが、時には新しいアプリやリソースを見つけることが、あなたのクリエイティブなジュースをもっと流れるようにするのに役立つかもしれない。 今回は、デザイナーとデベロッパーのための20個の便利なツールをリソースリストとしてまとめた記事を紹介する。あなたのお気に
2012年北米でWEB制作者として生きてきた僕にとって絶対に無くては成らなかった英語圏サイト全部！ | バンクーバーのうぇぶ屋
This is my roundup post of online information sources, such as technical blogs and trend websites, that helped me a lot as a web designer through out this year. Massive thanks to those pages, and you all! さて、僕の年末感謝祭（？）もいよいよ大詰めです！前回は2012年を振り返って 僕にとって無くては成らないアプリやWEBサービスの数々を大感謝の思いでご紹介させて頂きました。 今回は2012年の僕にとって知識や情報の宝庫となってくれたサイトの数々を今回は英語圏に絞って超感謝の意を込めて全部一気にご紹介させて頂ければと思います！ この一年、僕の Facebookや Twitterで何度も何度
一目で惚れる。WordPressの厳選レスポンシブ・テンプレート5つ – Handmade Future！
[ads1] WordPressはテンプレートも豊富です。無料で利用できるものもたくさんあります。コストが安く済むのもWordPressのメリットですよね。 ……と、思っていたのですが。 最近、ブログのリニューアル作業を経て、考え方が変わりました。「3,000円とか4,000円払ったら飢え死にしちゃう！」という方でなければ、有料のテンプレートをおすすめします！！ なぜなら、一目で違いがわかるほどにクオリティが高いからです。 今回は、リニューアル作業時にチェックして回った有料テンプレートのうち、ベスト5を紹介します。すべて、そのまんまでスマートフォンやタブレットに対応するレスポンシブです。 Core Minimalist Photography Portfolio スーパーかっこいい。いきなりTOPページ全面がスライドです。マウスでクリックするとくるくる動き、中央写真のクリックで全画面表示に
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
26. News 記事 イベント EVENT 投稿 Home Gallery 作品 About 固定ページ Contact
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobe Fonts
CSS Beauty | CSS Design, News, Jobs, Community, Web Standards
//// COLOURlovers :: loving colours since 1981
Web屋のネタ帳