サムネイル画像を丸く見せたいとき、CSSだけで簡単にできるんですが、意外と知らない人も多いのかなと思ったのでご紹介します。 WEBデザインを専門でやってる人からしたら大したことじゃないんですが、ブログ運営者などのCSSに疎い方に向けてソース付きで解説します。
タグ
- すべて
- *あとで (85)
- .net (31)
- 3D (33)
- AI (83)
- API (454)
- AST (38)
- AWS (1529)
- AdventCalendar (28)
- Angular.js (301)
- Ansible (123)
- App (42)
- Backup (30)
- CDN (33)
- CPU (79)
- CSRF (35)
- CentOS (163)
- Chef (400)
- CloudFront (43)
- CoreOS (79)
- DDD (308)
- DeNA (35)
- Drupal (32)
- E2E (29)
- Embulk (38)
- Excel (45)
- Firebase (98)
- Flux (93)
- GAE (72)
- GCP (177)
- GUI (29)
- GitHubActions (30)
- GraphQL (42)
- Grunt (96)
- HA (36)
- Haskell (416)
- IO (52)
- JVM (93)
- Kibana (59)
- ML (42)
- MLOps (54)
- Netflix (49)
- Nuxt.js (30)
- OpenCV (45)
- PSD (34)
- Processing (32)
- Qiita (248)
- R (62)
- RaspberryPi (55)
- Redmine (52)
- SQLite (32)
- SRE (49)
- SSL (66)
- SVG (51)
- Sketch (36)
- TCP (65)
- TensorFlow (87)
- UI (662)
- UITableViewCell (38)
- WebService (386)
- Xcode (464)
- activerecord (126)
- activity (48)
- adobe (31)
- agile (174)
- ajax (254)
- akka (31)
- algorithm (353)
- amazon (137)
- analytics (86)
- android (1280)
- animation (134)
- apache (244)
- apple (67)
- application (65)
- arc (38)
- architecture (387)
- async (87)
- atom (44)
- audio (36)
- aurora (29)
- autolayout (65)
- awk (55)
- backbone.js (153)
- background (43)
- bash (210)
- bdd (38)
- benchmark (28)
- bigquery (161)
- binary (38)
- block (30)
- blocks (40)
- blog (62)
- bluetooth (28)
- book (564)
- bootstrap (295)
- bot (42)
- browser (118)
- browserify (55)
- brush (55)
- build (43)
- bundler (28)
- business (261)
- button (28)
- c# (33)
- c++ (82)
- cache (117)
- cakephp (63)
- camera (31)
- canvas (107)
- capistrano (70)
- capybara (37)
- career (85)
- chainer (50)
- chrome (206)
- ci (356)
- circleci (53)
- clang (110)
- cli (87)
- cloud (135)
- cloudwatch (50)
- cluster (51)
- cocoa (220)
- cocoaPods (88)
- cocos2d (70)
- code (109)
- codereading (69)
- codereview (64)
- coffeescript (85)
- color (135)
- column (36)
- command (128)
- communication (48)
- compass (31)
- compiler (34)
- concurrency (66)
- config (72)
- consul (108)
- container (124)
- cookbook (41)
- cookie (44)
- cookpad (65)
- coredata (54)
- crawler (33)
- cron (59)
- css (881)
- css3 (468)
- d3.js (48)
- data (435)
- database (394)
- db (281)
- dbt (48)
- debian (31)
- debug (274)
- deeplearning (197)
- deferred (47)
- delegate (48)
- deploy (93)
- design (1627)
- dev (95)
- developer (46)
- development (1336)
- devops (174)
- di (32)
- distributed (31)
- django (92)
- dns (77)
- docker (1158)
- document (144)
- dom (84)
- dropbox (50)
- dynamodb (74)
- ec2 (226)
- eclipse (64)
- ecmascript (97)
- ecs (84)
- editor (158)
- education (52)
- effect (49)
- elasticsearch (269)
- elb (48)
- electron (77)
- elixir (87)
- elm (40)
- emacs (48)
- enchant.js (46)
- engineer (133)
- engineering (65)
- english (369)
- erlang (51)
- error (82)
- es6 (28)
- event (137)
- express (70)
- extension (82)
- facebook (114)
- fashion (34)
- filesystem (48)
- firefox (135)
- fireworks (63)
- flash (59)
- flat (29)
- fluentd (338)
- font (208)
- food (136)
- framework (309)
- free (49)
- frontend (64)
- function (120)
- functional (109)
- furniture (86)
- game (210)
- gc (62)
- gem (191)
- generator (47)
- git (488)
- github (653)
- gmail (31)
- go (1085)
- golang (1609)
- google (318)
- goroutine (53)
- gradle (65)
- grep (32)
- gulp (88)
- hadoop (122)
- haproxy (30)
- hatena (92)
- health (55)
- heroku (197)
- homebrew (47)
- html (338)
- html5 (664)
- http (200)
- http2 (42)
- https (82)
- hubot (57)
- iBeacon (33)
- iOS8 (47)
- iam (56)
- ibm (93)
- icon (213)
- ide (77)
- idea (37)
- illustrator (313)
- image (188)
- imagemagick (37)
- infrastructure (119)
- innodb (102)
- inspiration (29)
- install (95)
- interface (72)
- interior (51)
- interview (49)
- ios (1894)
- ios7 (51)
- ipad (69)
- iphone (426)
- iptables (49)
- isucon (146)
- jasmine (31)
- java (1058)
- javascript (5118)
- jenkins (237)
- jquery (1331)
- jquery mobile (37)
- json (204)
- junit (37)
- kafka (88)
- kaggle (61)
- kernel (209)
- kotlin (88)
- kubernetes (314)
- kvm (37)
- lambda (237)
- layout (81)
- library (671)
- lifehacks (249)
- lightbox.js (30)
- links (66)
- linux (1543)
- lisp (39)
- logging (147)
- logo (35)
- lxc (53)
- mac (661)
- machinelearning (302)
- mail (61)
- management (264)
- map (44)
- markdown (37)
- marketing (88)
- material (499)
- math (126)
- memcached (68)
- memo (47)
- memory (129)
- microservices (110)
- mobile (324)
- model (54)
- module (56)
- monad (53)
- money (87)
- mongodb (159)
- monitoring (211)
- mruby (85)
- ms (29)
- music (76)
- mvc (40)
- mysql (1017)
- nagios (35)
- network (526)
- nginx (430)
- nlp (151)
- node.js (928)
- notification (43)
- npm (61)
- oauth (56)
- objective-c (1954)
- oop (53)
- os (39)
- oss (107)
- pandas (74)
- pattern (78)
- pdf (29)
- performance (831)
- perl (167)
- phantom.js (35)
- photo (88)
- photoshop (897)
- php (1132)
- plagger (48)
- plugin (296)
- podcast (29)
- postgresql (243)
- presentation (76)
- programming (2013)
- promise (35)
- prototype (50)
- prototype.js (47)
- proxy (68)
- puppet (29)
- push (35)
- python (1417)
- rails (1547)
- react.js (342)
- redis (140)
- redux (74)
- reference (100)
- regexp (69)
- rest (72)
- rspec (109)
- rss (51)
- ruby (1937)
- rust (178)
- s3 (64)
- sass (62)
- scala (292)
- scraping (69)
- scrum (74)
- search (82)
- security (938)
- selenium (99)
- sencha (29)
- seo (84)
- serf (29)
- server (248)
- serverless (83)
- serverspec (58)
- shell (229)
- shopping (42)
- slide (601)
- slideshare (91)
- socket.io (32)
- software (191)
- solr (36)
- spark (68)
- sql (292)
- ssh (111)
- startup (41)
- statistics (80)
- storage (34)
- stream (47)
- study (474)
- sublimetext2 (45)
- subversion (47)
- swift (1062)
- tdd (214)
- template (118)
- terminal (55)
- terraform (113)
- testing (900)
- texture (126)
- theme (38)
- thread (36)
- tips (1444)
- titanium (111)
- tmux (63)
- tool (115)
- travel (197)
- tuning (95)
- tutorial (930)
- twitter (104)
- typescript (197)
- ubuntu (77)
- uitableview (50)
- unity (151)
- unix (35)
- ux (131)
- vagrant (214)
- vector (40)
- video (105)
- vim (365)
- visualization (73)
- vue.js (218)
- web (222)
- webdesign (1051)
- websocket (85)
- windows (167)
- wordpress (408)
- work (98)
- xml (43)
- youtube (35)
- zsh (100)
- あとで読む (10364)
- まとめ (1111)
- デザインパターン (50)
- 個人開発 (29)
- 機械学習 (493)
- 統計 (70)
- 自然言語処理 (73)
- 設定 (51)
- 設計 (440)
- 資料 (208)
- 運用 (60)
- あとで読む (10364)
- javascript (5118)
- programming (2013)
- objective-c (1954)
- ruby (1937)
- ios (1894)
- design (1627)
- golang (1609)
- rails (1547)
- linux (1543)
ブックマーク / delaymania.com (4)
-
clavier 2015/02/25
CSSだけでサムネイルなどの画像を丸く見せる方法 | delaymaniaリンク -
-
【移転】大井町にある寿司屋「すし処さいしょ」が絶品すぎて通いそうな勢い - ディレイマニア
さいしょさん(@SushiSaisho)のお店「すし処さいしょ」に行ってきました！ 最高の仲間たちと最高の寿司を食べるという至福のひと時でした。 ※現在は銀座に移転してます。 iPhoneヘビーユーザーな寿司屋の大将 さいしょさんと初めてお会いしたのはDpub5のとき。 先日開催されたDpub7で再会しまして、そのときにみんなで食べにおいでと言っていただきました。 普段は昼間営業していないそうですが、さいしょさんのご好意により真っ昼間からお邪魔させていただきまして、本当に感謝しております。 ▼大井町にある「すし処 さいしょ」。看板にURLが入ってるあたりさすがです。 ▼店主のさいしょさん。 ▼飲み物はノンアルコールビールの「熊本フリー」を注文しました。くまもん可愛い。 ▼イサキとカツオのお造り。いきなり一発目から超うまかったです。 ▼ホタルイカとウドの酢みそ和え。 ▼兵庫県室津産の生ガキ。
-
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx