動くWebデザインアイデア帳 | 動くWebデザインアイディア帳
jQueryとCSSアニメーションを はじめたばかりの方へ Webデザインのスクール講師が 「動かしたいパーツ」ごとの 逆引きリストをつくりました News 2024.03.27Gmailにおける特典受け取りについて2024.01.185-1-1、5-1-2 グローバルナビゲーション ドロップダウンメニュー（上・左）に関するCSSコード不備のお詫び2023.08.305-1-3、5-1-4 グローバルナビゲーション ドロップダウンメニュー（写真付 上・左ナビ）に関するコード不備のお詫び2022.10.195-1-7 「グローバルナビゲーション-スクロールするとハンバーガーメニューに変化-」に関するコード不備のお詫び Gmailにおける特典受け取りについて 【お知らせとお詫び】 2024年2月にGmailのガイドラインが変更となった影響で、特典受け取りとお問い合わせフォームの内容がGmail
勝手にサイト紹介！エフェクトを使ったwebサイト3選 - 名古屋のホームページ制作ならAIコミュニケーション名古屋のホームページ制作ならAIコミュニケーション
株式会社AIコミュニケーションスタッフブログ勝手にサイト紹介！エフェクトを使ったwebサイト3選 - 名古屋のホームページ制作ならAIコミュニケーション こんにちは！制作部のゆりです みなさんは、線や文字の色がグラデーションで移り変わったり、 背景が動いたりするようなサイトを、見たことはあるでしょうか？ サイト検索をしていると、ちらほらと見かけることがあるのですが、 シンプルなサイトでも、そういった動くエフェクトが使われていると 目を引かれますね:-O どうやって動かしているのか気になったので、調べてみました。 いくつかのエフェクトは、cssのみでも動かすことができるようです！ 参照のサイトがこちら↓ https://commte.net/6250 今回は私が見かけた中で、特に印象的だったサイトを、3つご紹介していきます。 1. 寓話立版古 カラスグチhttp://karasuguchi.
STUDIO | Web制作を、ノーコードで。
コードやテンプレートに縛られずに、 誰でも自由自在にデザイン可能。 作成したサイトは、1クリックで世界に公開。 そう、必要なのはSTUDIOだけです。
まさかこんな初心者ブログにアドセンス狩り！？【Googleから広告利用停止処分を食らった経過を。不正クリックを防ぐ対策は？】 - アラフォー女バックパッカーの無敵の旅の話
今日は旅と全く関係のない、ブログの話、GoogleAdSenseの話です。 興味無ければ飛ばしちゃってください！ そして旅ネタでまたお会いしましょう！ Google Adsenseとは 順調に収益が伸びる 関連コンテンツ・インフィード広告の誘い 予告無しでアカウント30日間停止のペナルティー宣告！ アドセンス狩り？！ Google アナリティクスでクリック数をチェック クリック率もチェック 今後の対策は？ 広告コードは？ 不正クリック対策は？ まとめ アドセンスの広告を貼り付けている方へ Google Adsenseとは ブログをしている方は、多分ご存知のオンライン ビジネス - ウェブサイトの収益化 | Google AdSenseですが、 Googleが選んだ広告を、私のブログに自動で表示してくれて、ブログを読んだ人が、広告を目にしたり、興味を持ってその広告をクリックしたりしてくれるこ
Bootstrap 対応！2017年最新の無料HTMLテンプレート上半期まとめ
デザイン性だけでなく使い心地にもこだわった、ウェブデザイン制作をグッと楽にする無料HTMLテンプレート素材をまとめました。 人気のHTMLフレームワーク Bootstrap を利用して作成されており、カスタマイズしやすく拡張性の高いテンプレートが中心に揃います。また、2017年のウェブデザイントレンドをうまく反映した素材も多く、サイト開発のデザインやレイアウトの参考にしてみても良いでしょう。 レスポンシブ対応で無料！ウェブ制作を高速化できるHTMLテンプレート24選 2017年1月度 あまり知られていないBootstrapスタイルテクニック、小技16個まとめ Paper Kit 2 控えめな配色と美しいタイポグラフィーが特長のBootstrap 4対応で、収録されているコンポーネントはどれもレスポンシブ対応で、あらゆる画面スクリーンサイズでも読みやすいうれしい設定も。 デモページ ダウンロ
Sketch を使い倒す！デザイン作業が捗る「時短」プラグイン50個まとめ【2017年版】
デザインアプリ Sketch が、デザインの現場で人気となっています。公式の利用ユーザー数は発表されていませんが、多くのデザインチームがSketchを使っており、名前を聞いたことがある人も多いのではないでしょうか。 Sketch が他のデザインアプリと決定的に異なる点のひとつとして、活発に活動する開発者コミュニティと、これまでに作成された素晴らしいプラグインがあります。これらのSketchプラグインを使用すれば、豪華な3Dイラストやユニークなアニメーションなどを手軽に作成することができます。 今回は、ウェブデザイナーの制作時間を短縮できる「時短」Sketchプラグイン50個をまとめてご紹介します。カテゴリ別に分類されているので、自分にぴったりのプラグインを探してみてはいかがでしょう。 Sketchってこんなに便利！デザイナーが入れておきたい無料プラグイン12個まとめ UIデザインの作成ツー
第4回 ドメインってなに？ Whoisで個人情報が丸見え？ ドメインの仕組みを学んでトラブルを回避しよう | gihyo.jp
Webデザイナーなら知っておくべき サーバ知識相談室 第4回ドメインってなに？ Whoisで個人情報が丸見え？ ドメインの仕組みを学んでトラブルを回避しよう 「ドメイン」という言葉は知っていますか？ Web制作の仕事をしていると、ドメインはちょくちょく出てくる身近な存在です。でもドメインについてきちんと理解している！と胸を張って言える人は、なかなかいませんよね。 今日は皆さんと同じように、ドメインに対して、はっきりとしない分からなさを抱えたWebデザイナーが、サーバ知識相談室を訪れているようです。 プロローグ：独自ドメインでポートフォリオサイトを始めたいけど、何をすればいい？ ここは企業のWebサイトの構築を専門としているA社の一室。納品も済んで、今日は個人的な質問をしにきたWebデザイナーと、その話を聞くインフラエンジニアがいました。 「この間はSSL証明書の件、どうもありがとう」 「い
無料版は3分、だが便利！ブラウザのさまざまなバージョンで簡単に表示確認・レスポンシブの確認ができる -Browserling
IE, Chrome, Firefox, Opera, Safariなど、ブラウザのさまざまなバージョンでの表示確認、レスポンシブの確認などが、簡単にブラウザ上でできるオンラインサービスを紹介します。 有料版だと、ローカルでも確認できる優れものです。 Browserling Browserlingは無料版と有料版が提供されており、無料版はセッションは3分、IEは9/Vistaのみ（他は全バージョン可）、解像度は1024x768のみと使用条件は限られますが、なかなか便利だと思います。 セッションはインタラクティブ 単なるスクリーンショットではなく、ブラウザ上のさまざまなインタラクションを実行できます。 本物のブラウザを使用 サーバー上では本物のブラウザを動作させており、エミュレータなどの偽のブラウザではありません。 最新ブラウザへの対応 最新ブラウザがリリースされたら、すぐにインストールを行
『デザインは8の倍数でできている』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 mama&crowdのデザイナー、長谷川彰之介です。 今回は、WEBサイトの「余白」や「ブロックサイズ」「WEBサイトの横幅」に対して 「最適な値は存在するのか？」 について考えてみたいと思います。 少々長いですが、お付き合いのほどよろしくお願いします。 ボックスサイズとは、「ヘッダー」「コンテンツ」「ナビゲーション」などの ひとつひとつの固まりの大きさ（サイズ）を指します。 【第１部】8の倍数 WEBサイトのUIをデザインしていて悩まされるのが「余白」です。 「ここは3px…いや4pxか。もっと空けたら見やすくなるかもしれない。6p
IllustratorでのWebデザインがいい感じ！おすすめポイントや設定いろいろ
2014年3月19日 Illustrator, Webサイト制作 これまでは「WebデザインといえばPhotoshop」というのが通例でした。しかしIllustratorもWeb制作の環境に適応されてきた今、フラットデザインやイラストを多く扱うWebサイトでは断然Illustratorをおすすめします！今回はあまり知られていないIllustratorとWebデザインの相性や、Webデザイン用の設定方法等をご紹介します。 ↑私が10年以上利用している会計ソフト！ Illustrator初心者さんへ Illustratorはベクター形式の画像を作成できるAdobe社のアプリです。ロゴやイラストを作る時にはかかせません。Adobeの公式チュートリアルサイト、Adobe TVではIllustratorの概要やチュートリアルをはじめ、新しい機能の紹介も随時追加されています。 Illustratorは
1ページで構成されたサイト用のさまざまなコンポーネントが揃ったPSDベースのワイヤーフレーム素材
縦スクロール前提の1ページで構成された長いページを作成する時に役立つPSDベースのワイヤーフレーム素材を紹介します。 キャンペーンやポートフォリオなど、さまざまなサイトで利用できるコンポーネントがたくさん揃っています。 One Page Website Wireframes ダウンロードできる素材のフォーマットはPSDで、各コンポーネントごとにフォルダで管理されています。 そのコンポーネントの一部を下記に紹介します。 ※グリッドのレイヤーを表示状態にしています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2016年総まとめ：Pocketにたくさん登録されたWeb制作に役立つ記事のまとめ
http://www.smaroomch.net/web-design-dokugaku-site/
新着記事
新着記事
Webデザインのセンスを磨く！2014年上半期洗練されたディテールのUIデザインのまとめ
http://cache.2chx.com/?q=cache:http://ikakimchi.livedoor.biz/archives/7678844.html
新着記事
新着記事
素晴らしいアイデアが満載！クリエイティブな刺激を与えるウェブサイトのまとめ