WebデザイナーがSketchを愛する4つの理由 | Web制作 | あさぎブログ | あさぎデザイン 名古屋・Web制作
配色のブレを防ぐ 案件、プロジェクトをまたいで使う色は「Global Colors」パレットとして登録しておけばどのSketchファイルでも使えます。特定の案件だけで使いたい配色は「Document Color」パレットとして登録しておいて、そのSketchファイル内のみ使えるようにしています。 SketchファイルをコピーすればDocument Colorは引き継がれますし、プラグインで他のSketchファイルに読み込むこともできます。 Sketch Palettes CSSフレームワークを導入するプロジェクトにも最適 Sketchには「Sketch App Sources」というSketch形式（.sketch）の素材配布サイトがあります。「Bootstrap」「Foundation」などのCSSフレームワークのUIキットも揃っています。 Bootstrap 4 Beta 2 Libr
WEBデザインの参考になるまとめサイトを４０サイトまとめてみました。 – ホームページ・デザイン制作のAWESOME | 加古川・姫路・明石
WEBデザイナー、WEBディレクターにかかわらずWEBデザインの制作やミーティングの際、参考サイトを探される方は少なくないことでしょう。 「このような雰囲気のサイトにしませんか？」 「このようなレイアウトはいかがでしょうか？」 参考サイトと共にWEBデザインを固めていく事は制作の現場ではよくあります。 WEBデザイナーにとっても、初めて関わるジャンルの案件や行き詰ったときなんかはWEBデザインの参考にするために多くのサイトを渡り歩きます。 そんな時に役に立つのがWEBデザイン参考サイトです。 星の数ほどあるWEBサイトをまとめてくれている、WEBデザイン参考サイトが実は沢山あります。 うまく活用することで、参考サイトを探す時間を限りなく短くすることができます。 今回はそんなWEBデザインのまとめサイトを一気にまとめてみました。 WEBデザインに関わる方は是非ブックマークしてくださいね。 W
CSSの命名に役立つ単語 - Qiita
レイアウト container: ブロックを囲むときのレイアウト inner: 内側の要素を囲む場合はinner media: 画像やテキストを内包する block: 多数のコンテンツを内包するブロック grid: グリッド main: 主となるもの sub: 主となるものに付随して補足するもの header: サイト共通ヘッダー footer: サイト共通フッター 文章など article: 記事、本文 caption: 画像や表につく補足文 description: 説明文章 summary: 概要。description > summary note: 補助的な文章,何かの情報に付随する文章に text: 普通の文が入る。なんでもない文章 画像 logo: ロゴ thumb: サムネイル画像 image: 画像 icon: アイコン 大きさ giant: とにかくでかい huge:
GIFアニメーションが気持ちいい、Webサイトのロゴデザイン28個まとめ
滑らかな動きが気持ちいい、GIFアニメーションをつかったロゴデザインをまとめています。 これまでビデオ動画などで利用されてきましたが、最近のリニューアルで披露されたFubizのロゴや、クリックするまでアニメーションが隠されているCSS-Tricks、またループ無しのDavid Stanfieldのロゴなど、アニメーションロゴを導入するサイトも増えています。 GIFアニメーションの他に、CSSやSVGで表現されているケースも多く、よりユーザーの注目をあつめることができる、新しいデザインテクニックと言えるでしょう。 詳細は以下から。 GIFアニメーションが気持ちいい、ロゴデザイン28個まとめ ファイル容量が大きく、ページ読み込みに時間がかかります。しばらく経ってからスクロールするといいかもしれません。 Fubiz – Logo and Loader Animations Macaw Logo
stickUp - a free jQuery Plugin
a jQuery plugin A simple plugin that "sticks" an element to the top of the browser window while scrolling past it, always keeping it in view. This plugin works on multi-page sites, but has additional features for one-pager layouts. Scroll down to see it in action. Visit GitHub Simple Integration stickUp is a jQuery plugin, which you can implement on any webpage alongside jQuery. You can easily mak
18 Amazing Effects You can Create with CSS3 Box Shadows
We can do a lot of things with CSS like build modals, make beautiful text effects, draw a Viking shield, and even create a heart shape. There’s also plenty that we can do with CSS3 Box Shadows, and in this post we are going to look at how some designers play around with CSS shadows to some great results. In this list you will see CSS shadows used in creating ticking counters, 3D effects on text, p
Nick S. – Technology, Art, Music, and Fun
Hi, I’m Nick.I’m on a journey to become an interactive designer. Currently, I’m working on immersive art installations, and learning new software, hardware, and other technical skills to support the mission. Stuff & ThingsOn the software front, I’m deep in the world of Touch Designer and Mad Mapper. When it comes to microcontrollers, I’m experimenting a lot with Arduino, Teensy, and Raspberry Pi.
こんな簡単でいいの？便利すぎるPhotoshopのプラグイン23選
デザイン制作の大半をPhotoshopで作業する人も多くいらっしゃいます。 そんなPhotoshopですから、自分仕様に環境を整えておくことで作業の快適具合も大きく変わってきます。 今回は、Photoshopでの作業を効率化する使い勝手の良いプラグインを28個に絞りご紹介します。 フォトショッププラグインとは、標準機能を拡張するファイルのことです。必要に応じてインストールすることで作業効率を飛躍的にアップさせることが可能です。 全てインストールする必要はありませんが、気になるものがあれば是非一度使ってみてください。 便利すぎるPhotoshopのプラグイン23選 1.Velositey http://dandkagency.com/extensions/velositey わずか数回のクリックであっという間にホームページのレイアウトを作るプラグインです。 ヘッダからコンテンツ、フッターなど
AngularJSのエキスパート達が語る、AngularJSの使いどころとつらいところ（前編）。Deverlopers Summit 2015
AngularJSのエキスパート達が語る、AngularJSの使いどころとつらいところ（前編）。Deverlopers Summit 2015 JavaScriptのフレームワークの1つとして注目されている「AngularJS」は、どんな用途に向いているのか、学習コストはどれくらいか？ 使いにくいところは？ などの疑問をAngularJSのエキスパート達が次々に答えてくれるセッション「AngularJSの今とこれから」が、2月19日に都内で行われたイベント「Developers Summit 2015」で行われました。 ふだんなかなか聞けない、AngularJSを現場で使っている人たちの本音が詰まっていたセッションの内容をダイジェストで紹介しましょう。 AngularJSのFAQ 川田氏 今日は、AngularJSを使って開発している方、AngularJSの本を執筆している方々に、Angu
SBS GROUP Recruiting 2024
Message メッセージ 依頼のあった当日に荷物を届けられたら。 そんな夢を叶えることから、私たちの歴史ははじまりました。 できない理由を考えれば、すぐにあきらめることができる。 でも、できる方法を考えている方が、 仕事は何倍も楽しくなる。 つぎつぎに広がっていった夢を、私たちはM&Aという方法で 仲間をつなぎ、実現してきました。 これからは変革の時代がやってきます。 物流に求められることも変わっていくでしょう。 それでも私たちは、「新しい物流のかたちをつくる」という 夢を追いかけ続けていきます。 その挑戦は、きっとよりよい明日をつくっていくはず。 そんなSBSグループに新しい風が吹くことを期待しています。 物流ニーズのすべてに 多様で多彩な企業が集まれば、解決できないことはない。 小さな力を集結して、大きなところと競っていく存在へ。 食品に特化している。アパレルや日用雑貨が得意。小口多
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
今からでも間に合う！レスポンシブWebデザイン作り方のまとめ
photo by Scolirk 地方でもマルチデバイス対応を求められることが多くなってきました。 徐々に対応しているところが増えてきたためだと思います。 私も昨年からレスポンシブWEBデザインについて、 対応する必要がありましたので、調べたものをまとめてみました。 もくじ レスポンシブWebデザインとは？ ギャラリーサイト レスポンシブWebデザインの作り方 画像の切り替え・最適化 レスポンシブ対応のフレームワーク レスポンシブ対応のライブラリ サイトの高速化 レスポンシブWebデザインとは？ 2年程前から流行し始めたレスポンシブWebデザイン。 基本的な考え方、メリット・デメリットを理解しておかないとトラブルの元になります。 レスポンシブWebデザインの基本 レスポンシブWebデザインの基礎 必読！5分でわかる流行のレスポンシブWebデザインまとめ | 株式会社LIG 5分で分かるレス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
全エンジニア・全デザイナー必見！UI/UXを入門からマスターできるスライド資料25選 | iPhoneの神様
30 CSS Page Preload Animations Demo Example 3
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
http://www.splashnology.com/article/jquery-plugins-feb-2014/11762/
Media Queries
http://www.illustbookmark.info/
