サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
ドラクエ3
www.creative-web.co.jp
斜めにした要素を横並びで配置する機会があったので、CSS3のtransform:rotateで斜めにしたり、平行四辺形に画像をトリミングした備忘録です。 まずは、要素を斜めにしてみます。 斜めにするには transform:skew(X軸,Y軸); を使います。 単位は”deg”です。 ■html <div id="slanting01"><a href="#"></a></div> ■CSS #slanting01{ width:30%; height:100px; background:#FF7373; margin:0 auto; text-align:center; transform:skew(15deg,15deg); } DEMO この場合、上下左右が15°の斜めになります。 X軸もY軸も斜めにすると思ってた以上に要素に高さが出ました。 ここからは平行四辺形です。 今回は上下
みなさんこんにちは。 ねむたい目・出っ歯でおなじみ、制作部おざきです(●´ϖ`●) 最近、お客様にSNSを活用したマーケティングを行う企業様が増えてきていますね。 とてつもないスピードでかわってゆく仕様に四苦八苦しながら、SNSの情報収集をしている、今日このごろ・・・・。 ユーザーへ伝えたい情報を手軽に拡散できるSNSは、今では企業様にとって欠かせない存在になってきていますね～ そのSNSに対して、実はやっておかなければいけない重要な設定があるのです！！ OGPとは、”Open Graph Protocol”の略です。 facebook、mixi、google＋、GREEなどのSNSで利用されている、ウェブページの情報をSNSと連携させるためのタグのことです。 これ、結構重要なんです！ OGP設定していないと、知らず知らずのうちに残念な情報を自分自身で流してしまうハメになります∑(ﾟДﾟ)
BLOG ATOM入門STEP2！おすすめパッケージ設定[atom-color-highlight,color-picker,csscomb,japanese-wrap]など こんにちはおかべんです！ 前回「ATOM無料エディタ使い方入門STEP1！特徴と簡単パッケージ設定」で紹介した ATOMエディタの本題であるパッケージについておすすめを紹介したいと思います！ atom-color-highlight これはカラーコードの色をプレビューを見なくてもエディタ上で表現してくれる優れモノ。 言葉で説明するより下記のキャプチャを見て下さい。 エディタ上ですぐわかるのでとてもいい感じ！ color-picker カラーピッカーをATOMエディタ上に表示させる事ができます。 ちょっとした時に役立ちます。 csscomb CSSプロパティを整理整頓してくれます。 スタイルシートはその時によって記述す
こんにちはおかべんです！ いきなりですがテキストエディタは何を使っていますか？ ・王道のAdobe「Dreamweaver」？ ・MACなら「Coda」？ ・話題性の多い「Sublime Text」？ 「Dreamweaver」もよいですが拡張性が低く、なんせ重い。。。 「Coda」はWINDOWSで使えないし。。。 ※MACとWINDOWS両方使っているので、共通なのがよくて 「Sublime Text」は拡張性が高く見た目も自分好みにできてとっても良いエディタだと思いますが、 仕事柄shift_jisやEUCのサイトメンテもあって対応できていなかったり、日本語入力部分で、 ちょっと僕には合わなかったので、購入もしませんでした。 ※文字コードは今は対応してるかも ATOMとsublimeの違いでシェアウェアかフリーかがありますが、 最近気になっているのが「試用版だと、保存する時にたまに警
BECOME A FAN. 人にしか出来ない アナログな部分を大切に、 お客様のことを サポートさせていただきます。
このページを最初にブックマークしてみませんか？
『大阪・東京のWeb制作会社 | 株式会社クリエイティブ・ウェブ』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
