Product Preview Slider in CSS and jQuery | CodyHouse
Product Preview Slider An easy way to show more product images and variations right in the product gallery. While you scroll through pages of products, you often base your decision to “know more” about a product on pictures only. Visual impact, in particular on mobile devices, is essential to everyone’s buying process. What if a product is available in different colors? This is a piece of informat
SVGのpathを使ったモーションパスアニメーションの実装方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、おじいちゃんです 今回はSVGのpathを使ったモーションパスアニメーションの実装方法について書きたいと思います。 【こちらもおすすめ】 ☞ SVGとjQueryで絵を描いているようなアニメーションを実装する方法 SVGのpath要素 path要素を使うことで、好きな図形を描くことができます。 Illustratorを使っている方はよく使ってますよね。Illustratorで描いたパスからSVGを書き出して使うこともできるのですが、今回は直接SVGタグのpath要素に描いて作ってみましょう。 d=”M 50,50 L 200,50 Z” SVGでpathを描く場合は、上のように各コマンドにパラメータをいれることでpathを描画できます。少しクセがありますが、自分で好きなpathを描いてみると慣れてきますので、遊んでみてください。 pathを描画するためのコマンドは下記があります
二重敬語に気をつけよう！メディア関係者なら知っておきたい敬語の話 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。 しぶです。 みなさんは筋肉をお鍛えになられますか？ この文章を読んで、一体何を言っているのか分からないと思いますが、私もなぜこんな例文にしたのか分かりません。 先に答えを言ってしまうと、この文章は、敬語の使い方を間違えています。 一体どこが違うのかわかりますか？ ということで今回は二重敬語のお話です。途中の解説を読めば、上の例文も何が間違っているのか分かると思います。 二重敬語って知ってますか？ 人によっては二重敬語という言葉自体、聞き慣れない方もいるかもしれません。そもそも、二重敬語とは何を指す言葉なんでしょうか。 「敬語の指針」にはこうありました。 「二重敬語」とその適否一つの語について，同じ種類の敬語を二重に使ったものを「二重敬語」という。例えば「お読みになられる」は，「読む」を「お読みになる」と尊敬語にした上で，更に尊敬語の「……れる」を加えたもので，二重敬語である。
フリーランスデザイナーがクラウドソーシングで仕事の発注をもらい、スキルアップする方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ディレクターのたかしです。 デザイナーであれば、いつかフリーランスになって独立したい！と思ったことが一度はあるのではないでしょうか。 「次のステップにつながる仕事がしたい」「仕事をしながら新しいスキルを身につけていきたい」あるいは、「在宅で仕事がしたい」と考えたときにおすすめしたいのがクラウドソーシングです。 クラウドソーシングは、フリーランスのデザイナーとして仕事を発注してもらうのに有用な手段のひとつです。 そこで今回は、フリーランスのデザイナーがクラウドソーシングを利用するメリットと、受注前・納品時の注意点をランサーズ株式会社さんに教えてもらいました。 デザイナーがクラウドソーシングを使うメリット 実はフリーランスのデザイナーがクラウドソーシングを使うことで、さまざまなスキルアップが期待できるのです。ということで、デザイナーがクラウドソーシングを使うことによるメリットを5つ
WordPressでさまざまなタイプのかっこいいページが簡単に作成できるカスタマイズ性にも優れたテーマ -Optimizer
ランディングページ、スモールビジネス、ポートフォリオ、ギャラリーなど、企業や個人サイトを簡単に構築できる多目的用のWordPressのテーマファイルを紹介します。 「Optimizer」の名の通り、あらゆるデザインに最適化できるようカスタマイズ性に優れています。 Optimizer Optimizer -WordPressテーマディレクトリ OptimizerにはFree版とPro版があり、Free版ではいくつかの機能が利用できませんが、CC0ライセンスで個人でも商用でも無料で利用できます。 Optimizerのデモ Optimizerの特徴 Optimizerのデモ Optimizerを使うと、本当にいろいろなタイプのページやサイトが作成できます。
Web制作に役立つ便利すぎるブックマークレットのまとめ
Webサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなったり、Chromeで使えるけど他で使えないなどあるので、ブックマークレットもなかなか重宝します。 ページにグリッドを表示した確認 レスポンシブWebデザインの確認 デザインの確認をピクセル単位でできる ページで使用しているフォントをチェック ページをワイヤーフレーム化 ページの構造が正しいか確認 マークアップのいまいちな箇所を指摘してくれる 背景を素敵なテクスチャに変えてみたい ページのパフォーマンスを確認 minifyされたCSSを見やすく表示 SEOやソーシャルメディアに大切な項目を確認 コードとアクセシビリティをチェック ページにグリッドを表示した確認
無料で使える写真・画像・ストックフォトを複数サイトから一気に検索して表示できる「Stock Up」
ウェブサイトを作るときに重宝する無料のストックフォトを、20以上のサイトから一度に検索できるサービスが「Stock Up」です。 Stock Up: Free stock photo search. http://www.sitebuilderreport.com/stock-up 「Stock Up」のページを開くと、無料で使える写真がずらっと表示されます。 写真の上にマウスカーソルを置くと、写真がアップロードされている個別のサイト名が表示されます。保存したい場合は写真上でクリック。 別タブで個別サイトのダウンロードページが開き、写真を無料でダウンロード可能です。 新しく追加された写真を見る場合は、ロゴ下部の「108 photos added this week. 」をクリック。 すると、今週追加された写真を一気に見ることができます。 また、ページ上部のボックスにキーワードを入力して画像
自分のブラウザ・IPアドレス・PC環境などの情報をカンタンにまとめて相手にメール送信できる「yourbrowser.is」
いま使っているブラウザでアクセスするだけで、ブラウザやOSの種類、画面サイズ、プラグインなどの状況を取得してまとめて表示するサイトが「yourbrowser.is」です。サイト上からは取得した情報を希望のメールアドレスに送信することも可能です。 yourbrowser.is - check your customer's web browsing environment in seconds http://yourbrowser.is/ 使い方はカンタン。何も考えずにyourbrowser.isにアクセスするだけで、以下のような画面が表示されました。 画面には、ブラウザの種類やOSの種類、画面の解像度とサイト表示エリアの広さ、色深度、JavaScript・Flash・クッキーの状況が表示されています。 続く下半分には、現在のIPアドレスと場所、Facebook・Google+・Google
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
