JavaScript無し！CSSで簡単に動きを実装するテクニックまとめ
作成：2016/07/19 Web制作 > JavaScript無しで実装するCSS小技まとめです。細部にちょっとした動きを取り入れたいときなど、知っておくと便利なエフェクトをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 メタ言語でなく、CSSで見たい方は「View Compiled CSS」でコンパイルして見てください。 ※CodepenのURLの末尾に「?editors=1100」を付与するとhtml/cssのみの編集画面で閲覧できるので、今回は全てのURL末尾に付与してます。 モーダルウィンドウ チェックボックスを使わないタイプ。擬似クラスである:targetを使い、アンカーリンク（#シャープ）にスタイルを適用しモーダルウィンドウを表示しています。 .foo:target { color: red; } :target擬似クラスを利用すれば、J
知っておくと便利！CSSの小技・テクニックのまとめ -CSS Protips | コリス
:before, :after, :last-child, :nth-child, :not など疑似classを使った小技、レスポンシブ用のレイアウトやフォントのサイズ指定など、サイトやブログに役立つ便利なCSSのテクニックを紹介します。 CSS Protips -GitHub 前回紹介した時は12個でしたが、アップデートされ、20個まで増えています。 CSS ProtipsのライセンスはCC0 1.0で、個人でも商用でも無料で利用できます。 スタイルシートの対応ブラウザはChrome, Firefox, Safari, Edge, IE11です。 1. リスト要素の最後だけ区切り線を削除 2. body要素に「line-height」を加える 3. 天地の中央に配置 4. リストをカンマ区切りにする 5. ネガティブな「:nth-child」を使用してアイテムを選択 6. SVGファイ
Webデザインのアイデアに困ったら覗きたいサイト10選
この記事では、インスピレーションを与えてくれる、Webデザインの参考になるサイトを紹介します。 サイト全体のデザインやレスポンシブデザインに特化したサイト、サイトパーツ、ロゴ、アイコン、バナーなどを収集して紹介しているサイトなど10サイト厳選しました。あなたのWeb制作の刺激になること間違いなしです。 1. MUUUUU.ORG クオリティが高く、縦に長いサイトを収集しているギャラリーサイトです。サイト自体シンプルで使いやすく、またカテゴリー分けが詳細でとても探しやすいサイトです。 2. 現代デザイン 技術的、デザイン性がすぐれたサイトを収集したギャラリーサイトです。カテゴリーは業種と色、日時のみですが、業種を細かく分類しています。また、気に入ったサイトをブックマークに入れることができます。 3. I/O 3000 国内外問わない、秀逸なデザインのサイトを収集しているギャラリーサイト
【LINE対応】WordPressで簡単にOGP設定をする方法
【2016年2月公開】SEO三種の神器 「meta」「見出しタグ h1」「alt設定」って効果あるの？2016/02/17 OGP設定をご存知でしょうか？ OGP設定とはOGPとは「Open Graph protocol」の略称です。 FacebookやTwitter、Google＋など皆様もよく使うSNSやメッセージアプリで、ウェブサイトやブログ記事がシェアされた際にどのように表示させるかを制御するための設定です。 2015年12月より、LINEでもURLメッセージを投稿した際にサムネイルが表示されるようになりました。 シェアされた時に出てくる内容によって当然クリック率も変わってきます。少しでも魅力的に、内容に沿った画像や要約文を表示させることで劇的に効果を変えることができます。 SNSの重要性や普及が高まるにつれて、このOGP設定の重要性も比例して上がってきています。 OGP設定のルー
京都の「若冲」情報をまとめたリーフレット、市が無料配布 展覧会などのイベントを地図付きで紹介 - はてなニュース
京都市は7月15日（金）から、画家・伊藤若冲に関する市内のイベントなどをまとめたリーフレット「京都 若冲Walker」の無料配布を開始しました。情報誌「関西ウォーカー」（KADOKAWA）監修のもと、展覧会や講演会、寺院での特別公開などの情報をオールカラーで紹介しています。 ▽ http://www.city.kyoto.lg.jp/bunshi/page/0000202938.html 若冲は、江戸時代中期に京都で活躍した画家です。2016年で生誕300周年を迎えることから、市内でもさまざまなイベントが開催されています。 「京都 若冲Walker」は、7月5日に発売された「関西ウォーカー」本誌特集の特別編集版として発行されたリーフレットです。2016年7月～2017年1月に市内で開催される展覧会などのイベントをはじめ、若冲ゆかりの地を巡るモデルコースや、関連グッズの情報を掲載。各スポット
琵琶湖博物館に行ってきた - 孤高の凡人
私は過去、ここに来た事があった。 その時の様子は、閑散を絵に描いて額に入れリビングに飾るといったような有り様で、『酷い』を超越しており、それは私に美術館にいるような『清々しさ』を与えるには十分な『貸し切り状態』であった。 美術館の中で見る、魚たち。 いや、鯰たち。 わたしは鯰を愛していた。 そしてその鯰にスポットを当てたこのスポットを私は愛さずにはいられなかった。 鯰、なんと美しい魚であろうか。 体色は夜の闇に溶け込み、視力の悪さ所以のつぶらな瞳、いつも笑っているような口の横からは、お髭が生えており、水面に浮かぶ自家製疑似餌に果敢に飛びつくその姿は、少年の私を完全に虜にした。 月日は流れた。 社畜となりて迫害と剥奪を繰り返され、彼らのように自ら心の視力を退化させた私の目にさりげなく飛び込んできたチラシ広告。 『琵琶湖博物館リニューアルオープン』 行くしかない。もう一度、私は彼らに会い、少年
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
