[CSS]ソーシャルボタンのリストが蛇腹状に折り畳まれるスタイルシート
ソーシャルサービスのボタンを配置したリストがアニメーションで蛇腹状に折り畳まれるスタイルシートを紹介します。 デモページ：開いた状態 実装 外部ファイル jQueryとModernizrを</body>の上に外部ファイルとして記述します。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script> HTML 一番上のグレーはh2要素で、各ソーシャルボタンを配置するパネルはリスト要素で実装します。 <h2 class="connect">Connect with me:</h2> <ul class
【事例付き】Facebookではどういったキャンペーンが流行るの？成功するための9個の企画ポイント、まとめ « 株式会社ガイアックス
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
iPhoneやiPadでリアルにトレースできちゃう！ アプリ『Morpholio Trace』を発見
» iPhoneやiPadでリアルにトレースできちゃう！ アプリ『Morpholio Trace』を発見 「トレース」という言葉にあまりなじみがなくても、建築分野で働く方やデザイン分野で働く方、もしくはそういった勉強をしている方々が使用している「半透明の薄い紙」といえば、なんとなく想像がつくのではないでしょうか。 写真や絵の上に「半透明の薄い紙」、もとい「トレースペーパー」を置き、かたちをなぞりつつスケッチする。それが「トレース」です。 今回ご紹介するのは、これをiPhoneやiPadでできちゃうアプリ『Morpholio Trace』。「普段トレースする機会なんてない！」というあなたも、思わず試したくなってしまうことウケアイですわよ。 『Morpholio Trace』を使えば、トレースする際のペンの太さや色を自由に選ぶことができるほか、トレースペーパーを何枚も重ねて描く、なんてことも可
簡単で便利すぎ！WEB制作を「楽」にする無料ツールまとめ
作成：2013/01/28 更新：2014/11/01 Tool > Webサービス フリーソフト、無料ツールなのにここまで使える 前回、無料素材をご紹介しました。 今回は無料で使える「ツール」をまとめます。フォント、画像、配色、htmlからエディター・アフィリエイトリンク作成補助まで。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．フォント ２．画像編集 ３．ロゴ作成 / ネタ ４．配色 ５．HTML5 ６．CSS ７．ブラウザチェック ８．エディター ９．アフィリエイトリンク作成 １０．フォーム作成 １．フォント PCにインストールされているフォント一覧をプレビュー Font picker イラスト等に使われているフォントを調べる WhatTheFont Windows上のテキストをくっきり、見やすく表示。 gdipp - ｋ本的に無料ソフト・フリー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2013年のウェブデザインのトレンドを探るかっこいいUIデザインのまとめ