イケてるWebサイト制作会社をお探しの方へ イケサイに掲載されているようなウェブサイトを作りたい、スマートフォンサイトを作りたいという方は下記の見積もり依頼フォームからお問い合わせ下さい。 オススメのサイト ミツカル保険相談mitsukaru-hoken.com 全国の保険相談窓口・保険ショップを検索 保育園・幼稚園DBhoiku-db.info 全国の幼稚園と保育園のクチコミ情報サイト ブリーダー直販www.cats.to 優良ブリーダーやキャッテリーが育てた猫ちゃん
多！ そのため、仕様の洗い出しが不十分になりがちになる、という点で厄介です。 ただし、今はSwiper, Slickといった優秀なプラグインがあります。こいつらは大抵の仕様は満たしてくれますので、積極的に使うと良いと思います。 参考 Swiper Slick フィットスクロール 厄介度：★★★ 紙芝居スクロールなどといったりもします。 海外のオサレなブランディングサイトや、ランディングページなんかでたまに見かけますね。 カッコイイ！うちもこんなんやりたい！と思うかもしれません。がしかし…… イメージ ハマりポイント スクロールに関する他の機能実装 これを実装する場合ブラウザにデフォで備わっているスクロールは使わず、別の方法（CSSのtransformとJSを組み合わせるなど）で実装することになるかと思います。 するとまず、スクロールイベントが取れないんですね。 そのため、スクロールに合わせ
box-shadowを使ってCSSだけでドット絵を描き、アニメーションさせる | Black Everyday Company
CSSだけでドット絵（Pixel Art）を描く・アニメーションさせる方法を紹介する。ただ、バニラCSSだけでも大丈夫なのだが、よりメンテナブルにするためSassで描く方法も併せて紹介する。 ちなみに下図のようなドット絵がつくれる。 マリオとMinecraftの土ブロックは、CSSアニメーションをつかって動かしている。もちろんJavaScriptは使っていない。 box-shadowプロパティについて ドット絵を描くためには、CSSのbox-shadowプロパティを使う。 そもそもbox-shadowプロパティは、要素にドロップシャドウ効果（影をつける）を与えるのが本来の使い方なので、まずは基本的な使い方からまとめる。 いくつかの構文がある。 box-shadow: offset-x offset-y color box-shadow: offset-x offset-y blur-rad
▼冒頭説明書きを飛ばす 注意 Another HTML-lintを個人的にHTML Living Standard対応に改造してるときに、いちいち仕様等を確認するのも面倒になって作成したものです。 HTML Living Standardの各要素に焦点をあてて、要点だけに絞ってます。 仕様だと、同じ要素のこのことはあっちに書いてあってあのことはそっちに書いてあるみたいなことが結構あるので、各要素ごとにまとめて見られるように一緒にしたといったところです。 基本的に、HTML Living Standardに基づいてますが、チェックがもれてたり変更に追いついてなかったりする可能性も高いです。 解釈間違い、誤字、コピペしたときの修正漏れなどもおおいにありえます。 記載内容については、著者独自の解釈・見解による部分もあります。 記載内容に基づいて何らかの損害が生じたとしても、著者は一切の責任を負い
バナーのサイズについて 最終修正日 2009.5.22. バナーとは 国際標準バナーサイズ一覧 国際標準サイズ一覧（画像） バナーとは Bannerは英語で旗の雅語です。サイトの旗です。 そして、日本のCG系に多い、200x40のバナーは日本のローカルサイズなのですね。なので海外ではアニメマニア以外はそのサイズのバナーを用意していません。「世界」と「一般」を意識するなら88x31のバナーも用意しましょう。 ところで海外の個人サイトのバナーサイズは恐ろしくバラバラで、たいていは海外は200x40よりは大きいものです。そのせいでしょうか、海外ではアニメ系でもテキストのみのリンク集が多いです。各サイトのバナーを張るとレイアウトがめちゃくちゃになるからでしょう。読み込みも遅そうですしね。 実はバナーには国際標準サイズというものがあります。 バナーというのは、リンクに添える画像と思われていて、実際個
2009年からランディングページを集めているサイトです。購買行動や認知拡大のために作られたランディングページのデザインまとめサイトです。LP制作の参考にどうぞ。
2016 CSS Nite LP47Coder's High 2016 FLAT WEBCRE8 2016924 2016/10/02 7077 Prologue SecEon 2 1 逆に教えてほしい。。。 （23歳 男性 デザイナー） 2 具体的なものを作り、それを沢山の人に見てもらう （24歳 女性 マークアップエンジニア） 3 手を動かす・サイトを作る （24歳 男性 マークアップエンジニア） 4 Githubなどに自分の作品を公開する （24歳 男性 マークアップエンジニア） 5 実際に手を動かしてコードを書くこと （25歳 女性 デザイナー） 6 書籍を読む、ブログの巡回 （26歳 女性 デザイナー） 7 使ったことのない技術を定期的に取り入れるようにする。 （26歳 女性 フロントエンドエンジニア） 8 Google先生 （26歳 女性 マークアップエンジニア） 9 わからな
知っておきたいCSS設計法 第1回 OOCSSの基本 HTMLテンプレートを設計する上で、基礎と考えられる概念のひとつOOCSSを取り上げます。オプジェクト指向のCSSとは何か？ 今回はその考え方の基本をまずおさえましょう。 はじめに このシリーズでは、OOCSS（オーオーシーエスエス）、BEM（ベム）、SMACSS（スマックス）という3つのCSS設計概念の概要を解説します。HTMLとCSSをどのように書いていけばよいかは、過去に「CSSの設計」シリーズにまとめました。今回のシリーズは、その2014年度版とでもいうような内容になっています。 というのも、CSSの設計を書いた頃と比較すると、さまざまな設計概念が広く知られるようになったものと思います。今回紹介するBEMやSMACSSが、その代表です。また、CSSのプリプロセッサSassのバージョンアップでは、BEMを意識したような機能なども追
Sassを使うにあたって、覚えておくと必ず幸せになれる組み込み関数というものがある。 自分で定義できる @function とは違い、Sassに最初から備わっているものだ。 Sass自体の機能だから、もちろんCompassなどのフレームワークを使用する際も使うことができる。 普段Sassを使っているひとでも、Sassの組み込み関数については詳しく知らない人も多いのではないだろうか。 これを自由に使いこなすことが出来ればコーディングが楽になることは間違いない。 改めてドキュメントを見直すと自分の知らないものもあったため、今回全てをまとめてみた。 すぐに試してみたい人はこちらのデモを試してみるといい。
Facebookのブランドカラーが青色なのは、マーク・ザッカーバーグが色盲だったから、という話を知っているでしょうか。 「青は私にとって、もっともリッチな色で、すべての色合いを識別することができる。」とザッカーバーグ氏は述べています。配色を決める作業は、まったく科学的には見えないかもしれませんが、配色に関してたくさんの研究やアイデアが用いられています。 商品に対する評価の90%以上は、色によって判断されていると Buffer では紹介されている通り、どんなデザインにおいても、いかに配色をじっくり検討するべきか分かります。特にウェブサイトでは、ユーザーが配色を気に入らなかった場合、あまり長くはサイトに滞在してくれないでしょう。 ウェブデザイン制作で配色の参考にしたい、さまざまなWebサイトから集められた、50種類の美しいカラーパレットを今回はまとめています。コピー＆ペーストで利用できる、カラ
Search Console のツールやレポートを使うことで、サイトの検索トラフィックや掲載順位を測定できるほか、問題を修正し、Google 検索結果でのサイトの注目度を高めることができます
Copyright © 2008 ○○○○ All Rights Reserved. Copyright (C) 2008 ○○○○ All Rights Reserved. まず上の2つを比べていただくと、コピーーライト（Copyright）のすぐ後の部分、つまりコピーライトマークの部分の違いに気付かれると思います。 さて、この二つの表記方法では、どちらが正しいのでしょうか？ 続きを読む
はじめまして、かるねです。 フリーランスでWebエンジニアをしています。HTML、CSS、Javascript、Ruby on Rails、Wordpress、AWS辺りを薄くひろくやっております。 さて、今回はWebサイトをコーディングする際に必要となるHTML、CSS、Javascriptという3つの言語について、Jade、Stylus、CoffeeScriptといった拡張言語を使って開発効率のスピードを上げる方法を紹介していきます。 なお、今回はターミナルアプリ(MacであればiTermのような)と、Node.jsの環境、npm(Node Package Manager)が必要になります。 下準備(Node.js、npm) まずは下準備として、Node.js(n)とnpmの環境を構築していきます。ご存知ない方のために簡単に用語を説明します。 ・Node.js：Javascriptエン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
